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.
Étape 1 : Installer le plugin Tableberg
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
- Rechercher Tableberg
- Cliquez sur Installer maintenant et ensuite Activer le 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.
![]() Conception de sites web We create custom, responsive websites that are visually appealing and optimized for performance. |
![]() Optimisation du référencement 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 version gratuite de 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 icônes there using the version pro)
- Update the service title to match your offering.
- Write a short description explaining what the service includes.
- Modifier le 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:
- Modifier le couleur de fond of the service box
- Ajuster le image size.
- Modify font styles, sizeset couleurs
- 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 ou Column Background Color
- Add Space Between Colonnes ou Rows
- Add Space Between Blocs
- Sub-Blocks: Image, Boutons, Liste, Classement par étoiles, Liste stylisée, Icônes, HTML personnalisé, 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:
- Comment créer des boîtes de contenu dans WordPress
- Comment ajouter des boîtes à outils dans WordPress
- Comment ajouter des boîtes d'icônes dans WordPress
- Comment créer des boîtes de texte dans WordPress
- Comment ajouter des boîtes de produits Amazon dans WordPress
- How to Create Info Boxes in WordPress
- Les meilleurs plugins WordPress Box