Tabs are a great way to organize content on your website and present it in a clean and structured format. They can be used to showcase product features, display information in categories, or even improve navigation for your users.

If you’re not sure how to add tabs in WordPress, don’t worry. In this post, I’ll walk you through how to create horizontal tabs in WordPress — without writing a single line of code.

Let’s dive in.

What is Horizontal Tabs in WordPress?

Horizontal tabs in WordPress are interface elements that let you display different sets of content side-by-side, with tabs placed horizontally across the top. Clicking on a tab reveals its associated content while hiding the rest.

They’re perfect for presenting content in sections without overwhelming your readers. Whether it’s a comparison, FAQ, or product info, horizontal tabs make your content easier to digest and more engaging.

Using a plugin like Ultimate Blocks, you can add horizontal tabs to any post or page quickly — no coding required.

Table of Contents

Creating Horizontal Tabs in WordPress

To create horizontal tabs in WordPress, you’ll need the Ultimate Blocks plugin — a free Gutenberg blocks plugin packed with 18+ useful blocks to enhance your content creation.

One of its blocks is the Tabbed Content block, which we’ll use to create horizontal tabs.

Step 1: Install Ultimate Blocks Plugin

From your WordPress dashboard, go to Plugins → Add New, search for “Ultimate Blocks”, and install it. Don’t forget to activate the plugin.

Step 2: Add Tabbed Content Block

Open the post or page where you want to add the tabs. Click the “+” button and search for Tabbed Content. Then, insert the block into your content.

Step 3: Add Tabs

By default, the block displays horizontal tabs. To add more tabs, click the “+” icon next to the last tab. You can also add content inside each tab by clicking the inner “+” icon.

You can insert any block inside a tab — text, images, buttons, lists, or anything else supported by the block editor.

Step 4: Customize Your Tabs

Use the block settings to customize the appearance of your tabs. You can change tab style, colors (normal & active), layout, and anchors to improve usability and match your site’s branding.

And that’s how you can create beautiful horizontal tabs in WordPress — all in just a few minutes.

If you’d like more advanced features like tab icons, call-to-action buttons, and more styling options, you can upgrade to the Pro version of Ultimate Blocks.

To get Ultimate Blocks Pro, go to our pricing page, purchase the plugin, and you’ll receive a confirmation email with the download link and license key.

Need help installing? Here’s a quick tutorial: How to Install & Activate Ultimate Blocks Pro

Also Read: How To Add Vertical Tabs In WordPress

Final Words

I hope this guide helped you learn how to create horizontal tabs in WordPress. With Ultimate Blocks, you can build both horizontal and vertical tabs, and much more — all while keeping your site responsive across all devices.

If you have any questions, feel free to leave a comment below. I’ll be happy to help!