Smart Spots: 10 Steps for Setting Up Landing Pages in HubSpot
Watch this week's Smart Spot for a step-by-step guide on setting up a landing page in HubSpot, and read on for the play-by-play with some additional tips.
We’ve all been there. You have a new offer you want to promote right away and need to gate it behind a form in order to generate leads. You quickly clone an existing landing page, change the text and then you’re done, right? Not quite. It may look fine on the front end, but there are a few crucial steps that can be easy to miss. While setting up a landing page in HubSpot is a pretty simple task, there is a process you should follow to ensure it’s fully optimized for the user and search engines alike.
Depending on your template, your process may vary slightly, but this guide covers all of the basics.
Step 1: Clone a Relevant Landing Page
In the landing page manager, find an existing landing page with a similar offer. Hover over it and click “clone.”
Step 2: Name the New Page
A pop up box will appear, name your new page.
When choosing the page name, remember it’s for internal purposes only, so be sure to use copy that everyone in your company and/or agency will understand and be able to search for easily. Consider adding in the offer format, such as eBook, webinar or infographic, if you have similar offers in multiple formats.
Step 3: Open the Module List
Hover over to the left side of the screen; click the cube icon to open the module list.
Working from the list on the left hand side, rather than in the modules on the right, can help ensure you won’t miss anything.
Step 4: Replace the Header Text
Click the header module and replace the text.
Click “save and go to module list” when you're done. This goes for every module here on out.
Step 5: Replace the Body Copy
Click the rich text module and swap out the copy.
If you’re copying and pasting from a word doc, you may need to adjust formatting since it won’t always carry over. Don’t sweat - HubSpot makes it a breeze to change colors, sizes and fonts directly in the text editor toolbar.
Step 6: Replace the Images
IN A TEXT MODULE:
Delete the current image, and click “Insert image” in the text editor toolbar.
Set the alignment. Most likely you will either want to center the image or float it to the right. Add spacing to give it some “breathing room” from the text.
IN AN IMAGE MODULE:
Click the image itself or the “Replace” text above it to add the new image.
Don’t forget to change your background images! This will help the page stand out among your other offers. In some of our templates we also have separate background image modules specifically for mobile, if yours does as well, be sure to swap it out too.
Whether you’re working in a text or an image module, you can either upload your file at the page level or select an existing graphic from the file manager. If you upload them at the page level, be sure to browse for the proper folder to keep everything organized.
Last tip – try to keep your images under 100kb where possible to ensure speedy page load.
Step 7: Add Alt Tags
Add alt tags to all of your images. In a text module, click the image and a pop-up box will appear, add it to the alt text field.
By default, HubSpot will use the file name for alt tags, but to get full SEO value, use text that accurately describes the image and offer at hand. This is the step that is most often forgotten.
Step 8: Edit the Form
Click the form module. If necessary, replace the form and form title.
Link the thank you page you'd like to display after form submission.
Lastly, if not already pre-determined at the form level, enter the email addresses for team members who should receive notification if a user submits the form.
Be sure to test the URL for the thank you page to make sure it’s correct. You don’t want it going to a blog post or page with a similar name.
Step 9: Adjust the Title, URL, Meta Description and Featured Image
Click “Settings” at the top of the screen to change the page title, URL, meta description and featured image for social media.
This is another commonly overlooked step, but it’s critical for both SEO and user experience. If you don’t change the URL, it will show the URL of the cloned page with a -0 at the end..not very indicative of what your new page is about. Your URL should contain the name of your new offer separated by a dash between each word. If you don't use dashes, search engines won't be able to read the URL accurately.
Step 10: PublishAt the top of the screen, to the right of “Settings,” click “Publish or Schedule” and either schedule or publish!
Congrats, you did it! Not so bad, right? Looking for more in-depth guidance on landing pages and other aspects of the HubSpot software? Learn about our HubSpot Training Program.