WebTend Service Catalog Builder – Pricing & Inquiries

WebTend Service Showcase & Catalog for Elementor is an all-in-one WordPress plugin for creating professional service listings, service catalogs, pricing tables, and AJAX inquiry forms. Designed for agencies, freelancers, and service businesses, it helps you showcase services, generate more leads, and keep your website fast.

📖 Full Documentation

Key Features

Services CPT
* Custom Post Type with categories and tags
* Icon support: image upload, SVG code, or icon font class
* Feature bullet list with multiple icon styles
* Image gallery per service
* Related services with three-tier auto-matching algorithm
* Featured service flag with dedicated display grid
* FAQ accordion with schema markup

Pricing Table Builder
* Visual plan builder with drag-and-drop reordering
* Monthly / Annual billing toggle with savings badge
* Highlighted/recommended plan styling
* Feature comparison table
* Custom CTA per plan: open URL or trigger inquiry form
* Tooltip-ready feature rows

Service Inquiry Form
* Honeypot spam protection
* AJAX submission (no page reload)
* Budget range selector
* Email notifications with Reply-To
* All submissions saved to the database (admin panel)
* Optional redirect after submission
* One-click CSV export with date and status filters (New in v1.0.5)

Page Layouts (Pattern Library) (New in v1.0.6)
* Block patterns for the Site Editor and block editor: Corporate Service Page, Medical Service Page, Agency Service Grid
* One-click “Create page” from Service Builder → Pattern Library, as a Block Editor page or an Elementor page
* Optional sample services so the new page looks complete straight away
* Works with block themes and classic themes

Display Options
* Gutenberg blocks: Services Grid, Pricing Table, Inquiry Form
* Elementor widgets (requires Elementor 3.5 or higher)
* Shortcodes for any page builder or classic editor
* Touch-friendly carousel with autoplay and dot navigation
* Live AJAX category filter grid with animated transitions

Widgets & Sidebar
* Service Category Widget — hierarchical list with post counts and active state
* Service Search Widget — live AJAX search with dropdown results and keyboard navigation

Service Page Features
* Share Buttons — Twitter/X, Facebook, LinkedIn, WhatsApp, Telegram, Copy Link
* Related Services — auto-displayed below single service pages
* Service Highlights strip — icon + stat + label for social proof sections

Reviews & Star Ratings (New in v1.0.4)
* Visitor-submitted star ratings (1–5 stars) with text reviews
* Admin-moderated — reviews must be approved before they appear publicly
* Aggregate rating summary (average + count) displayed on service page
* CSS-only star picker — no JavaScript required to render stars
* Shortcode: [wscb_reviews service_id="X" show_form="yes"]

WhatsApp & Telegram Direct Inquiry (New in v1.0.4)
* “Inquire via WhatsApp” and/or “Inquire via Telegram” CTA buttons on service pages
* Pre-fills message with service title + URL automatically
* Global number/username set in Settings; can be overridden per service
* Per-service custom message template with [service title] and [url] placeholders
* Zero external scripts or API keys — pure anchor tag links
* Shortcode: [wscb_whatsapp_btn service_id="X" channel="whatsapp|telegram|both"]

Service Availability Status (New in v1.0.5)
* Per-service availability dropdown: Accepting Clients, Limited Slots, Fully Booked, Coming Soon, By Referral Only
* Colored badge with status dot displayed on service cards and single service pages
* Auto-adds schema.org/availability property to Service JSON-LD
* Shortcode: [wscb_availability service_id="X"]
* Toggle on/off globally from Settings — Service Availability

SEO & Schema
* JSON-LD schema.org/Service markup
* FAQPage schema from FAQ accordion
* AggregateRating schema auto-appended when reviews exist (New in v1.0.4)
* SEO-friendly URLs with customisable slug

WooCommerce Integration
* Link any service to a WooCommerce product
* Buy button with live price display
* Service product type in WC product editor

Requirements

• WordPress 6.2 or higher
• PHP 7.4 or higher
• Elementor 3.5 or higher (free version is sufficient)

Shortcodes

