Allows you to showcase selected products directly on your landing page, linking them seamlessly to the checkout workflow. Only the specific products you manually select will be displayed.
How to Add Products Grid
To add the element to your page, first click on Add Paragraph. Select the "Other" category from the overview and add the specific element "Products grid" by clicking the Add this row button.
How to Configure Content Settings
Once the element is added, you can tailor the content to match your messaging. Enter your main title and subtitle and a short description to introduce this section.
There are two types of cards that can be added to this row via the “⌄” symbol next to Add product:
Product: References to a real product.
CTA-Product: You can insert any information you like and the CTA Button can refer to any URL.
You can also decide whether the cards should expand vertically or if you want to use them as a card slider and scroll through them horizontally.
How to Style Products Grid
Next, refine the visual presentation of your element by using LP Row Margin to adjust the vertical spacing and selecting a Row background color. You can also choose the color of the buttons, and the text should be in your primary or secondary color.
Once you are satisfied with the settings, click Save at the top of the page to store your configuration.
Final Outcome
To check your work, simply switch to the "View (Frontend)" tab at the top. Here you will see the live view of your element exactly as it appears to your users on the website.