Elevate your Lagom WHMCS Website Builder projects by harnessing the power of the "Key Features" (see demo) (opens new window) section type. Designed to provide a visually compelling and organized representation of your offerings, this feature empowers you to highlight the core strengths and unique aspects of your services.
With the "Key Features" section type, you have the flexibility to showcase essential attributes, benefits, and functionalities of your products or services in a captivating and easily digestible format. Whether you're presenting software features, service packages, or product highlights, this section type enables you to craft impactful content that resonates with your audience.
<h2>tag. HTML tags are allowed in that field.
Each "Key Feature" is presented as an individual "Group" within the item list. You have the flexibility to rearrange these items by utilizing the up and down arrows displayed on the left side.
Please input the feature title that will be displayed on your website, according to the "Feature List Type" you select in the subsequent settings.
This element will be displayed on the front-end website as depicted below, although its appearance may vary depending on the "Feature List Type" selected.
Enter item description, which will appear on the website below item title. This field display "text editor", which give you description configuration. If you wish to exclude this element, leave it blank.
Item description will be shown on the frontend as in below example, although its appearance may vary depending on the "Feature List Type" selected.
Generate call-to-action buttons that will appear beneath the description of each "Key Feature." Once "Add New" action will be clicked "Button Manager" modal will be opened, with advanced button management options .
Created action will be shown as in below example:
When you decide to assign a graphic to the "Key Feature", click on "Add New" button so "Media Modal" will show up.
The graphics for the "Key Feature" are displayed on website pages, as depicted below:
Select the preferred display style for the features on your generated website page; you have three different types to choose from.
This is a list of items where all elements are entirely visible. Therefore, it is advisable to employ brief descriptions with a limited number of items for this specific "type" of "features list."
This is a list of items that functions similarly to an accordion element. Only the presently active item is displayed in full view, while for all other items, only the titles will be shown.
The feature titles are presented as "tabs" beneath the section header, while the remaining feature elements will be displayed either below, to the left, or to the right.
Select the preferred style for the features list, with three different options available. Please note that this setting applies exclusively to "Feature List Type 1-2."
Select the type of graphic you intend to use for this section. You have two options to choose from.
This type has been designed to work with predefined "SVG Illustrations" (opens new window) provided in our package. Only default predefined illustrations will be animated as shown in our demo (opens new window).
Graphic placed in predefined container (
596px width and
480px height). Designed to work with custom uploaded graphics. It is suggested to upload graphic, with at least
596px width, as this is the container width, to which this graphic will be stretched.
For this banner type, we have prepared special custom classes, which can be assigned in advanced settings:
img-shadow- adds shadow to the uploaded graphic, as can be seen in above example.
lagom-animation lagom-animation-fadeinbottom- adds fade in animation to the graphics on page scroll, as can be seen in our demo page (opens new window).
Choose on which content side key feature graphic should be shown in the website section which you're currently creating. You have two options to choose from.
In this section you're able to add additional CTA buttons which will be shown below product boxes. Learn more how to add buttons using Add Button Manager modal.