Landing Pages - Design And Configure

Tags: Landing Page

After choosing your template, follow the instruction below to learn how to set up and design your New Landing Page template.

Sections, Rows, Columns, and Elements

  1. The name you type here will be shown in the browser's title bar. Your website visitors will see this, so make sure to choose a name wisely.

  2. (Optional) Choose the font set you would like to use and add a logo

  3. Click Next Step to start building your landing page template

  4. Sections are the foundational layer to your content. You will likely have multiple sections that make up your entire landing page.

    For example, you may have a "header" section at the top, then the "body" section in the middle containing a sign-up form, then a "social proof" section, then a "footer" section at the bottom. Splitting your landing page up into multiple sections, will allow you to style each section separately; thereby giving more customization over the page.

    Alternatively, you can also use only one section and just keep adding rows, but you are limited in how much you can customize each row. Each section is structured by how many rows and columns they contain.

    In the image below, we see a section with three columns and two rows.

  5. You can add as many rows as you like to each section. Just move your mouse to the bottom of a section to either add a brand new section, or just add a new row to the existing section.

  6. To delete a row, hover your mouse over the row, right click and choose Delete

  7.  Each row can contain up to 4 columns of information. A column sits inside a row and contains elements inside of it.

  8. An element is a piece of information that sits inside a column, which is inside a row, which is inside a section.
    There are nine elements that you can add:

    1. Text
    2. Image
    3. Button
    4. Divider
    5. Form
      (Refer to this list of supported custom fields for landing pages.)
    6. Icon
    7. Video
    8. Logo
    9. Code
  9. Click on Manage Layout to modify the properties of each section, copy a section, delete a section or move sections around if necessary.

Note: When using custom fields, if you make changes to a custom field (like add new options to a drop-down), you would do that under Admin > Settings > Custom fields, then return to your Landing Page, remove and re-add the custom field in order to sync your changes.

How to redirect to a Thank you page or URL

  1. Click either the form button or the button element

  2. Enter the button text

  3. For the button element click the Action drop down and then select either
    1. Link to a URL
    2. Anchor to a section
    3. Link to a page in this funnel

Top row buttons

From left to right:

  • You can undo/redo edits that you make
  • Take a snapshot of your landing page to save in case you want to make a number of changes or revert to an older version
  • View the Help Center's Landing Page content
Did this article answer your question?
Thank you for your feedback!
Note! For questions about how to use this feature, please contact our Support Team. To provide feeback on the accuracy of this article, use the form below.
User Icon

Thank you for your feedback!