Hi all, I have had the support of some wonderful creatives to build my website, but I need to make final tweaks before it works. As a gym business, I have a page where people can purchase different membership packs. I have options for the 6 and 12 month plans to be paid on a recurring basis or upfront.
I am trying to do two things:
Include another small text (‘recurring payment’) within the 6 and 12 month frames that only appear when the toggle is set to Recurring
Make sure that the hyperlinks on the purchase buttons are different between the two toggles.
How do I go about processing these sorts of changes myself?
To implement toggle-based visibility conditions in Webflow, you can use the Interactions panel to set up show/hide animations for conditional elements. For buttons that control these toggles, you can customize their functionality in two ways:
Click the “cog” icon next to the button element in the Navigator panel
Access the Settings panel and modify the link settings
To maintain consistent button styling across your website, use the All links tag in the Style panel. This allows you to create a unified look for all link elements while still maintaining individual control over specific buttons when needed.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
You can check this cloneable out which solves similar use-case with Monthly / Yearly toggle. So for your project, you can change it to Recurring / Upfront and implement this to switch the content based on the toggle selected by the user. Hope this helps.