Logo

Hide and Show Elements on Button Click (Funnels & Websites) in GoHighLevel

Presenting an impactful upgrade to our platform, we’re thrilled to unveil the innovative “Click-to-Reveal/Hide” functionality. This fresh button capability enables users to seamlessly conceal or unveil hidden components across both mobile and desktop interfaces, fostering enhanced adaptability and engagement in content creation and presentation.

How it Works

Enrich your designs with an interactive twist, empowering users to unveil hidden elements with a simple click. This feature elevates user involvement, fostering dynamic and intuitive page interactions.

Sites > Funnels/Websites > Choose the Funnel or Website > Edit > Button Element > Show/Hide Elements on Button Click

Hiding Elements

Add an interactive layer to designs by hiding elements when a button is clicked. 

1. In the funnel or website builder, choose the Button element that you want to use.

2. On the right side of the screen, you’ll find the element settings. Under General, scroll all the way down to “Button Actions“.

3. Choose “Hide Elements” from the dropdown. Click on the button that says “No Elements” and choose the element or elements that you’d like to hide when the button is clicked. 

4. You can choose an element, a section, a column, or column rows. Once done choosing which ones to hide, click the Save button, and preview your funnel or website to test.

Showing Elements

Similarly, you can reveal hidden elements when a button is clicked.

1. Select an element you want to “Show” from a “Hidden” state and go to Advanced Settings. For this example, we will be using a Form to be revealed when a button is clicked.

2. Locate the Visibility section. Click on each mobile and desktop visibility buttons to “hide” the elements in both views.

3. In the funnel or website builder, choose the Button element that you want to reveal the hidden element  when clicked.

4. On the right side you’ll find the element settings. Under General, scroll down to “Button Actions“.

5. Choose “Show Elements” from the dropdown. Click the “No Elements” button and choose the element or elements that you’d like to show when the button is clicked. 

Helpful Tip

Name your element/s with an identifying label so it’s easier to find them from the list.

6. Once you have chosen which element/s to show when the button is clicked, click the Save button, and preview your funnel or website to test. 

Related Articles

Logo
Go HighLevel Onboarding, Training, Education, Coaching, Support, Products and Services. Enabling Customer Success for GHL Agencies Worldwide
Copyright Growthable 2023 | All Rights Reserved

Grab our free techincal onboarding checklist

Our Growing Up Sale is on now! Last chance 🚀🚀 To Celebrate we giving you 25% off any plan until July 1st!

Prices will never be this good again, get your UNLIMITED onboarding and support before its too late!

TIME LEFT
Coupon has expired
Last chance - get 25% OFF!