WebTend — Service Catalog Builder
for Elementor

What is WebTend Service Catalog Builder?

WebTend Service Catalog Builder gives service-based businesses everything they need to showcase their offerings, present pricing plans, and capture qualified leads — all in one lightweight, self-hosted plugin. No SaaS subscriptions, no phone-home, no third-party dependencies beyond WordPress itself.

The plugin ships with a custom Services post type, a visual Pricing Table builder, an Inquiry Form with spam protection and email notifications, Gutenberg blocks, Elementor widgets, and shortcodes for any page builder.

System Requirements

Service Catalog Builder is lightweight with minimal hard dependencies. Elementor and WooCommerce are both optional — the plugin fully works without them.

Installation

Method A — WordPress Plugin Directory (Recommended)

Method B — Manual Upload

Quick Start

After activation you will find Service Builder in your WordPress admin menu. Follow this order to get your service catalog live in minutes.

• Go to Service Builder → Add New Service and create your first service with a tagline, icon, and feature list
• Go to Service Builder → Pricing Tables and build a pricing table with 2–3 plans using the visual builder
• Attach the pricing table to your service in the Service Details meta box
• Add the [wscb_services] shortcode (or the Gutenberg block) to any page to display the services grid
• Embed [wscb_pricing_table id="X"] on your pricing page
• Configure notification email in Service Builder → Settings → Inquiry Form
• Shortcut: go to Service Builder → Pattern Library and click Create page to get a complete, ready-made service page (with optional sample services) in one click

Services Custom Post Type

The plugin registers a wscb_service Custom Post Type with full meta box support. Each service has its own URL (/services/web-design/), archive page, and single template — all overridable from your theme.

Service Meta Fields

Taxonomies

Pricing Table Builder

Create pricing plans with a visual drag-and-drop interface. Each pricing table is a separate post type (wscb_pricing_table) that can be embedded on any page and attached to any service.

Plan Builder Features

• Drag-and-drop reordering of plans
• Monthly / Annual billing toggle with automatic savings badge calculation
• Mark any plan as "Highlighted / Recommended" — gets accent styling automatically
• Per-plan feature list with tooltip-ready rows
• Feature comparison table across plans
• Custom CTA per plan: open a URL or trigger the inquiry form for that plan

Service Inquiry Form

A fully self-hosted inquiry and lead capture form. Submissions are stored in a custom database table (wp_wscb_inquiries) and optionally emailed to your notification address. No third-party form plugins required.

Form Fields

Inquiries Admin Panel

All submissions appear under Service Builder → Inquiries with status tracking (New / Read). Opening an inquiry marks it as read, and you can filter the list by All, New or Read.

Exporting inquiries (CSV)

Click Export CSV on the Inquiries screen to download your inquiries as a spreadsheet. The export follows the filter you have selected, so choosing New exports only new inquiries.

• Columns: ID, date, name, email, phone, service, plan, timeline, budget, message and status
• Excel-friendly: UTF-8 with a byte-order mark, so accented and non-Latin characters open correctly
• Safe: only administrators can export, the download link is nonce-protected, and values that start with =, +, - or @ are neutralised so spreadsheets cannot run them as formulas
• Private: IP addresses are never included in the export

Display Options

The plugin offers three ways to embed content — use whichever fits your workflow.

Gutenberg Blocks

Search for "WebTend" in the Gutenberg block inserter to find three native blocks:

• Services Grid — filterable by category/tag, configurable columns and display options
• Pricing Table — select any saved pricing table to embed it
• Inquiry Form — select a service and optionally pre-select a plan

Elementor Widgets

When Elementor is active, three widgets appear in the WebTend widget category:

• Services Grid Widget — same options as the Gutenberg block with live Elementor preview
• Pricing Table Widget — select table by ID, toggle billing switch visibility
• Inquiry Form Widget — embed form with service and plan pre-selection

Pattern Library

Build a complete service page in one click. The Pattern Library ships three professionally structured layouts that use your own services, pricing tables and inquiry form, so the page is ready as soon as it is created.

Option 1 — One-click page (recommended)

• Go to Service Builder → Pattern Library
• Choose a layout. Leave Add sample services if I have fewer than 3 ticked if you want the page to look complete straight away
• Click Create page (Block Editor) or Create page (Elementor)
• The page is created as a draft and opens in the editor — change the text, buttons and colours, then publish

Option 2 — Insert inside the block editor

Open any page, click the block inserter, choose Patterns → Service Catalog Builder and click a layout. This works in block themes (Site Editor) and classic themes.

Free and Pro

