[dynamic_help_sidebar root="leads"]

Creating Landing Page from external HTML, CSS, Scripts and Images

The External Landing Page feature allows you to create and host landing pages in LeadSquared if you have your own HTML of the landing page, or have purchased a template from marketplaces such as ThemeForest (www.themeforest.net).

Please note that this feature is targeted at HTML developers. You need to have basic HTML/JavaScript development skills to be able to use this feature.

After you click on “Create Landing Page”, select the third option “Use your own Template/HTML” option and click “Next”.

That will take you to Step 2/Build Landing Page. There are two steps to setting up the landing page design/content:

External-Landing-Page-Content

Step 1 – Paste your HTML. Copy the entire HTML of your landing page, which you have built, or purchased from a third party.

The key thing here is to ensure that the path of your images, JavaScript (js) and CSS files is correct. You need to make sure they point to the URL where they are hosted. A good place to host them would be your website. You can also upload and host them in LeadSquared at Content-> Images & Documents.

An illustration of how the URLs of your images/js/css files should be changed:

Suppose your website is http://www.mydomain.com . Assuming that your CSS files are stored in /css location under your website home, JavaScript files are stored in /js location and images are stored in /img location respectively:

If your JavaScript includes look like

<script type=“text/javascript” src=“js/myjsfile.js”></script>

In the HTML you paste in LeadSquared editor, it should change to following if you host it on your website:

<script type=“text/javascript” scr=http://www.mydomain.com/js/myjsfile.js></script>

Or similar to following if you host in LeadSquared Content -> Image & Documents :

<script type=“text/javascript” scr=http://leadsquaredsns.wowpages.co.s3.amazonaws.com/content/documentss/myjsfile.js></script>

Similarly you would have to change the URLs of your CSS (stylesheet) includes and all the images.

Once your HTML is all set, you need to setup the form.

Step 2 – Setup the Form.

Map-Form-Fields

We have made it easy to modify the form in your landing page to make sure it can capture leads in LeadSquared. If there is a form in your HTML, the form editor will be able to pick all the input elements and try to match them with corresponding fields in LeadSquared. The idea here is that each field in your HTML form should correspond to a lead field in LeadSquared.

You can mark fields as mandatory if needed. Important Note – If your current HTML page has any JavaScript code written on form submission, you must remove it, else form won’t get submitted.

This form mapping makes sure that:

1. The fields are mapped to LeadSquared lead fields, so all data is captured.
2. We add necessary scripts required to make sure this page behaves as a landing page and the leads/visitors are tracked for analytics.

Once you setup the form, you can go to Step 3 and setup your actions.

Domain Settings for Email Links and DKIM/SPF Settings

1. Feature Overview

When you send emails to your prospects with links to web pages, we encode them so we can track who clicked on your emails. After they click on the links if they visit your website or landing pages, we further track their visits on your web pages. However, this tracking will work only if you ensure that you modify your DNS settings as described in this article.

Note: These modifications are necessary to accommodate the security restrictions of browsers. If we embed a link of our domain in your email, leads would visit your website from a domain different from yours (LeadSquared’s domain, for example – e.gtolink.in). The browsers would then prevent us from tracking the leads.

This article also explains how you can configure the DKIM/SPF settings in your LeadSquared account.

 

2. Prerequisite

You must be the Administrator or a Marketing User of your LeadSquared account.

 

3. Add CName Records in Your DNS

To ensure we are able to track, we recommend that you add a CNAME setting in your DNS server which will essentially be:

click.yourdomain.com pointing to e.gtolink.in*

 Type  Host  Data
 CName  click.<mydomain.com>

where mydomain.com is replaced by your domain’s name (e.g., leadsquared.com).

e.gtolink.in
or
e-in21.gtolink.in
or
e-in22.gtolink.in
or
e-us11.gtolink.in
or
e-ir31.gtolink.in
or
e-ca12.gtolink.in

Once this setting is done, we will encode the links in your emails pointing to click.mydomain.com instead of e.gtolink.in.  This will not only ensure tracking but also make your emails look professional.

Note: e.gtolink.in may also be e-in21.gtolink.in, e-us11.gtolink.in or e-ir31.gtolink.in depending on your domain.

 

4. Confirm New Domain on LeadSquared

Once the CName records are added in your hosting account, confirm the new domain in your LeadSquared account.

  1. Navigate to My Profile>Settings>Lead Tracking>Email Link Domain. You can view your current domain for email links on this page.
  2. Once the CName is live, the connection status on the Email Link Domain page gets updated. Now, click Confirm New Domain.

LeadSquared - Email Link Domain

 

5. DKIM/SPF Settings

DomainKeys Identified Mail (DKIM) helps verify that the sender’s server is legitimate and authorised to send the email. Sender Policy Framework (SPF) helps verify that mails claiming to be from your organisation are sent from one of your IP addresses. These settings help in avoiding spam mails being sent in your organisation’s name.

  • For DKIM/SPF cName records, please reach out to your account manager or support@leadsquared.com
  • After you get the cName records, add them to your DNS.

Note:

  • If you have different domains for your website and emails, the Email link domain settings are updated in the website domain and DKIM/SPF settings are updated in the Email domain. We suggest using a single domain for both websites and emails.
  • If you are unable to create CName records in your Domain Service Provider, contact support@leadsquared.com.

 

Any Questions?

We’d love to answer your questions or hear your own unique use cases. Feel free to share your experiences in the comments section below.