How to Add Tabs to WordPress Posts and Pages

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.

Method 2: Using Gutenberg Block 

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.

  1. Tabs
  2. Tabby Responsive Tabs  
  3. WordPress Shortcodes Plugin — Shortcodes Ultimate
  4. 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.

Recent Articles

If You Think Your Phone is Hacked, Here’s What to Do

Can you think of something worse than losing all the data on your phone? Well, if you...

Boost the Performance of Your PS4 in these 5 Ways

Gamers don’t like slow interfaces, but what if their PS4 slows down. If you are a budding gamer yourself, you might know...

Your Charging Practices Reducing the Battery Life of Your Phone

No matter how expensive your phone is, it’s battery seems to noticeably degrade after you have used...

How You Can use Wi-Fi Calling on Your iPhone and Android Device

You might have heard of Wi-Fi Calling, but not have a clear idea on what it actually...

5 Google Docs Features that You Should be Using

Google Docs is the saviour for all the writers out there. Unlike any other Word Processors, google doc can be used in...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here