This two-column row features media (image or video) on the left and a dedicated area for a title, description, and CTA button on the right. The section automatically optimizes its proportions based on the media type, utilizing a balanced 50/50 split for videos and a tailored 34/66 ratio for images
How to Add a Horizontal Card
Go to the Landing Page Section in the backend (Menu: "Content" > "Landing Pages"). Find and select the page you want to edit. To add the element to your page, first click on "Add Paragraph." Select the "Utility and Structural Section" category from the overview and add the specific element "Horizontal Card" by clicking the "Add this row" button.
How to Configure Content Settings
Once the row has been added, you can begin customizing the content. First, enter a general title and text for the section.
Next, integrate your media by either uploading an image - including a suitable alternative text - or providing a video URL. You can then fill in the specific heading and descriptive content for the card itself. Finally, you have the option to include a CTA button to guide your visitors effectively.
How to Style a Horizontal Card
In the next step, you can refine the visual appearance of your section. Use the Row BG Color to select a background color that highlights the area or aligns it with your brand design. Additionally, adjust the LP Row Margin to set the vertical spacing and create a clear, organized structure on the page.
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.