Table of Contents

Step 1

Start by Cloning an Existing Landing Page

To create Landing page Go To Landing Page Dashboard.


Clone Page

Clone this page for Cognito Form standalone open form page 

Clone this page for Workshop landing page having HubSpot lead form in popup using CTA 1 Module. 

Clone this page for Registration Page

Clone this page for Augusta Rule Opt-In - Email Only LP 

Clone this page Intake Form Page - LP


Page Cloning

Page Cloning - example - Intake Form Example
to clone page - click on More dropdown, under that you will see Clone. 

or hover over page name in LP dashboard there is option for clone.
add meta description, page title url from page setting tab in editor top right  

Step 2

Configure the Lead Capture Form for the Needs of This Page

Search for a module to implement on the page. See the sub-sections below for an overview of key details you need to know based on the type of lead capture form you're looking to use for this particular landing page.


Cognito Open Form

Adaptable Qualification Form with the Option to Choose Between Cognito Form or HubSpot Form

For a standalone open form, this will be used only once on the page.

image-png-Oct-28-2024-05-40-41-5387-PM

You can update Cognito Form Source in module editor


Apply Popup

Go to the Style tab.

toggle the apply popup checkbox to display the form as a popup.

If the popup is applied and the module is used multiple times on the same page, it is essential to ensure the Enable Cognito Embed Form checkbox is checked to render the form once per page.


Quick Links

Coded Module Link

Coded Conditional Logic File

LP Open Form Page link Preview   


Module Info

You can update Cognito Form Source in module.

Popup Button text can be change in editor. to enable this enable popup from style tab.

To update Qualification Form Page Dropdown List, You can update it here [ Field Property Editor].

Pre-Fill the form type to indicate the appropriate type of Lead Magnet (e.g. "Wealth Waste Calculator" vs. "Augusta Rule" vs. "Online Course", etc.) .


Add Unique Values

if this is already listed in hubdb Table, that's fine else add unique values in table. https://app.hubspot.com/hubdb/44790500/table/95440164

 

screenshot-app_hubspot_com-2024_10_27-00_52_25

Dropdown internal name == Table Column 'Name' == table 'Page url'.

Shown field will remain hidden in page, just to showcase the output in page.

screenshot-app_hubspot_com-2024_10_27-01_35_46

Form Submission List

 

For instance, when we are on the /course page, the dropdown will automatically populate with the name, and this selection will be stored in a hidden field within the form. Consequently, the specified name will appear in the CRM; in this scenario, 'Online Course' will be displayed in the CRM.

Thank You Pages are handled via Cognito Form Submission, eliminating the need for a thank you page link in the HubSpot page editor module.

 


Native HubSpot Form in Waste Calculator Module

This form can be displayed in two formats: as a standalone open form or as a popup activated by a button.

Open Form

To activate the HubSpot form in the Waste Calculator, check the 'Apply HS Form' option in the module editor.

to update thank you pages, change url or text in module editor

Popup Form

 

By choosing the popup option in the style tab, we can transform this form into a popup. Once selected, additional options such as button text and button color will appear within the module. Apply the relevant conditions as needed.

Step 3

Configure Thank-You Page Re-Direct Logic

Modify the CTA 1 Module, as necessary, to ensure the lead is directed to the appropriate thank-you page based on the data entered upon submission of the form.

 Module Link


Thank you pages

When multiple modules are present on the same page, it is essential to select the checkbox for the first module.

Conditional Thank you pages

Selecting this option will generate form code that includes multiple thank you pages, determined by JavaScript form conditions. File


Update TYP URL's

You can update thank you page url's in page editor.

if Embed Coded checkbox checked then link below selection MQL / Page / Payment will be act as a Thank you page supplier to form embed code.

Select Button type as Popup Form to display as Popup. we have 3 options there. one is for hyperlink button with page link, popup form and CTA. Select as per requirement.

LP Page Popup Form Design

 

Button type

Step 4

Configure the CTA Button for Follow-Up Email Campaigns

Modify the Email - UTM Button module so that we have a CTA button we can include in follow-up email campaigns that aligns with the logic of this lead magnet. 


Module Info

Module Name - Email UTM Button | Promo Button

  • select and place in Email Editor.
  • all UTM parameter are attached with button. 

course?utm_campaign=Call &utm_source=Vip_Referrals &utm_medium=Referral &email=developer@xyz.com &firstname=Developer &lastname=xyz &phone=112233112233 &lifecycle=Disqualified &record_id=34X9XX22X81

[ in first place after page slug '?' and afterward to join more param '&' will be there]

Navigate to Button Styling to see various styling for button. change according to need.

change color and all settings related to style.

You can add multiple buttons in a row.

added link for promo table in module. you can navigate there as well if needed.

Step 5

Configure Conditional Display Logic, Where Relevant.

For certain landing pages, we like to display conditional language based on UTM parameters that sets the context for the user based on said parameters.

Where relevant, we need to configure the UTM Combination and Table, accordingly.


Parameter Functionality

this is not a module but a condition which will show content and make button functionality according to utm combination. 

Promo link format. you can add or remove each param separately. PageLink?QueryString

Link With UTM Params

?utm_campaign=Call &utm_source=Vip_Referrals &utm_medium=Referral &lifecycle=prequal

Update Page Name Mapping Table -- Update Promo Offer Table link

 

Demo page

Step 6

Configure the Registration Thank You Page Form, Where Relevant

Powered by CognitoForms, the form embed on registration pages is pretty straightforward. But, if we want to pre-fill values based on information submitted in the previous page, there's some configuration to do there.


Module Info

 

Cognito Register Form > Module Link

either retain the prefilled values or input new values using the Cognito embed form.

You can clone this page for easy setup 

Step 7

Publish & Test The Final Page


Options

Save

Page will auto save on each entry / update / change. else you can also save from top right save / autosave link. 

Publish

when all set/approved for page, publish from top right corner publish.


Browser Icon

if you are on any page, and you are in logged in mode, there will be a icon in browser top right corner, click on this and make a selection, this will redirect you to the related section.