[wscb_services] — Display all services in a responsive grid
[wscb_services category="design" columns="3"] — Filter by category
[wscb_pricing_table id="123"] — Embed a pricing table
[wscb_inquiry_form service_id="456"] — Embed an inquiry form
[wscb_carousel slides_visible="3" autoplay="yes"] — Touch-friendly service carousel
[wscb_carousel category="design" loop="yes" show_dots="yes"] — Category-filtered carousel
[wscb_filterable_services columns="3" limit="9"] — AJAX category filter grid
[wscb_filterable_services taxonomy="wscb_service_tag" show_all_tab="yes"] — Tag-filtered AJAX grid
[wscb_related_services id="123" limit="3"] — Related services for any service
[wscb_category_list show_count="yes" hierarchical="yes"] — Category list widget
[wscb_featured_services columns="3" show_badge="yes"] — Featured services grid
[wscb_service_search placeholder="Search services…" limit="5"] — Live search box
[wscb_share_buttons networks="twitter,facebook,linkedin,whatsapp,copy"] — Social share buttons
[wscb_service_highlights items="🚀|150+|Projects|⭐|4.9|Rating|🎯|98%|Satisfaction"] — Stat highlights strip
[wscb_reviews service_id="123" show_form="yes"] — Star rating reviews with submission form
[wscb_reviews service_id="123" show_form="no"] — Display reviews only (no form)
[wscb_whatsapp_btn service_id="123" channel="whatsapp"] — WhatsApp inquiry button
[wscb_whatsapp_btn service_id="123" channel="telegram"] — Telegram inquiry button
[wscb_whatsapp_btn service_id="123" channel="both"] — Both WhatsApp and Telegram buttons
[wscb_availability service_id="123"] — Service availability status badge

For Developers

• Template override: copy templates/ to {theme}/webtend-service-catalog-builder/
• Extensible via action/filter hooks (wscb_service_schema, wscb_load_frontend_assets, wscb_after_service_cta)
• GPL v2 licensed, no phone-home, no SaaS dependencies

Privacy

The Service Inquiry Form collects and stores the following data when a visitor submits it: name, email address, phone number (optional), budget range (optional), message, the related service/plan, and the visitor’s IP address (used for basic spam/abuse mitigation). This data is stored in a custom database table and is only used to respond to the inquiry — it is never sent to any third-party service.

This data is registered with WordPress’s built-in Personal Data Export and Personal Data Erase tools (Settings → Privacy), so site administrators can fulfil data subject requests. Erasure anonymizes the submitter’s identifying fields while retaining the record for statistics.

No data is sent to any external server by this plugin.

1. Upload the webtend-service-catalog-builder folder to /wp-content/plugins/
2. Activate Elementor (3.5 or higher) if not already active
3. Activate Service Catalog Builder via Plugins → Installed Plugins
4. Navigate to Service Builder → Add New Service to create your first service
5. Use Service Builder → Pricing Tables to build pricing plans
6. Embed with shortcodes, Gutenberg blocks, or Elementor widgets

1. 

   Service archive — responsive card grid with icon, tagline, features, price

2. 

   Single service — hero section, gallery, pricing table, FAQ, inquiry form

3. 

   Admin — pricing plan builder with drag-and-drop reordering

1.0.8

• New: Portfolio Builder — wscb_portfolio CPT with wscb_portfolio_category taxonomy and Portfolio submenu under Service Builder.
• New: Portfolio meta boxes: Project Details (client, industry, URL, completion date, duration), Gallery (multi-image upload with drag reorder), Results & Stats repeater (label + value pairs), Before/After image pair, Linked Services (checkbox), Linked Testimonial picker, Display Settings (featured flag, order), Shortcode helper.
• New: [wscb_portfolio] shortcode — responsive grid, masonry, or carousel with schema.org/CreativeWork markup.
• New: [wscb_portfolio_filter] shortcode — AJAX-filterable gallery with category tab pills, loading spinner, and no-results state.
• New: [wscb_portfolio_single id="X"] shortcode — full case study layout: header with meta row, featured image, stats bar, case study content (editor body), Before/After drag-comparison slider, project gallery grid, linked testimonial pull-quote, and services used tags.
• New: Before/After drag comparison slider — pure CSS/JS, no library dependency, pointer event-based drag, range input keyboard accessible.
• New: Portfolio admin list columns: thumbnail, client, category, featured star, completion date.
• New: portfolio.css — all portfolio and case study styles (grid, masonry, filter tabs, stats bar, before/after slider, gallery, responsive, reduced-motion).
• New: portfolio-admin.js — gallery multi-select upload, jQuery UI sortable drag reorder, stats repeater add/remove, before/after image upload.

1.0.6

