Landing pages - Part 1: Set up your Landing Page

In this guide, we'll help you get started with your first landing page! We've created a series of articles to help you build your landing pages. In Part 1, we'll explain how to set up your landing page. 

We've created a series of articles to help you build your landing pages. 

💡 Good to know
Landing pages are available for Premium and Enterprise plans.

Set up your landing page

The first step will be the setup of your landing page, where you can decide which template, which font, which logo you'd like to use.

  1. Let's go to Contacts 
  2. Go to Landing pages tab in the left navigation
  3. Click Create a Landing Page in the top-right corner

Choose a template

For your new landing page, start by deciding between:

  1. Creating a landing page from scratch
  2. Using a landing page template from the gallery
  3. Duplicating an existing landing page from Your Pages

Choose_options_EN.png

We recommend selecting a template from the gallery as a way to start, then customize it to achieve your goals.

You can also preview a template by clicking on Preview when you hover over the block (see below).

When you have decided which template to use, click on the Get Started button.

Get_Started_EN.png

Name your landing page

  1. Type the name of your landing page (the name has to be at least 3 characters).
    It will be visible to your visitors in the browser’s title. Choose a name that represents your product or company.
  2. Click Continue

💡 Good to know
You will be able to change the name of your landing page from Settings afterwards.

You have now access to the different settings and drag and drop blocks.

Choose your settings: fonts, styles, logo, favicon, etc.

To get started, we recommend you start editing the Settings to personalize your landing page with your company's branding. 

To edit the settings, click the ⚙️ Settings button in the bottom-left corner of the page.

General: determine the style of your headings and text

From here you can define the style of your Titles, Subtitles, Headings and Text. You can also modify the name of your landing page.

Capture_d_e_cran_2020-11-06_a__12.12.33.png

Note that each section, column, and element can later be individually edited when you are designing your landing page.

Brand Logo

You can add or replace the logo here. If you're using a template, you'll have to click on Replace brand logo. Then, either drag your file or select it from your computer

To save your changes, click Done.

💡 Good to know
Formats that are accepted are jpeg, png, gif.

Favicon

The Favicon is an icon associated with a particular website, typically displayed in the browser tab when you visit the website or next to the website name in a user's list of bookmarks.

mceclip0.png

Its main purpose is to help visitors locate your page easier when they have multiple tabs open.

You need to host your favicon on your existing servers, you can add your favicon URL here.
You can use favicon generators to get a favicon at the right size and format:

  1. If you don't have a favicon URL, go to a Favicon generator site such as: https://favicon.io/.
  2. Upload the Favicon file on your existing servers or a secure image hosting service.
  3. In Favicon Settings, enter the URL where your Favicon is hosted.

Tracking and Social Share Settings

These settings are advanced settings described in Part 4: Add a form & use advanced options.

⏩ What's next?