The Landing Page module is accessible by pressing the Landing Pages icon on the Platform home screen:
Once pressed you will arrive on the welcome screen. To create a new page press the button:
By pressing the Create Landing Page button you will arrive at the first Stage of the Landing Page wizard where you will be required to select a template.
You can choose either a designed template or a blank one as appears at the very bottom of the templates screen.
To select a template hover with your mouse over it and press Select:
This will lead you to the Landing Page editing area:
The editing area is divided into 3 parts: Mobile Version of the page, Desktop Version and General Settings.
In the center of the screen you will find the Stage – a phone screen that includes all the page elements.
The main page elements include text boxes, images, lead form and call to action buttons.
On the right of the screen you will find the elements menu. Each element can be dragged to the Stage and placed anywhere you wish. Once placed it can be moved around the page simply by dragging and dropping.
As you will see, the menu includes a large variety of optional elements to be included in any order you wish on the Landing Page. You can drag any number of elements from the menu to the Stage. To browse through the various element options use the arrows on top and under the menu list:
When hovering over the Stage elements action items will appear over them. Each element can be deleted, it can be duplicated (in which case the duplicate will be placed at the end of the Landing Page and may need some dragging to the intended position) and it can be edited. To edit an element press the editing icon:
Once pressed the editing attributes will appear to the left of the Stage.
To edit a text box press on the editing icon over it and on the Edit Text button that will appear on the left:
Once pressed a lightbox will open in which you will be able to actually edit the text. You can run over the given template text or change its phrasing by typing the desired text in the box. To change the font type, size, color, etc. use the upper toolbar buttons, as you may be accustomed from other editing softwares. Once done press OK in order for the changes to be saved:
To change the text box background press on Edit Background:
Select the color of your choice in the lightbox that will open. To view all color options press More Colours and select a tone from the palette:
To change the text box padding, as to allow a wider or narrower box space, simply insert pixel values in the padding fields. As well you can alter the line height and text box radius by entering the values you wish. Once done press the Save button at the bottom of the screen:
To edit an image hover over it on the Stage and press the editing icon. This will open an image settings lightbox. Click the Choose File button to upload an image from your computer:
If you wish, you can insert a URL and Image Tag in the lightbox fields. When done press Save.
To edit a leads form press the editing icon appearing when hovering over it. This will open the editing options on the left. You will find at the top a breakdown of the fields that are included in the form:
Each field naming can be edited by typing its updated name in the box, it can be set as a required field by ticking the “Required” box, its position can be moved around the form by dragging it from the blue rectangle on the left and it can be deleted. To add a new field that does not currently exist in the given form, press the “Add” Dropdown:
You will find a long list of optional fields to be incorporated in your form. To select any of them click the desired option with the mouse. The field will be inserted at the bottom of the form. To reposition it drag it from the blue rectangle on the left:
To change the form design – field colours, background colours, font colour and the likes – press on the colour fan under “Field Design”. A lightbox will open to enable setting the various colour attributes of the form. Once all options are set press on Save:
To edit the submit button browse down and go to “Submit Button Design”. The call to action can be typed in the box while the design aspects are to be set under the adjacent colour fan. As well you can edit the button size, call to action font and further attributes:
Further down you will find the option to edit the Thank You page which the Landing Page visitor will encounter once they have submitted the form. We will get into details about the Thank You page further on.
To edit the Form Notifications you will required to go to the Page Settings tab. We will go into details concerning this as well further down the User Guide.
Once you are finished editing the above form aspects press on the Save button at the bottom of the settings area as to ensure your changes are saved.
To edit a Click2Call button hover over the button on the Stage and press the editing icon. This will open the editing options on the left.
Here you are to edit the Call to Action if you wish and enter the phone number that is to be dialed. Please use numbers bearing an international code prefix prior to the number.
To edit the design attributes of the button press on the colour fan. Note that you can edit the design attributes, or upload a button image from your computer, or otherwise use an image from the button gallery offered on the Platform:
To edit design and content attributes pertaining to the entire Mobile page version (as opposed to a specific element in it) press on the “Mobile Settings” button at the top of the screen:
Here you will be able for example to set the page background color or image.
To edit the Desktop Version press on the Desktop Tab at the top of the screen:
Editing the Desktop Version is very much similar to the Mobile one. The elements are spread around the Stage, they can be moved by dragging. When hovering over them you will notice their contours (marked in a light blue frame) and action icons.
A. The Desktop Version of the page is deployed horizontally, much like a Desktop computer screen. The Stage is much larger than the Mobile Stage.
B. When designing the page we can set a background both for the Stage and for the area around the Stage – the wrapper. The background can be uniform for both or different, depending how we want our page to look like. It can comprise of a still image or texture or of a video.
To edit the background press on the “Desktop Settings” button at the top of the screen:
There you will find the various editing options the Platform provides:
C. Among these are included the Wrapper design attributes (what appears around the Stage and wraps it, whether it’s an image, texture or a video) and the Stage dimensions. Unlike on the Mobile version where the width is fixed and the length is a function of the number of elements inserted to the Stage, on the Desktop Version we can determine the width and length of the Stage. The default values are 900 pixels width and 500 pixels length but these can be changed by simple setup on the Desktop General Settings pane.
D. Unlike in the Mobile Version, in the Desktop one the elements menu is on top of the Stage and is divided into types by tabs.
E. The menu contains elements relevant for usage on a Desktop computer, as opposed to the Mobile (hence elements such as Click2Call and Navigation do not appear on the Desktop menu). Each element can be dragged to the Stage by use of the mouse:
Each element can be edited by clicking on its editing icon, after which a lightbox of attributes will open for sake of the editing.
F. Unlike in the Mobile Version, on the Desktop one you can use layers and place elements one over the other. To change the layer placement of a certain element will press its arrows action icons – arrow pointing up, arrow pointing down.
Another difference between the Desktop and Mobile editing lies in the leads form. While in the Mobile Version the form is editable as one chunk, on the Desktop each field is to be dragged from the menu, placed on the Stage and designed separately. To view all fields available use the scroll:
H. If you wish to have a clear static indication of the elements’ contours check the Show borders box under the Desktop Stage.
I. If you wish to be assisted by grid-lines to align the elements on the Stage add them by ticking the Show guidelines box:
Once a visitor fills the Lead form (or any other type of form on your Landing Page) they will arrive at a thank you page where they will be able to see that the details were logged and the information they submitted has been received. This thank you page can be edited, much like the main page. To do so press the Edit Thank You Page button under the Desktop or Mobile Settings button:
To edit the Thank You Page the same editing principles apply in both Desktop and Mobile Versions. All page elements are available for incorporation from the menu, apart for the form elements. Feel free to include any relevant information on this page as to ensure your leads are nurtured while waiting for you to get back to them. Once you’ve finished editing the Thank You page press on the Save & Return to Main Page button at the top of the editing area:
The same applies to editing of the Mobile Thank you Page:
To see a live preview of the Page you are creating while working on it press the Preview button on the right hand corner of the screen:
A new browsing tab will automatically open for you to see the Landing Page as you have created it and as your visitors will see it.
Previewing the Desktop version will reflect the entire page – Stage and Wrapper around it:
If you go back to making editing changes on your page and wish to see the updated version previewed you can either press on the Preview button again or go back to the browsing tab opened earlier and refreshing it.
In order for a Leads Form to be GDPR-compliant you must include in it an unchecked checkbox in which you seek the visitor’s consent to the following:
To include the above-said checkbox/es in your form do the following:
Once selected edit the checkbox phrasing in the Form fields list, tick the required checkbox and press save.
The updated field will appear in the form:
Being a mandatory field (marked as “required”) your Page visitors will not be able to submit the form without checking the box and giving their formal active consent as required by the GDPR.
On the Landing Page Settings Tab you will find the various settings options related to both the Mobile and Desktop Versions of the page:
The main of which are:
Under General Settings you will find the page name as to ensure you recognize it easily on the Platform reports. Note that the name you give will appear on the page’s browsing tab, unless specified otherwise under the Meta Tags Settings further down the Page Settings screen.
As well you will be able to determine which versions of the page are to be activate – whether Mobile or Desktop or both.
Once a visitor submits a form on the page you can be notified of it to allow returning to them quickly and efficiently. In this respect, you have three notification options that can be used simultaneously:
Leads Notification by Email – Enables an email with the leads details to be sent to a designated email address the moment the lead submits the form.
Periodical Leads Report by Email – Enables receiving a report once every few days set and in it will be included all the leads accumulated since start of the present month.
Leads by API – Enables to send all leads online to a designated API address of our choice.
Notification by SMS – Enables to receive a text message notifying us that a lead was received.
Of course, apart for sending notifications, all leads information is automatically stored on the Platform and can be accessed whenever you wish. To see the leads info go to the reports tab on the top menu and press on the Export form details button related to the page in question:
Alternatively, you can go to the Leads tab on the menu and see the leads received from each of the pages you built on the Platform. These can be managed by status.
If you wish to integrate their details into your Contacts Data Base, in order to among others be in touch with them in the future via SMS, go to the Landing Page Settings Screen:
There under Additional Actions you will find the option to add lead details to Contacts:
Once you tick the checkbox a Drop Down menu with a list of all you Contact Groups will open for you to select to which Group you wish to affiliate the leads.
To integrate the lead a Group must be chosen. If you have yet created the designated Group you wish to use, go first to the Contacts module:
and press there on Create Group:
The Platform provides various tracking options for your Landing Page:
Analytics & Remarketing: Allows tracking a variety of metrics related to the Landing Page performance, including browsing scope, conversion rates, the ability to generate audiences from the visitors and more. The code is obtainable on the Google Analytics site and is required to be pasted in the designated box.
Conversion Code: The code used to track Landing Page conversions within a Google AdWords advertising campaign. To use it on the Landing Page copy-paste it into the designated box.
Facebook Pixel: A code that allows tracking the Landing Page performance on Facebook, including measurement of browsing scope, conversions, audience generation and more. The code is obtainable on Facebook Ads Manager and is required be inserted in the box.
Google Tag Manager: A tool that allows you to manage multiple codes on your Landing Page from one place in a centralized manner. It can include a combination of Analytics codes, conversion codes, and other codes. In order to use the tool it is required to define the different codes in the Google Tag Manager (GTM) interface and plant the GTM code obtained in the box on the Settings Screen:
After having finished all your settings do not forget to press the Save button at the bottom of the screen as to ensure all your changes are logged appropriately.
Once your settings are saved you will be diverted to the final approval screen of the Landing Page creation wizard. On this screen you will find:
Once you have created your Landing Page you can go to the reports and see the results of its views.
On My Landing Pages screen you will see a list of all the pages you have created todate on the Platform. You will be able to recognize each by the name you gave it. For each you will see:
If you click on the Plus icon on the left you will find a breakdown of the data by traffic type – Mobile vs. Desktop.
Each page can be accessed for editing by clicking its name or pressing the editing icon on the right. Note: the page is live from the moment it is created. Any change you make in it will be seen by viewers the moment it is made.
On the Reports tab on the top menu you will find the list of your pages, their main stats and action buttons:
It enables sending the page URL with a postfix to recognize the visitor who accessed it and avoid the need of asking them for their phone number.
It is very common to run A/B Tests on landing pages as to optimize their results. To run a test on the Platform press the Tools tab on the menu, and then press A/B Test and Create New A/B test. You will arrive on the A/B Test creation screen where you will be able to select the Pages you wish to compare (up to 5) and set the viewing percentages (default set at 50%-50% but can be of course changed as you see fit).
Once the test is up and running you will see the conversion results on the A/B Test screen and will be able to amend the percentages or edit the pages for optimization.