How to make a toggle to display 2 different pages in Webflow
Hey there! I would like to know how can i create this example toggle that switches between landing pages so it appeals to two different customers.
⏯️ Watch the video for the example
⏯️ Watch the video for the example
5 Replies
@Juan can you drop the link please?
bandit app - website
Buy directly from producers, in groups. Unbeatable prices for consumers, better earnings for producers. We call it the magic of the deal ✨
@Juan I recorded a loom for you: https://www.loom.com/share/7e62fe4edba34a5db9b3f870ea3bbdb2?sid=6c2ffad6-0929-46e6-a9e6-52eea55dca46
The entire content of the page from the hero down to just above the footer is is set in webflow tabs. So the pages aren't changing but the tabs are.
The menu toggle is then linked to the main tabs, I think that can be done using finsweet Mirror Click events: https://finsweet.com/attributes/mirror-click-events
The links changing in the nav are also being toggle by custom code.
They're being swapped out using display: block; & display:none;
Mirror Click Events - Mirror a click from one element to another
Mirror a click event from one Webflow element to another element. Replicate user clicks on other elements on the page
I'm sure you can toggle the links using finsweet class adder: https://finsweet.com/class-adder
Finsweet Class Adder Webflow Interactions Tool
Learn how to add custom interactions to your Webflow project with simple javascript using the Finsweet Class Adder Interactions tool. Check out our docs and walkthroughs.
Wow thank you so much!