كيفية إضافة مربعات الخدمة في ووردبريس (نمط النسخ واللصق)

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.

الخطوة 1: تثبيت البرنامج الإضافي 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
بحث عن Tableberg
انقر قم بالتثبيت الآن وثم فعل المكون الإضافي.

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.

تصميم الويب We create custom, responsive websites that are visually appealing and optimized for performance. View Service	تحسين محركات البحث 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 النسخة المجانية من 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 صورة with one that represents your service. (You can also use الأيقونات there using the النسخة الاحترافية)
Update the service title to match your offering.
Write a short description explaining what the service includes.
تغيير 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:

تغيير لون الخلفية of the service box
ضبط image size.
Modify font styles, sizes، و الألوان
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 أو Column Background Color
Add Space Between الأعمدة أو Rows
Add Space Between Blocks
Sub-Blocks: صورة, أزرار, قائمة, تصنيف النجوم, قائمة مصممة, الأيقونات, 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: