How to Add Service Boxes in WordPress (Copy Paste Pattern)

Service boxes are a popular design element to showcase key services on your website. These boxes usually include an icon, a service name, a short description, and a call-to-action button. They’re commonly found on homepages, service pages, and landing pages to help users quickly understand what you offer.

In the past, creating these boxes required manual setup and custom styling. But not anymore. With Tableberg, you can now create clean, responsive service boxes just by copying and pasting a pre-built pattern.

This guide will walk you through how to add service boxes to your WordPress site in minutes using Tableberg.

Step 1: Install the Tableberg Plugin

Tableberg is a powerful block-based table builder for WordPress. While it’s mainly known for creating advanced tables, you can use it for various layout purposes—including beautifully designed service boxes.

To get started:

Go to your WordPress Dashboard → Plugins → Add New
Search for Tableberg
Click Install Now and then Activate the plugin.

Once installed, you’re ready to move to the next step.

Step 2: Copy & Paste the Service Box Pattern

We’ve done the hard part for you. You don’t need to design anything from scratch. Just use our pre-made service box pattern.

Web Design We create custom, responsive websites that are visually appealing and optimized for performance. View Service	SEO Optimization Our SEO experts enhance your site’s visibility by targeting the right keywords and optimization. View Service	Social Media Mgmt Let us manage your social media accounts with engaging content, timely responses, and scheduling. View Service
Content Writing Our professional writers craft well-researched, SEO-optimized blog posts and website content. View Service	Branding Strategy We develop unique brand identities through market research, visual design, and messaging strategies. View Service	Email Marketing From compelling newsletters to automated drip campaigns, we create email marketing strategies. View Service

⬆️ Click the above button to copy the pattern.

✅ This service box pattern works perfectly with the free version of Tableberg.

Then, go to your post or page and paste it right into the WordPress editor.

The layout will appear instantly. You’ll see a responsive set of service boxes with icons, titles, descriptions, and buttons—all neatly aligned using the Tableberg block.

Step 3: Replace the Demo Content

Once the service boxes are in place, it’s time to make them your own.

Start by editing each cell:

Replace the default image with one that represents your service. (You can also use icons there using the pro version)
Update the service title to match your offering.
Write a short description explaining what the service includes.
Change the button text and link to match your CTA (e.g., “Learn More” or “Get Started”).

We’ve created a quick demo to show you how it’s done:

It’s that simple. You don’t need any coding or design skills.

Step 4: Customize the Design (Optional)

Want the boxes to better match your branding? No problem.

You can:

Change the background color of the service box
Adjust the image size.
Modify font styles, sizes, and colors
Customize the button color, hover effect, and border radius

All of this can be done visually from the block sidebar.

With a few tweaks, you’ll have service boxes that look perfectly on-brand.

Step 5: Explore More Customizations (Optional)

Want to explore more ways to enhance your service boxes or learn about additional Tableberg features?

Here are some helpful documentation links:

Change Single Cell Background Color
Change Row Background Color or Column Background Color
Add Space Between Columns or Rows
Add Space Between Blocks
Sub-Blocks: Image, Buttons, List, Star Rating, Styled List, Icons, Custom HTML, Ribbons

Explore Other Docs

These resources will help you get even more out of Tableberg.

Final Words

With Tableberg, creating service boxes in WordPress has never been easier. No need to rely on bulky page builders or custom code. Just install the plugin, copy a ready-made pattern, and tweak it to fit your content.

Whether you’re building a homepage, a services page, or a product showcase, these service boxes can help you present your offerings in a clean, engaging way.

If you run into any issues or have questions, feel free to leave a comment below. Our support team is always happy to help.

Recommended Reading: