Marketing
      Back to home
      1. Documentation
      2. Hubspot
      3. Marketing

      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:

      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.