Skip to main content
Question

Show Different Versions of Page depending Upon button click


Forum|alt.badge.img

Hi I moving my Landing Page from SmartBuilder to Classic Builder on Unbounce. I need to create the new page with the following page logic. A user will arrives on page and sees two buttons one is “Experienced” vs “Non-Experienced”. Depending on which button they click they get a different version of the page. I know its a custom build but does anyone have experience with this kind of build? Thank you Paul

2 replies

Md_Mahinur_Khan
Forum|alt.badge.img+1

Hi ​@pkangcpshr,

 

I’ve worked on similar setups in Unbounce and can definitely help! Here’s a basic approach you can take:

 

  1. Create Separate Sections for Each Version: Design your “Experienced” and “Non-Experienced” versions as separate sections on the same page.

  2. Set Up Buttons with Click Actions: Use the buttons to toggle the visibility of the corresponding sections. You can achieve this by adding custom JavaScript or using Unbounce’s built-in button click actions to show/hide sections.

  3. Smooth User Experience: Consider adding smooth scrolling or transitions when switching between sections to enhance the user experience.

 

If you need detailed guidance or a step-by-step breakdown, feel free to reach out at +88 01706 000034 or via email at mdmahinurkhan9@gmail.com. I’m happy to assist!

 

Thanks,


adamfinch
  • 5 replies
  • January 23, 2025
pkangcpshr wrote:

Hi I moving my Landing Page from SmartBuilder to Classic Builder on Unbounce. I need to create the new page with the following page logic. A user will arrives on page and sees two buttons one is “Experienced” vs “Non-Experienced”. Depending on which button they click they get a different version of the page. I know its a custom build but does anyone have experience with this kind of build? Thank you Paul

You can achieve this in Unbounce using custom scripts or URL parameters. For example:

Assign unique URLs (e.g., ?type=experienced or ?type=non-experienced) to each button's click action.
On the landing page, use JavaScript to detect the URL parameter and dynamically show or hide specific sections of the page based on the user’s choice.
Alternatively, you can redirect users to two separate pages tailored for each audience.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings