Tabs Widget

Create Your Own Tabs Widget in Seconds for Your Website

Build responsive tabbed content for product details, service packages, pricing, support topics, schedules, and policies. Edit tab items, choose layouts, customize colors, and publish without code.

Create Your Tabs Widget - It's Free!
Create Your Own Tabs Widget in Seconds for Your Website Hero Bg Image

How to embed Tabs Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Build Tab Items with Content and Calls to Action

Create a repeatable list of tabs with titles, descriptions, images, and optional CTA buttons for each topic.

Tab item fields include:

Tab titleDescriptionImage URLButton textButton URLReordering
Add Tab Content
Build Tab Items with Content and Calls to Action

Switch Between Horizontal and Vertical Layouts

Use a horizontal tab bar for compact sections or a vertical tab rail for heavier content groups and comparison pages.

Layout controls include:

Horizontal tabsVertical tabsDefault active tabImage positionCustom width
Choose a Layout
Switch Between Horizontal and Vertical Layouts

Customize Colors, Radius, Shadow, and Spacing

Match the widget to your website with theme presets, custom color fields, spacing controls, and scoped CSS.

Style controls include:

Light or darkCustom colorsCorner radiusPanel shadowCustom CSS
Style Your Tabs
Customize Colors, Radius, Shadow, and Spacing