Creating and Editing Landing Pages
Learn how to create and edit landing pages in Hubspot, including the different features in the drag-and-drop builder.
A Step-by-Step Guide to Creating and Editing Landing Pages in HubSpot
Introduction:
HubSpot landing pages are essential for capturing leads and driving conversions. This guide will walk you through the process of creating and editing landing pages, including a detailed overview of the page editor.
1. Finding the Landing Pages Tool:
- Login: Log into your HubSpot account using your credentials.
- Navigation: In the left-hand sidebar, navigate to "Marketing" and then select "Landing Pages." This will take you to the landing pages dashboard.
2. Creating a New Landing Page:
- "Create Landing Page" Button: Click the "Create landing page" button in the top right corner.
- Template Selection: Select a template from HubSpot's library or start with a blank template.
- Page Editor: You will now be in the page editor, where you can customize your landing page.
3. Overview of the Landing Page Editor:
- Drag-and-Drop Interface: The page editor uses a drag-and-drop interface, allowing you to easily add and arrange elements.
- Content Modules: The left-hand sidebar contains various content modules, such as text, images, forms, videos, and buttons. Drag these modules into your landing page to add content.
- Sections and Columns: Organize your content using sections and columns to create a structured layout.
- Design Options: The right-hand sidebar provides design options for each module, allowing you to customize fonts, colors, spacing, and more.
- Settings Tab: The settings tab lets you configure page title, URL, meta description, featured image, and other SEO settings.
- Personalization: Use personalization tokens to insert contact properties into your landing page, such as first name or company name.
- Preview and Test: Use the preview and test options to see how your landing page will look on different devices and to test form submissions.
- SEO Optimization: Use the SEO optimization tools to improve your landing page's search engine ranking.
- Mobile Responsiveness: Make sure the landing page looks good on mobile devices.
4. Editing an Existing Landing Page:
- Finding the Landing Page: Locate the landing page you want to edit on the landing pages dashboard. You can use the search bar to find it quickly.
- Opening the Landing Page: Click on the name of the landing page to open it in the page editor.
- Making Changes: Use the drag-and-drop interface and design options to make your desired changes.
- Saving Changes: Click the "Update" button to save your changes.
5. Important Notes:
- Clear Call to Action: Ensure your landing page has a clear and compelling call to action.
- Mobile Optimization: Always optimize your landing pages for mobile devices.
- A/B Testing: Use A/B testing to experiment with different landing page designs and content.
- SEO Best Practices: Follow SEO best practices to improve your landing page's visibility.
6. Additional Help:
- HubSpot's help resources are available for further assistance. Use the help search bar to find answers to specific questions.
- You can also search for 'landing pages' in the Hubspot Academy to access video tutorials and guides - https://app.hubspot.com/academy/23487903/results?search=landing%20pages
7. Growth Opportunities:
- Advanced Personalization: Explore advanced personalization techniques, such as using smart content and dynamic content.
- Landing Page Analytics: Learn how to analyze landing page performance to identify areas for improvement.
- Integration with Workflows: Investigate how to integrate landing pages with workflows to automate lead nurturing and follow-up processes.