CMS Tabs

Hello! đź‘‹

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Interactions
CMS
Boosters

CMS Tabs

Use Refokus CMS Tabs to create powerful tabs where the tab menu and content are managed from a CMS collection.

[.c-title-3-primary]How to add CMS Tabs in Webflow?[.c-title-3-primary]

‍

Use Refokus CMS Tabs to create powerful tabs where the tab menu and content are managed from a CMS collection.

‍

Step #1

Copy the

CMS Tabs

<script> and paste it before the </body> of your page

Copy Script Code
<script
src=
"
https://tools.refokus.com/cms-tabs/bundle.v1.0.0.js
"
></script>
<script src="https://tools.refokus.com/cms-tabs/bundle.v1.0.0.js"></script>
Copy Text to Clipboard
Copied!
Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
‍Learn more
anchor link
Add a Custom Attribute to the Collection List for the Tabs Menu
anchor link
Add a Custom Attribute to the Collection List for the Tabs Content
anchor link
Add a Custom Attribute to use 'Click' as the interaction trigger for the Tabs Menu
anchor link
Add a Custom Attribute to use 'Hover' as the interaction trigger for the Tabs Menu
anchor link
anchor link
anchor link
anchor link
anchor link
anchor link
General Notes
Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback
Share on LinkedInShare on TwitterShare via URL
Other Webflow tools you might be interested in
Back to directory
CMS Filters
Create one or more filter sets to filter results on a CMS collection list.
Link to tool
CMS Load More
Extend Webflow’s pagination adding a Load More Button on your CMS lists.
Link to tool
CMS Prev/Next
Show the next and previous CMS collection items.
Link to tool