The three layouts above are included in the free plugin. The Pattern Library screen also shows a preview of additional layouts that are part of Service Catalog Builder Pro; these are previews only and nothing is locked or removed from your free layouts.

For developers

Add-ons can register their own layouts with the wscb_pattern_catalog filter and supply Elementor element trees with wscb_elementor_layout_elements. See Hooks & Filters.

Client Testimonials

Show curated client quotes that you control. Testimonials are separate from visitor-submitted reviews, so only the quotes you add are published. Manage them under Service Builder → Testimonials.

Testimonial fields

Showing testimonials

[wscb_testimonials]


[wscb_testimonials layout="carousel" featured="yes"]


[wscb_testimonial_single id="42" style="quote"]

• Layouts: grid, masonry or carousel (keyboard navigation, prev/next buttons, dots, autoplay that pauses on hover)
• Pull-quote styles: card, quote or minimal
• SEO: schema.org/Review markup is added to every testimonial for Google rich results (turn it off with show_schema="no")
• Admin list: photo, client, rating, featured and related-service columns; rating and featured are sortable

All attributes are listed in the Shortcodes reference.

Availability Badge

Tell visitors at a glance whether you are taking on work. Each service can show a coloured badge with a status dot.

• Set the status in the Availability dropdown when editing a service. It appears on service cards and on the single service page
• Place a badge anywhere with [wscb_availability service_id="X"] (defaults to the current service)
• The status is added to the service’s JSON-LD as the schema.org availability property
• Turn badges on or off for the whole site under Settings → Service Availability

SEO & Schema Markup

Service Catalog Builder outputs structured data automatically on every single service page. No Yoast or RankMath required — though both are compatible.

schema.org/Service

Injected into <head> on single service pages as a application/ld+json script block.

{
  "@context":    "https://schema.org",
  "@type":       "Service",
  "name":        "Web Design",
  "description": "Professional web design for modern brands",
  "url":         "https://example.com/services/web-design/",
  "serviceType": "Design, Development",
  "provider": {
    "@type": "Organization",
    "name": "Your Agency",
    "url":  "https://example.com"
  },
  "offers": {
    "@type":       "Offer",
    "description": "From $299"
  }
}

FAQPage Schema

If a service has FAQ accordion entries, a FAQPage schema block is also injected automatically — no configuration needed.

{
  "@context":   "https://schema.org",
  "@type":      "FAQPage",
  "mainEntity": [
    {
      "@type":  "Question",
      "name":   "How long does the project take?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text":  "Typically 2–4 weeks depending on scope."
      }
    }
  ]
}

WooCommerce Integration

The WooCommerce integration is completely optional and activates automatically when WooCommerce is installed. No manual configuration is required to enable it.

• Link any service to a WooCommerce product using the WooCommerce Link meta box on the service editor
• The service card and single page display the product's live WooCommerce price automatically
• A Buy button is shown alongside the regular CTA — clicking it adds the product to the WooCommerce cart
• The integration registers a Service product type in the WC product editor, letting you mark products as services for organisation

Shortcodes

All shortcodes work in any editor — Gutenberg classic block, Elementor HTML widget, WPBakery, Divi, or the Classic Editor.

[wscb_services]


[wscb_services category="design" columns="2" show_price="no"]


[wscb_services limit="6" orderby="date"]

All Settings

All settings are stored in a single wscb_settings option as a serialized array. Access them at Service Builder → Settings.

General

Inquiry Form

Schema / SEO

Hooks & Filters

Extend or customise the plugin without editing core files. All hooks are documented below.

Filters

Actions

Example: extend the Service schema

/**
 * Add areaServed to the Service schema.
 */
add_filter( 'wscb_service_schema', function( $schema, $post_id ) {
    $schema['areaServed'] = get_post_meta( $post_id, '_service_area', true ) ?: 'Worldwide';
    return $schema;
}, 10, 2 );

Example: hook into new inquiry submissions

/**
 * Send a Slack notification when a new inquiry arrives.
 */
add_action( 'wscb_after_inquiry_saved', function( $data ) {
    $webhook = 'https://hooks.slack.com/services/YOUR/WEBHOOK';
    wp_remote_post( $webhook, [
        'body' => json_encode([
            'text' => 'New inquiry from ' . $data['name'] . ' — ' . $data['email'],
        ]),
        'headers' => [ 'Content-Type' => 'application/json' ],
    ]);
}, 10, 1 );

Privacy & GDPR

The plugin is designed with privacy-first principles. All data stays on your server — nothing is sent to Webtend or any third-party service.

Data collected by the Inquiry Form

Frequently Asked Questions

Changelog