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. |
![]() SEO Optimization Our SEO experts enhance your site’s visibility by targeting the right keywords and optimization. |
![]() Social Media Mgmt Let us manage your social media accounts with engaging content, timely responses, and scheduling. |
![]() Content Writing Our professional writers craft well-researched, SEO-optimized blog posts and website content. |
![]() Branding Strategy We develop unique brand identities through market research, visual design, and messaging strategies. |
![]() Email Marketing From compelling newsletters to automated drip campaigns, we create email marketing strategies. |
⬆️ 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
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:
- How to Create Content Boxes in WordPress
- How to Add Feature Boxes in WordPress
- How to Add Icon Boxes in WordPress
- How to Create Text Boxes in WordPress
- How to Add Amazon Product Boxes in WordPress
- How to Create Info Boxes in WordPress
- Best WordPress Box Plugins