Please note: this feature is in Private Preview at the moment, which means we're still making a few tweaks here and there to make it even better. It also means that while only Early Adopter customers can get access to it right now, when it's out of Private Preview it will be available to all customers, but may be restricted to certain subscriptions.
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.
