Lesson 3 | Creating a landing page

Here you'll learn how to create and build your landing page.


Creating your landing page

Navigate to the top right and click on Create Landing Page. This will take you to the template library. From here, you can select a template that you will use for your page. 

You can select a template that you want to use. The type of templates are outlined on the left hand side of the screen. You can choose from templates you have purchased, or the free templates within HubSpot. 

If you want to purchase a template, navigate to the marketplace tab and select a template that is suitable for you.

Be sure to select a template that has a form module. 

Enter a name for the landing page you're creating, ensuring that you use an agreed upon naming convention. This name will be internal for organisational purposes; only other users in your account will be able to see it. The internal page name will be stored in the Internal Page Name field under the page's Settings tab. 

After you enter the page’s name, click Create Page to start adding your content, such as offer text, images, and form to your page. 

You can add and edit modules by using the interface in the left of the screen. You can select the cube shaped icon to edit modules to your template. You can add in modules from this screen, or you can select the plus sign icon and add from there. To add in content to your module, hover over the area of the module that you want to edit. This will then highlight in blue and open up a small interface in the top left of the highlighted window. 

If you want to change the layout of the page, then select the button with the window icon. This will allow you to drag and drop the modules into a position that suits you. 

The next icon in this interface, which looks like a circle with two squares orbiting it, is the smart content button. By selecting this button, you can implement smart content which will show different content based on rules and criteria you select. By adding a smart rule to your content, you can create multiple versions of it for different audiences based on either their list membership or their lifecycle stage. To do this, click on the button and then select the criteria that you will use to implement your rule. This will then open up an interface on the left, where you will be able to edit the content and style the module for your smart content. 

In the Content section of the page editor, click on your form to customise the form content. The Form Title section lets you add a title that will display immediately above the form on the finished landing page. This copy should reinforce the idea that completing the form will give your reader access to the content or offer. You can select an existing form or create a new form. To create a new form, click Add New. Design your forms to capture the information that you need in order to follow up with and qualify the lead. After a visitor completes your form, you can redirect the landing page to a thank you page or display an inline thank you message. We recommend you redirect your visitor to a thank you page, so you can provide them with a follow-up offer, make it easy for them to share the original offers, and give them additional options for navigation. You can send any follow ups directly from a form, but we recommend that you only use the completion as a trigger for a workflow, as this will give you more control over the overall process.

Each template will have slightly different content areas for you to edit. As you enter your text, images, and HTML, you'll see the preview of the page automatically update. Be sure to continually preview you page using the eye icon on the left hand side of the page to view what it looks like across devices.

On the left-hand side, you will also see an icon that looks like an increasing graph - select this to see a list of actions you should do to optimise your page - we recommend that you follow this to ensure basic SEO practices are followed and your page is not too slow.