Introduction to Landing Page Drag and Drop Editor

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.

Content

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:

• Title
• Paragraph
• List
• Image
• Button
• Table
• Divider
• Spacer
• Social
• HTML
• Video
• Icons
• Menu
• Autoplay Video
• Survey
• Form

Rows

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.

Settings

General Options

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.

Optional Properties

Title: Set the landing page's title.

Description: Set the landing page's description. This is the landing page's meta description tag, which is used for preview text in social platforms.

Favicon: Allows you to set your landing page's favicon.

Additional features

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.