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

The Essay Writing Service that is Right For You If you are unsure of how to begin your writing career as college students...

How to Write Research Papers: Finding Professional Staff

In order to construct a research team, the community college or university can supply you with professional staff who can help you execute the...

Essay Assist – Happens Before You Write Your Essay

It can be easy to give in to your urge to write an essay. You can have a well-researched thesis you would like to...

Totally free Slots No Download Zero free spins keep winnings no deposit Registration To have Instantaneous Play

PostsGambling enterprise Greeting Bonus100 % free Slots No Install Zero SubscriptionElectronic pokerTrial Ports Fun The online game provides a keen RTP part of 92.13% and...

Is there a way to stop Windows Script Errors from popping up? : windows

Click on Apply this fix in the dialog to proceed. Press Windows key + I to open up the Settings menu on Windows...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here