This article shows you how to add tabbed content sections to organise information on your WordPress website.
Tabbed content lets you display lots of information in a compact space. Visitors can click between different tabs to see different content sections. This works well for FAQs, product details, service descriptions, or any content where you want to save space on the page.
Method 1: Using WordPress Blocks (Recommended)
Most modern WordPress themes include tabbed content blocks. This is the easiest method if your theme supports it.
- Access your WordPress admin dashboard
- Go to the page where you want to add tabs
- Click the "+" button to add a new block
- Search for "tabs" or "tabbed content" in the block menu
- Select the tabs block and click to add it
- Add your tab titles by clicking on each tab header
- Click in the content area below each tab to add your content
- Use the block settings on the right to change colours, spacing, or layout
- Click "Update" to save your changes
If you don't see a tabs block, your theme might not include one. Move to Method 2.
Method 2: Installing a Tabs Plugin
If your theme doesn't have built-in tabs, install a plugin that adds this feature.
- Go to your WordPress admin dashboard
- Click "Plugins" then "Add New"
- Search for "Ultimate Blocks" or "Kadence Blocks" - both are reliable, free plugins
- Click "Install Now" then "Activate"
- Go back to your page editor
- Click the "+" button to add a new block
- You should now see tabs options in your block menu
- Follow the same steps as Method 1 to create your tabbed content
Method 3: Using Page Builders
If you're using a page builder like Elementor, it likely includes a tabs widget.
- Open your page in the page builder
- Search for "tabs" in the widgets panel
- Drag the tabs widget to your page
- Click on each tab to edit the title and content
- Use the style settings to match your website design
- Save your changes
Adding Content to Your Tabs
Once you have your tabs set up, you can add any type of content to each tab section:
- Text and headings
- Images and media
- Lists and bullet points
- Call-to-action buttons
- Even other blocks like galleries or forms
Keep tab titles short and descriptive. Use 1-3 words that clearly describe what's in each tab.
Best Practices for Tabbed Content
- Don't put critical information in tabs - some visitors might miss it
- Use tabs for supplementary details, not essential content
- Keep the most important tab first (it opens by default)
- Test your tabs on mobile devices to ensure they work well
- Don't use too many tabs - 3-5 tabs work best
If you're still stuck or can't find a tabs option in your WordPress editor, contact Web60 support and we'll help you add tabbed content to your specific website setup.
FAQ
Q: Why can't I see a tabs block in my WordPress editor?
A: Your theme might not include tabs blocks by default. Install a plugin like Ultimate Blocks or Kadence Blocks to add tabs functionality.
Q: Can I change the colour and style of my tabs?
A: Yes, most tabs blocks and plugins include style settings where you can change colours, fonts, and spacing to match your website design.
Q: Do tabs work on mobile phones?
A: Yes, but they often display differently on mobile. Many tabs convert to accordions (stacked sections) on smaller screens for better usability.
Q: Can I put forms or images inside tabs?
A: Yes, you can add any WordPress content inside tabs including text, images, forms, buttons, and other blocks.
Q: How many tabs should I use?
A: Keep it between 3-5 tabs for the best user experience. Too many tabs can overwhelm visitors and make content hard to find.
Q: Will tabs affect my website's SEO?
A: Content inside tabs is still visible to search engines, but it may be given less weight than content that's immediately visible on the page.
Q: Can visitors see all tab content at once?
A: No, tabs hide content until clicked. If you want all content visible, consider using an accordion layout instead which can expand all sections simultaneously.
Last updated: 1 March 2026