A landing page builder allows you to create a new web page, optimize it for search engines and publish it. With the web application’s built-in landing page builder, you can create a landing page, carry out customizations, optimize it for the audience, publish and manage the content.

To understand this better, let us consider an example. Let us assume that you are planning to set up a landing page for your summer campaign. Here’s how you can set up the same.

How to create a landing page?

To create a new landing page,

1. On the left nav bar, click on the Landing Pages & Forms icon.

2. Click the Create landing Page button

3. In the editor section, you can create and publish your the landing page using the features that are explained in the sections below

How to use the editor in landing page builder?

You can use the following features in the editor to create a landing page

1. Launching a landing page overview

   1. Choose a template or create the landing page from scratch by clicking on Get Started

2. Give your template a name

3. Select the columns and rows that you want in the template

4. Add the elements you want to the sections

2. Add custom CSS

In the editor section click on the Settings (gear) icon. Click the Tracking section to add a custom CSS in the Head Tag.

3. Add Favicon

In the editor section click on the Settings (gear) icon. Click the Favicon section. Under Favicon Link, type in the link to your favicon.

4. Add padding and margin

   1. Click the Layouts icon on the right and click the Settings (gear) icon on the section for which you want to change the padding and margin.

2. Under Spacing, you can change the padding and margin.

5. Adding tracking scripts (FB Pixel, Google Analytics)

In the editor section click on the Settings (gear) icon. Here you will be able to place your tracking scripts in certain parts of the page. Services such as Facebook and Google Analytics require you to have the script in the head tag, while other services may require it to be in the body.

6. Anchoring Buttons to a Section

Click on the button to which you want to assign the anchor tag to. On the right, under BUTTON SETTINGS in the Properties tab, under the pick an action drop down, choose Anchor to a section. Now choose the section to which you want the button to be anchored to.

7. Attach a PDF for download

Click on the button to which you want to attach a PDF to. On the right, under BUTTON SETTINGS in the Properties tab, under the pick an action drop down, choose Link to a url. Now type in the google drive or dropbox link that contains the PDF file.

8. Auto populating form fields with URL parameters

This allows you to override the default merge behavior by changing the url parameter that auto populates this field. By default it will use the fields type you selected. If this is an email field ?email=jon.doe@gmail.com it will populate the default value of this input field.

Click a form to open up FORM SETTINGS. Choose the field in the form that you would like to auto-populate and enter the name of the URL parameter.

Test the form setting by entering your URL parameter and value in the format as shown in the example below.

9. Changing background-color

Click on a section to open SECTION SETTINGS. Under the Properties tab, choose the background color of your choice.

10. Changing the background color of a form

Click on a form to open FORM SETTINGS. Click on the Row or Column tabs on the top to change the background color of the form.

11. Hyperlinking CTA Buttons

Click on the button you want to assign a URL to. In the BUTTON SETTINGS that appears, under the pick an action drop down, choose Link to a URL and enter the link in the URL (link) section.

How to Publish a landing page?

1. Click the Publish button to publish your landing page

2. You will now land on the page that reads ‘Your page is published!’. You will also be able to see the published link appearing on the bottom.

How to host the landing page on a custom domain or subdomain?

1. Scroll down on the page that you’ve published the landing page and enter the custom domain or subdomain name to which you want the URL to point to and click Connect. The DNS record to add will get populated.

2. Open the DNS management console of your domain hosting provider (GoDaddy/Namecheap/Cloudfare) and create a new DNS record. For our example, values would be:

3. Once you have added the DNS record, click the Click here to check the status of your DNS record button under the Check DNS record section to see if the record has been added successfully.

Landing Page Limits