In contrast to the Simple version, the CTA - Simple Background element features a dark background with inverted colors. It allows entering a title and subtitle, adding up to two buttons with internal or external links, customizing both text and button colors (primary or secondary), selecting a background color, and adjusting the LP Row Margin.
How to Add CTA - Simple Background
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 "Call to Action" category from the overview and add the specific element "CTA - Simple Background" by clicking the "Add this row" button.
How to Configure Content Settings
Once the row is added, you can tailor the content to match your messaging. Start by entering a title and subtitle, then add up to two buttons. To set up the links, you can use either an external URL (e.g. https://example.com) or an internal path (e.g. /recruiter/products) .
How to Style CTA - Simple Background
In the next step, you can refine the visual presentation of your section. Use the LP Row Margin to adjust the vertical spacing. Choose the color of the button (primary or secondary) and select the row background 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.