The Drag and Drop editor gives users the ability to craft their own landing pages by dragging and dropping content blocks and using the collection of styling tools to achieve their desired look and feel.
The Content section allows you to drag and drop various content blocks into your rows to fill out your landing page. For more details on the properties of each content block, please see the appropriate article below:
In version 11.4, we added the ability to directly edit the HTML of your Landing Page. To access the HTML, you can click on the HTML tab in the top-right corner of the editor.
This will display the current HTML of your landing page, and you can then click the Edit HTML button in the top options ribbon to enable edits to the code. Please note that once you make edits to the HTML code, you will not be able to go back to the Designer tab.
The 'Rows' section allows you to insert a preset row setup into your landing page. Each column can hold a content block, and the number and the size of the columns can be always be changed within the settings for that row. For more information, please see our Rows article here.
Content area width: This slider allows you to set the size of the area dedicated to holding content. The size expands from a minimum of 320px up to a maximum of 1440px.
Content area alignment: This option allows you to align the content containers to the left or to the center of the landing page.
Background color: This option allows you to set the background color of the entire landing page.
Content area background color: This option allows you to set the background color of the content areas.
Default font: This option allows you to set the default font that will be used for text.
Link color: This option allows you to select the color of hyperlinks on the landing page.
Preview: Located in the Actions menu, this option allows you to see an example of what the landing page should look like on devices with varying screen sizes. Currently, we offer examples for full screen, desktop, tablet, and mobile devices.
Show Structure: This option toggles the grid surrounding the columns and rows to help visualize the space dedicated to each component.
Embed Link: This option will give you access to our embed options for the landing page. The Custom URL tab allows you to define a custom URL ending for the link to this landing page. The Embed as Link tab gives you a pre-built URL to the landing page. The Embed as Iframe tab gives you the code that you can insert into one of your existing web pages to embed this landing page as an iframe within it.
Feature Added: 11.3.0
Feature Updated: 11.3.0