Create a high-converting, fully functional, and tested landing page for your lead generation campaigns that grow your email subscribers, works on all devices, and integrates with your analytics platforms
To create a fully functional lead generation landing page
Ideal outcome
You have a high-converting, well-researched, fully functional, and tested landing page for your lead generation campaigns that works on all devices, integrates with your analytics platforms and grows your email subscribers
Why it matters
Landing pages are usually the best way to convert new leads
Before you start
• A Google Tag Manager account: If you don’t have one you can follow SOP 004 (web version) for WordPress, SOP 065 (web version) for Shopify, SOP 066 (web version) for Squarespace. • Facebook Pixel and Facebook Ads Account: If you don’t have the Facebook Pixel, you can follow SOP 005 (web version) or SOP 068 (web version) specifically for Shopify). If you don’t have a Facebook Ads account, you can follow SOP 010 (web version). • Google Analytics: If you don’t have Google Analytics, you can follow SOP 009 (web version) or SOP 067 (web version)specifically for Shopify). • Some chapters of this SOP require a SEMrush and Instapage account
Key steps
40 steps
What is inside
68 headings
1Spying on your competitor’s landing pages and ads5
Go to Semrush
Type your competitor’s URL and click ‘Start Now’:
On the left sidebar, click Advertising → Advertising Research → Ad Copies, and you will see a listing of ads your competitor is running.
Make sure you are applying the filters correctly:
You will see a table with your competitor’s ads and landing pages, click the blue arrow button to check out the landing page.
2Clearly defining your landing page’s message5
Open the Template 016: Landing Page Creation Briefing (web version) that accompanies this SOP.
Fill out the initial description of this landing page:
Fill out the social section:
Fill out the targeting section:
Fill in the Landing Page Elements section:
3Designing your landing page using Instapage19
Go to your Instapage Dashboard by clicking here and logging in to your account.
Navigate to ‘Landing Pages’ in the left sidebar and click ‘Create Page’.
‘Select a Layout’ based on the purpose of your landing page.
Select the layout (template) from the list that best fits your purpose by clicking on its image.
Paste the internal name that you have previously defined → Click ‘Continue’.
Click the page name → ‘Search & Social’ → Paste the values from the Template 016: Landing Page Creation Briefing (web version) under ‘Search Engine Optimization’ → Click on the left arrow on the top navigation menu.
Scroll down → Fill in the fields under ‘Social’ → Paste the values from the Spreadsheet → Click ‘Save’ at the bottom part.
Navigate away from ‘Search & Social’ and click the ‘Edit Design’ button.
Go through the Template 016: Landing Page Creation Briefing (web version) and delete all elements on your landing page builder but are not on your ‘Landing Page Elements’ or ‘Checklist’ section.
Go through the Template 016: Landing Page Creation Briefing (web version) and add all elements to your landing page builder that are on your ‘Landing Page Elements’ or ‘Checklist’ section but are not on the template you selected.
Arrange elements by dragging and dropping them to where you want them to be and resize them by selecting the element and dragging it from the corner.
Open the Template 016: Landing Page Creation Briefing (web version) → Go through each line under the ‘Landing Page Elements’ section → Copy the values → Paste on Instapage on the respective section. → Arrange and resize any elements that might be out of place.
Click ‘Preview’ and check how your page looks on desktop.
Open the Template 016: Landing Page Creation Briefing (web version) and on the “Design Checklist” section make sure you are tackling the whole list.
If everything looks ok. On the top bar click ‘Mobile’:
Arrange and resize your elements until it looks ok on mobile.
Arrange and resize your elements.
Click ‘Preview’ and make sure your page looks ok on mobile:
Open the Template 016: Landing Page Creation Briefing (web version) and on the ‘Design Checklist’, go through every line and mark it as ‘Done’ if that is the case.
4Publishing your landing page using Instapage8
Click ‘Publish Experience’.
Select how you’d like to publish the page.
Click ‘Push page to WordPress’.
Click ‘Close’.
Open your blog’s WordPress Admin;
On the sidebar, click ‘Instapage’.
Click Add Page → Select the landing page you created. → Enter the URL of the landing page (it was already defined on your Template 016: Landing Page Creation Briefing (web version) )
Click ‘Publish’.
5Setting up tracking5
Check if you do not have Google Tag Manager running on your landing page already.
If Google Tag Manager is not running on your landing page follow the instructions outlined here to set up Google Tag Manager.
Make sure Google Tag Manager is running on your landing page now.
Make sure Google Analytics and the Facebook Pixel are running on your website using Google Tag Assistant and the Facebook Pixel Helper extension.
Setup and test your conversion goals:
6Testing your landing page20
Open the landing page on your browser.
Open the Template 016: Landing Page Creation Briefing (web version) and scroll down to the Functionality Checklist section.
Mark all the lines accordingly as “Done” or “Not Required”. Note: Usually all should be marked as “Done”, make sure you have a good reason to mark one as “Not Required”.
Facebook Pixel Tag: Mark as done if you have the Facebook pixel on your landing page.
Facebook Conversion Tracking: Mark as done if you have the Facebook conversion tracking on your landing page.
Google Analytics Tag: Mark as done if you have Google Analytics on your landing page.
Google Analytics Conversion Tracking: Mark as done if you have Google Analytics Conversion Tracking on your landing page.
Email Service Provider Integration: Mark as done if you have integrated your ESP.
Form Submission: If you have tested submitting the form on the landing page (both on desktop and mobile), and confirmed that the lead was correctly recorded, mark it as ‘Done’.
302 Redirect test: If you are running A/B tests, check if your tool is using redirects to send users to the different versions. If it is, check if 302 Redirects are being used instead of 301 Redirects. Note: you can check redirect types by following the “testing section” of SOP 051: How to Implement and verify a 301 Redirect on a WordPress website (web version).
Thank You Page Created: If you choose to send the users to a “Thank you” page once they have submitted the form, mark as ‘Done’.
Spell Checked: If you have run your landing page through a spell checker mark as ‘Done’.
Sharing Buttons: If you have shared your landing page on Facebook, Google+, Twitter, and LinkedIn and the title, the image, and the description look OK, mark it as ‘Done’.
Terms and Conditions: If you have the Terms and Conditions (or a link for those) on your landing page, mark as ‘Done’.
Privacy Policy: You can turn on GPDR compliance under ‘Scripts and GPDR’ on Instapage (If you have the Privacy Policy (or a link for it) on your landing page, mark as ‘Done’.)
Opt-in Checkbox: If legally required by the jurisdiction your business is subject to, you might need to have a Checkbox for users to agree with the Privacy Policy and/or Terms and Conditions before submitting the form.
Navigation removed: In almost all cases, removing the header navigation (or any other navigation elements/links) from your landing page will result in a better conversion rate.
Mobile Device Test: Perform the following test (ideally on both an Android and an iOS device)
Browser Compatibility Test: Perform the following test:
Speed Test: Perform the following test:
The document
27 pages
The file is locked
It comes with From Leads to Sales: Funnel Building 101, or
with the full library.