Tabs effectively organizes the content and engages the user. You can divide your posts into tabs in order to save space and show different items in the same area. Also, Tabs break down longer content into organized sections. This increases your audience retention rate and prevents users from getting bored with long content.
For example: In an e-commerce website, you need to organize content in tabs i.e., product description, reviews, pricing, policy, etc. The user has control to click into any of the content areas to learn more about the titled tab.
Also, you can use tabbed features to display information of the employees in an organization. The content can be segregated as Personal data, Photo, Educational Qualification, Projects, Departments and so on into multiple tabs.
This is an example of an online food delivery website. The contents of the Restaurant page are divided into multiple tabs such as Overview, Order, Reviews, Menu, Booking and Photos.
In this article we have explained how to create a tabbed setting in WordPress posts and pages.
Method 1: Elementor Free Page Builder
You can easily add tabs to your WordPress posts or pages using an Elementor page builder. You need to install and activate the Elementor Free Page Builder Plugin on your WordPress website. It offers a pre-built option of tabs in their drag and drop editor.
Step 1: Open the Page/Post where you want to add the tabs and click Edit with Elementor.
Step 2: In the left side, under Elements section search for Tabs. Drag and drop the Tabs Element towards your right side i.e. the location where you want to display the tabs.
Step 3: You can edit the tab content, style and positioning under Edit tabs. Change the Tab Title, add description, content and change the default values.
Step 4: In the end, Click on Update/Save Changes.
With the support of Gutenberg blocks Plugin – Ultimate Blocks, you can add tabs in your WordPress website right from your Gutenberg Editor. It provides you better functionality and visuals of the content added to the tabs.
Step 1: In your WordPress Dashboard, Go to Plugins >> Add New and Search for Ultimate Blocks – Gutenberg Blocks Plugin. Then, Install and Activate the Plugin.
Step 2: Go to the Page/Post where you want to add the tabs and select Edit. Click on the + icon to add a new block and search for Tabs. Select Tabbed Content from Ultimate blocks.
Step 3: Now, edit and make the necessary changes using the Gutenberg editor. You have to create a new block inside the tabs to add contents.
Step 4: You can add multiple blocks inside one tab. This allows you to insert text, embed images, videos and other media files under the same tab. Also, you can customize the Tab title, Colours, Layout and Anchors under Block settings.
Don’t forget to click on Update to save your changes.
Method 3: Using WordPress Plugin
There are a number of free as well as paid plugins available through which you can add tabs in your WordPress posts and pages. If you’re not using a page builder or Gutenberg editor, using plugins is a great alternative. We have listed a few freely available WordPress plugins. You can create tabbed content in your page/post by installing and activating any one plugin in your WordPress website.
- Tabby Responsive Tabs
- WordPress Shortcodes Plugin — Shortcodes Ultimate
- Tabs Shortcode and Widget
We hope this article helps you to understand how to Add Tabs to WordPress Posts and Pages. In case of queries, please leave a comment and we will get back to you as soon as possible.
Also, if you want us to cover a specific topic you can leave a comment for that as well.