Webflow sync, pageviews & more.
NEW
Answers

Is it possible to give separate URLs to the tabs "For Everyday" and "For Pharmacy" in Webflow and have them act as their own pages, but still be clickable and changeable using the tabs function?

Yes, it is possible to give separate URLs to the "For Everyday" and "For Pharmacy" tabs in Webflow and have them act as their own pages, while still being clickable and changeable using the tabs function.

To achieve this, you can follow these steps:

1. Create two separate pages for "For Everyday" and "For Pharmacy" in your Webflow project. Each page will have its unique URL.

2. On your main navigation or any other relevant location, create a tabs element using Webflow's built-in tabs component. This will enable the tab functionality on your page.

3. Inside the tabs component, create two tab panes corresponding to "For Everyday" and "For Pharmacy". You can add content specific to each category in their respective tab panes.

4. Configure the tab links to point to the URLs of the respective pages you created earlier. To do this, select a tab link element, go to the settings panel on the right-hand side, and under the "Link Settings" section, enter the URL of the corresponding page.

5. Once you have set up the tab links correctly, you can preview and test your website. Clicking on the "For Everyday" and "For Pharmacy" tabs will navigate you to their respective pages, and they will act as separate pages with their unique URLs.

It's important to note that by default, Webflow's tabs component uses JavaScript to create a tabbed interface, but it doesn't change the URL when switching between tabs. However, by setting up separate pages for each tab and linking them appropriately, you can achieve the desired behavior of having separate URLs for each tab while still using the tab function to switch between them.

Rate this answer

Other Webflow Questions