How to Create and Publish a Landing Page?

1. Feature Overview

LeadSquared’s Landing Pages offer a powerful set of features to design and publish high-conversion landing pages. You can create responsive landing pages for different devices (web, mobile, tablet, etc.) and optimize them for search engines (SEO). Whether you’re starting from scratch or using the built-in templates, the Landing Page Editor makes customization simple. It also provides a range of post-form submission options and detailed analytics and reporting.

Note: This article refers to LeadSquared’s legacy Landing Pages. We encourage you to use the new Landing Pages pro for an enhanced experience.

Leadsquared - Landing page

 

2. Prerequisites

You should be an Admin or Marketing User of your LeadSquared account.

 

3. Creating and Publishing a Landing Page

  1. From your LeadSquared dashboard, navigate to Marketing >Landing Pages.
  2. Click Create Landing Page. On the landing page creation wizard, you can create and publish Landing Pages in five steps.

Leadsquared - Landing Pages

  1. Select a Landing Page template – A template gives you a head-start in creating a landing page. Creation becomes easier through template. For more information on this , see Selecting a Landing Page Template.
  2. Build the Landing Page – Customize the Landing Page template using the landing page editor. You can decide and set up the look and feel of the landing page using this editor. For more information on this, refer Responsive Landing Pages.
  3. Set Actions – Create appropriate actions which should follow after a visitor submits on a landing page. This could be displaying a Thank You message, redirecting to a URL or providing a document for the visitor to download . For more information on this, see Actions that should follow when Visitors Submit on your Landing Page.
  4. Customize the Page Settings – Here you can set the Page Title, customize Landing Page URL and Search Engine Optimization (SEO) options for your landing page. SEO options are to increase the landing page’s visibility and traffic. For more information on this, see Page Settings for Landing Page.
  5. View the Summary – This step allows you to review the landing page that you have created. You can review the  key elements of Landing Page here before you publish it.

On completing all the steps, publish the landing page. Once it is published and visitors submit on it, you can view the Landing Page reports. For more information on Landing Page Reports, see How to Use Landing Page Reports?

 

4. Building Responsive Landing Pages

A responsive landing page is designed to render well across all devices, including desktops, laptops, tablets, and mobiles, by adapting to different screen sizes and orientations. This ensures that the page looks good on every device, improving the viewer’s experience. As the screen size decreases, the page adjusts to avoid horizontal scrolling, allowing viewers to navigate seamlessly by scrolling vertically. LeadSquared’s Landing Page Editor helps you create responsive landing pages. To start building them –

  1. Navigate to Marketing >Landing Pages>Create Landing Page.
  2. Name the landing page and add relevant marketing tags.
  3. Select Use Responsive Templates.  You can select any of the available templates or even a blank template by scrolling to the bottom of the page.

responsive landing page

The landing page editor will open up.  Landing Page Editor treats the page as a canvas on which you can add multiple sections. In each section, you can add blocks of different types to include content, image, form, etc.

LP designer

 

 

 

 

 

 

 

 

 

 

In general there are seven areas to work upon inside the editor –

  1. Section toolbar:  Adding and managing sections
  2. Block toolbar: Work with multiple types of blocks
  3. Work inside a section
  4. Work inside a block
  5. Manage layout properties of the canvas, sections and blocks
  6. Achieve advanced formatting options using custom CSS
  7. Fully control the style of page or any of it’s elements by overriding default styles

You can also (8) preview the page in web, tablet and mobile. And (9) you may choose to work in full screen mode.

 

5. Troubleshooting

When a lead submits a form on your landing page (legacy/older version of landing pages) and encounters the following error – “Oops something went wrong”, the issue may be caused because –

  1. You’ve run out of web events. Navigate to Billing and Usage and scroll down to the Website Tracking and check if you’ve exceeded your Max Web Events limit.
  2. Check if your landing page form contains at least one unique field.

Leadsquared - Landing Pages

 

Any Questions?

Did you find this article helpful? Please let us know any feedback you may have in the comments section below. We’d love to hear from you and help you out!

Was this Helpful?

Subscribe
Notify of
guest
2 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
durga
3 years ago

how to integrate the already existing form into bring your HTML section

Sri Sudhan
Admin
Reply to  durga
2 years ago

Hi, Durga. This can be done through a backend process. Please contact your account manager, or write to support@leadsquared.com for more information.