Skip to main content
All CollectionsMarketing
Introduction to Landing Pages (Private Preview)
Introduction to Landing Pages (Private Preview)

Get an introduction to the CRM Landing Pages and some of the key functions to adjust pages to your liking.

Jessica Nash avatar
Written by Jessica Nash
Updated over a week ago


Button Text

You can change the call to action on a button by changing the text.

In the editor, simply click on the button to open the settings on the right-hand menu. Under the Properties section, simply update the text value for the 'Call to action' field.

Saving Landing Page Edits

All changes you make within the editor are automatically saved.

Use the undo (left icon) and redo (right icon) buttons in the top navigation to revert changes.

Updating Section Background Colour

In some cases, you may want to add a background colour to a row/section. To do this, simply select the section that you wish to edit.

On the right side bar under the Background Colour section, select the preferred colour.

Background Styling

You can modify a Landing Page background’s style, including size and position. First, select the section of which you’d like to add a background image to, then enter the image URL. You can specify the background size to be: Original, Cover Fit (default) or Box Fit. On the preview of the background, use the blue circle to move the position of the image. Toggle the Background Repeat setting to repeat the background pattern.

Attach PDFs for Download

You can give out PDFs, or other digital items, once a visitor opts in to your form. You can either redirect visitors after opt-in to a file hosted in Dropbox or Google Drive, or by taking them to a "Thank You" page that then redirects them (via a button click) to Dropbox or Google Drive.

In the editor, select the Form. Under Redirect Options in the External URL field, provide the URL to the file.

If you prefer to take visitors to a "Thank You" page and use a button to download a file, simply select the CTA button. Then, go to Action on the right-hand menu and select 'Link to URL'. In the URL field, provide the Dropbox or Google Drive URL.

Adding Favicons

To add a favicon to your Landing Page, simply head to the Launch step of your Landing Page. In the URL field, paste the link to your favicon.

Don't forget to republish your Landing Page so that it's visible for everyone!

Adding an Element

To add an element to a section, locate and select the blue plus button.

Drag and drop the element onto the grid builder.

Element Size & Position

To resize an element, simply drag the corner inwards (smaller) or stretch it outwards (larger).

To move an element, use the move icon to click and drag accordingly.

Reordering Sections

To reorder sections on your Landing Page, select Layout to see the list of sections.

The sections can then be reordered by simply dragging and dropping.

Anchoring Buttons to a Section

On your Landing Page, you can assign an anchor tag to a button to go to a certain section of the page.


To apply an anchor tag on a button, simply click on the button you want to assign an anchor tag to.

On the right side, you will see the settings panel appear. Under Properties go to 'Assign To' and change the drop-down to anchor to a section.

Under 'Anchor To', select the section you want to take your visitors to when they click on the button.

SEO Management

You can now manage SEO properties for each individual Landing Page within the funnel.

First, open the Editor and select the Pages icon on the left-hand side. Locate the page you want to manage and select the settings icon.

From here, you can edit the SEO properties of that Landing Page. You can toggle the setting to 'Allow Search Engines to Crawl this Page'.

Note: This function allows search engines to crawl the page by the means of turning on certain meta data information about the page. We already take the necessary measures to ensure pages are optimised for SEO (page load speed, proper content flow of header tags, etc.), however it's up to Google and the manner in which the end user maintains content best practices (such as creating backlinks and writing unique content etc.).

Importing Fonts with Custom CSS

You can use a font that's not included in our drop-down by importing a Google Font in the Custom CSS section.

To import a font, select the settings icon in the bottom left-hand corner. In the Tracking tab, the Head Tag <head> section is where you need to place your code.

The following code is used for this specific example where we want to import Source Sans Pro from Google (https://fonts.google.com/specimen/Source+Sans+Pro):

<style>
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap'); .font-style-title {
font-family: 'Source Sans Pro', sans-serif !important;
}
.font-style-subtitle {
font-family: 'Source Sans Pro', sans-serif !important;
}
.font-style-heading {
font-family: 'Source Sans Pro', sans-serif !important;
}
.font-style-normalText {
font-family: 'Source Sans Pro', sans-serif !important;
}
</style>

Note: font-style-title, font-style-subtitle, font-style-head and font-style-normalText correspond to Title, Subttitle, Head and Normal body font styles in the page. Don't forget to add !important at the end as shown in the example to ensure that the font you desire is displaying on the published version of the page.

Select the 'Done' button and proceed to Publish the page.

Padding & Margins

You can add or remove additional padding and margins on an element. Simply click on an element to see the right side menu appear. Under the Spacing section, you can add or remove additional padding and margin.

Adding Tracking Scripts

You can add tracking scripts (like Facebook Pixel, Google Analytics etc.) to your Landing Pages. Simply select the settings gear icon, and head to the Tracking tab. Here, you can provide 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. Please read their directions carefully on where they require the script to be.

Did this answer your question?