• New: Pattern Library with three ready-made service page layouts (Corporate, Medical, Agency Grid) registered as block patterns under “Service Catalog Builder”.
• New: Service Builder → Pattern Library admin page to create a draft page in one click, using the Block Editor or Elementor (Flexbox Containers or classic Sections, whichever your site uses).
• New: Optional sample services when importing a layout on a site with fewer than three services.
• New: wscb_pattern_catalog, wscb_elementor_layout_elements and wscb_is_pro filters for add-ons.
• Fix: Frontend styles and scripts were not loaded on pages built with the Gutenberg blocks (only shortcodes were detected), so Services Grid / Inquiry Form blocks appeared unstyled. Assets now load when a plugin block is in the content and whenever a block renders (e.g. block templates).
• Fix: Inquiry Form block lost its form fields on the frontend because the output filter stripped form, input and select tags. The block output filter now allows form controls and SVG icons, while scripts and event handlers are still removed.
• Fix: Admin menu — “Dashboard” no longer links to Testimonials, the top-level menu opens the Dashboard again, and Testimonials is no longer listed twice.
• Fix: Widget translations were loaded before WordPress was ready (“translations loaded too early” notice on WordPress 6.7+).
• Change: Elementor imports on block themes use the Elementor Canvas template.
• Change: Minimum WordPress version is now 6.3 (pattern markup uses current core block output).
• New: Client Testimonials — dedicated wscb_testimonial CPT for curated client quotes, separate from visitor-submitted reviews.
• New: Testimonial meta: client name, job title, company, website URL, photo (media library), star rating (1–5, optional), related service link, featured flag, and display order.
• New: [wscb_testimonials] shortcode — responsive grid, masonry, or auto-rotating carousel with keyboard navigation, prev/next buttons, dot indicators, and autoplay pause on hover.
• New: [wscb_testimonial_single id="X"] shortcode — renders one testimonial as a full-width pull-quote block (three style variants: card, quote, minimal).
• New: schema.org/Review markup auto-output on each testimonial card for Google rich results.
• New: Initials avatar fallback when no client photo is uploaded.
• New: Featured flag — mark testimonials to show in featured-only sliders.
• New: Testimonials admin list — photo, client info, star rating, featured, and related service columns; Rating and Featured columns sortable.
• New: Testimonials submenu under Service Builder admin menu.
• Fix: Duplicate require_once for admin files removed.
• Fix: class-wscb-inquiry-export.php moved inside is_admin() block.
• Fix: timeline column added to DB schema and CSV export.

1.0.5

• New: Service Availability Status Badge — per-service dropdown (Accepting Clients, Limited Slots, Fully Booked, Coming Soon, By Referral Only). Colored badge with status dot on service cards and single service pages.
• New: schema.org/availability property auto-appended to Service JSON-LD when availability is set.
• New: [wscb_availability service_id=”X”] shortcode for manual badge placement.
• New: Settings toggle for availability badges globally (Settings — Service Availability).
• New: Inquiry CSV Export — Export CSV button on Inquiries admin page. Exports all or status-filtered inquiries. UTF-8 BOM for Excel compatibility. Nonce-secured and capability-checked.
• New: v105-additions.css — availability badge styles (5 color variants with dot indicator) and export button styles.

1.0.4

• New: Service Reviews & Star Ratings — visitor-submitted star ratings (1–5) with text reviews, admin moderation via WordPress Comments, and aggregate rating display.
• New: AggregateRating JSON-LD auto-appended to schema.org/Service markup when approved reviews exist — enables Google star snippets.
• New: WhatsApp Direct Inquiry Button — CTA button on service pages with pre-filled message (service title + URL). Global number in Settings, per-service override in meta box.
• New: Telegram Direct Inquiry Button — same as WhatsApp with Telegram username. Both can be shown simultaneously.
• New: Per-service “Direct Inquiry” meta box — override WhatsApp number, Telegram username, and pre-filled message per service.
• New: [wscb_reviews service_id=”X” show_form=”yes|no”] shortcode.
• New: [wscb_whatsapp_btn service_id=”X” channel=”whatsapp|telegram|both”] shortcode.
• New: v104-additions.css — star picker, review cards, review form, WhatsApp/Telegram button styles.
• New: v104-additions.js — AJAX review submission with client-side validation, honeypot, and success/error messaging.
• Improvement: Plugin display name updated to “Service Catalog Builder — Services, Pricing Tables & Inquiry Forms”.
• Improvement: readme.txt description updated to reflect platform-agnostic compatibility (Elementor, Gutenberg, shortcodes).

1.0.3

