Description: A comprehensive tool to catalog, manage, and display professional services, consultations, or digital products on your website, with full e-commerce integration.
What is it for? (Practical examples)
- Create a detailed online catalog of the services offered by your company (e.g., hourly consulting packages, software subscriptions, training courses).
- Allow customers to search, view details, photo galleries, and prices of each service.
- Integrate services directly into the purchase process, enabling customers to add them to the cart and proceed to checkout.
Main Features
Service Management (Backend)
The administration panel allows you to manage your catalog in a structured way:
- Creation and Details: Enter the title (name), slug (friendly URL), a short description, and an extended description (details) for each service.
- Pricing and Taxation: Define the base price and applicable tax for the service. The system handles price formatting for public display.
- Category Organization: Assign one or more services to specific categories to facilitate navigation and filtering. Categories can be organized in a hierarchical structure (parents and children).
- Multimedia Content: Upload preview images, image galleries, and dedicated banners to enrich the service page. It is also possible to specify a video URL (e.g., from YouTube or Vimeo).
- SEO Optimization: Each service and category has options for managing SEO metadata to improve visibility on search engines.
Public Display (Frontend)
Using the Visual Builder page builder, you can insert the following elements on your site:
| Display Element | Description |
|---|---|
| Services List | Shows a list of services, filterable by category and sortable by date, name, or price. Supports pagination. |
| Service Details | Displays the full page of a single service, including title, extended description, price, galleries, and video. |
| Add to Cart | Button allowing immediate purchase of the service. |
| Categories List | Shows a list of categories with options to hide those that contain no services. |
| Services Search | Search form that lets visitors find services by keyword and/or filter by category. |
How to Configure
1. Creating Categories
1. In the Services menu, select Service Categories.
2. Use the category builder to define your catalog structure (e.g., "Consultations," "Online Courses," "Technical Support").
3. For each category, you can set a name, description, and preview image.
2. Adding Services
1. In the Services menu, select Services List.
2. Add a new service or edit an existing one.
3. Fill in the required fields:
- Article Title and Slug (web address).
- Description and Extended Description.
- Price.
- Category: Select the category or categories the service belongs to.
- Images/Banners: Upload necessary multimedia assets.
3. Displaying on Your Site
To show services on your website, use the Visual Builder:
1. Open the desired page in the editor.
2. Add a block from the Services section.
3. Select the desired block (e.g., "Services List" or "Services Search").
4. In block settings, define how results are sorted (date, name, price) and whether to apply specific filters.
Automatic Integrations
E-commerce and Cart
Services are automatically integrated with billing and cart systems. When a user adds a service to their cart:
- The system automatically calculates the final price considering taxes defined in the management panel.
- The service is treated as a purchasable product ready for checkout.
Dynamic Pages
The module automatically creates necessary pages for catalog navigation:
- Service Details Page: Dedicated page showing all content (description, price, galleries) of a single service.
- Service Category Page: Page listing all services belonging to a specific category.
- Service Search Page: Default page displaying results from the public search module.
Internal Search
Services and their categories are automatically indexed and appear in internal site search results.
Linking External Modules
It is possible to link a specific service to elements managed in other system modules (e.g., a project in Portfolio) via a dedicated linking section.
