Welcome to the "Product Comparison" section of the Lagom WHMCS Website Builder. This feature enables you to present your products side by side in a straightforward comparison table, making it easier for your customers to see the differences and benefits of each offering. It is an excellent tool for hosting companies looking to help their clients make informed decisions about various service packages or product options. With this section, you can effectively highlight the key features and advantages of your products, enhancing customer experience and aiding in their selection process. Learn how to set up and customize your comparison tables with our detailed guide, and see this feature in action in our demo - "Product Comparison" (see demo) (opens new window).
In the Table Content section, you can build detailed tables from scratch. Add products and their features, and categorize them as needed. You can manage multiple tables that can be shown in tabs, perfect for detailing different product plans or options on a single page. The drag-and-drop feature makes it easy to organize your content without worrying about the order.
This is a list used to manage products, which are displayed in the Comparison Table at the very top as headers of individual columns. See the example below.
The "Add/Edit Product" function enables you to manage the products featured in your comparison table. Within the table displayed on the website, each product is presented in a separate column, with key information about each product appearing in the first row. This setup helps customers easily compare and contrast the different options available.
When the "Add/Edit New Product" modal is shown, you will be asked to choose the "Product Group". This select list product has been configured in the WHMCS "Product and Services" (opens new window) page.
Once "Product Group" will be selected, further option field will be shown, where you have to choose what "Product" would you like to add.
Product title and description is automatically loaded from WHMCS database, and these fields can not be managed via this modal.
If "Replace default order button with custom link" option is disabled, our addon will automatically generate the link to the ordering process for following product.
When "Replace default order button with custom link" option is enabled, you will be able to configure product button as per your requirements, using available settings.
When the "Show graphics for this item" option is turned on, a list of available icons and graphics will be displayed. Learn more about "Media Modal" (opens new window).
This section presents a manageable list where you can organize both categories and features that will appear on your website’s comparison page. You can arrange these items easily through a drag-and-drop system, adjusting their order as needed.
The list appears as a table that mirrors the comparison table displayed on your website. This setup makes it straightforward to assign the correct features and categories. You can enhance each category with its own image, and add specific values or icons to the features for clearer presentation.
This interactive layout not only simplifies the process of adding and organizing content but also ensures that each feature and category is visually represented in a way that is easy to understand for your visitors.
This function allows you to add or modify the features of products in your comparison table. A "feature" refers to specific attributes or benefits of a hosting product, such as disk space, bandwidth, or SSL certificates. Through the "Add/Edit Feature" modal, you can specify the details and characteristics that distinguish each product, helping customers make informed decisions by directly comparing these features across different hosting plans.
Custom feature class - Adds a custom class to the feature container, allowing you to write your CSS rules and modify the category element based on your requirements.
This function allows you to organize features into distinct categories, enhancing the clarity and structure of your comparison table. Categories appear as separate rows in the table, helping to group related features. You can name each category and optionally assign an image to visually represent it. Like feature elements in the table, categories can be rearranged using a simple drag-and-drop mechanism, allowing you to position them as needed within the table layout.
"Table Groups" is a feature that allows you to create and manage multiple tables within a single "Product Comparison" Lagom Website Builder’s section. This feature is particularly useful for resellers who wish to showcase different products or various configurations of a single product. Each group or table is accessible as a tab above the main table, enabling users to switch between tabs to view different tables. This setup offers a flexible way to present diverse product offerings or comparisons in a structured and organized manner.
The "Group table content in multiple tabs" option enables you to generate multiple table groups, which will subsequently appear on the frontend as distinct tabs.
This interface allows you to complete the information for the new group, which essentially means, create a new comparison table.
The groups can be presented on the website page in two table tab forms that can be changed in the Advanced Section Settings of the "Product Comparison" section.
Take a look at the illustrative examples below:
Choose the appearance of the created product packages to determine how you want them to be displayed on the generated website page.
Choose the appearance of the created packages to determine how you want them to be displayed on the generated website page.
When this option is enabled, the product will not show "Starting from" text above the pricing. This text is shown by the WHMCS system when the product has a configurable option assigned.
Sticky headers keep the header and feature categories visible at the top as you scroll, which is helpful for navigating long comparison tables. Enabling "Disable sticky header" turns off this behavior, allowing the entire page to scroll normally for a cleaner view.
See how the sticky header looks on the webpage.
This option enables you to display multiple billing cycle options for "Product" packages, so your customers can compare the pricing between different billing cycles.
Below is an example of the "Billing Cycle Switcher" for a single table.
Below is an example of the "Billing Cycle Switcher" for table groups.
When this option is enabled, billing cycles will be displayed from the shortest to the longest cycle.
Specify the number of columns to display for different screen resolutions here. If the number of columns set is less than the total number of products, a slider feature will be activated on the page. This allows users to view additional product packages by sliding across the table or clicking the "Next Package" and "Previous Package" buttons.
In this section you are able to add additional Call To Action (CTA) buttons which will be shown below product boxes. Learn more how to add buttons using Add Button Manager (opens new window) modal.