• Add: [wscb_multistep_form] — 3-step inquiry wizard (Service & Budget → Project Details → Contact). Budget selection via pill radio buttons, timeline dropdown, step-by-step validation, review summary on step 3, progress bar with completed/active/pending states. Reuses existing wscb_submit_inquiry AJAX endpoint — zero backend changes needed.
• Add: [wscb_compare_services] — sticky comparison bar + modal. Checkboxes auto-inject on service cards via wscb_after_service_card_title hook. Supports 2–3 services. Side-by-side feature matrix with ✓/✗ indicators, price, duration, and CTA per column. Secured by wscb_compare_nonce.
• Add: [wscb_process_steps] — “How It Works” timeline in three layouts: horizontal (default), vertical, cards. Supports inline shortcode attribute steps=”” or per-service meta box data. Auto-renders on single service pages via wscb_after_service_features hook.
• Add: Process Steps meta box on service edit screen — drag-to-reorder repeater with icon, title, and description fields. jQuery UI sortable for row ordering. Referenced by [wscb_process_steps service_id=”X”].
• Add: Service View Counter (WSCB_View_Counter) — increments _wscb_view_count on every public singular service view, excluding users with edit_posts capability. Sortable “Views” admin column on service list. Bulk action “Reset View Counts”. [wscb_view_count] shortcode for frontend display.
• Add: v103-additions.css — styles for multi-step form, budget pill buttons, progress bar, comparison bar, comparison modal, comparison table, process steps (all 3 layouts), view counter.
• Add: v103-additions.js — multi-step wizard controller (validate, navigate, summary builder) + comparison bar/modal manager (checkbox tracking, AJAX table load, focus trap, Escape close).
• Add: compare_nonce and compare_max strings added to WSCB_Frontend JS object.

1.0.2

• Add: Service Category Widget — WordPress sidebar widget + [wscb_category_list] shortcode. Displays wscb_service_cat terms with post counts, active state highlighting, and optional hierarchical parent→child layout. Fully accessible with ARIA labels and keyboard navigation.
• Add: Featured Services — [wscb_featured_services] shortcode renders services marked as featured (new “Featured Service” checkbox in admin meta box). Includes visual accent border, gradient overlay, and floating star badge with configurable label.
• Add: Service Search Widget — WordPress sidebar widget + [wscb_service_search] shortcode. Live AJAX search with 300ms debounce, keyboard arrow navigation in results dropdown, clear button, and fallback to archive URL on Enter. Results nonce-secured via wscb_search_nonce.
• Add: Service Share Buttons — [wscb_share_buttons] shortcode + auto-injection on single service pages. Supports Twitter/X, Facebook, LinkedIn, WhatsApp, Telegram, and Copy Link (Clipboard API with execCommand fallback). No external scripts or API keys required.
• Add: Service Highlights strip — [wscb_service_highlights] shortcode renders a responsive icon + stat + label grid for social proof sections. Three style variants: default, bordered, filled. Auto-detects column count from item count.
• Add: v102-additions.css — styles for category widget, featured badge, search dropdown, share buttons, highlights strip, and all responsive control improvements.
• Add: v102-additions.js — jQuery handler for live search AJAX, keyboard nav in results, copy-link clipboard action, and copied confirmation feedback.
• Add: copied and no_results strings added to WSCB_Frontend JS object.
• Improve: Responsive grid improvements — .wscb-cols-4 collapses to 2 at 900px, .wscb-cols-3 collapses to 2 at 640px, all collapse to 1 at 480px. Pricing grid stacks on mobile. Single-service 2-col layout collapses at 780px.
• Improve: Service cards are now equal-height (flex column) with .wscb-service-card__body growing to fill available space — eliminates uneven card heights in grids.

1.0.1

• Add: [wscb_carousel] shortcode — touch-friendly, keyboard-accessible, autoplay-capable service carousel with dot indicators and prev/next arrows. Zero external dependencies; uses CSS snap-scroll + vanilla JS. Supports 1–4 visible slides, responsive breakpoints, loop mode, and fully respects prefers-reduced-motion.
• Add: [wscb_filterable_services] shortcode — AJAX-powered category/tag filter grid. Live tab switching with zero page reload, spinner feedback, smooth fade-in card animations, ARIA live-region announcements, and nonce-secured AJAX handler.
• Add: [wscb_related_services] shortcode + auto-injection below single service pages. Three-tier algorithm: manual curation (existing meta box) → shared category → shared tag. Admin toggle and count setting added to Settings page.
• Add: additions.css — carousel, filter tabs, skeleton loader, staggered card entrance animations, and improved mobile tap targets. All animations disabled under prefers-reduced-motion.
• Add: carousel.js — vanilla JS carousel engine + jQuery AJAX filter handler. Fully accessible (keyboard, ARIA, touch swipe, mouse drag).
• Add: filter_nonce and loading string added to WSCB_Frontend JS object for secure AJAX filter requests.
• Improve: Related Services section (Settings) for controlling auto-display toggle and result count.
• Fix: wscb_filterable_services nonce uses a dedicated wscb_filter_nonce action to prevent nonce reuse across AJAX handlers.

1.0.0

• Initial release.