Create and customize pages

You can create website and landing pages for your site to build an online presence and drive your marketing efforts. You can customize page content and settings, as well as optimize pages for search engines, ensuring your content reaches the right audience. For example, landing pages are crucial for lead generation, interacting with forms to capture visitor information. 

Before you get started

Before you begin working with this feature, make sure to fully understand what steps should be taken ahead of time, as well as the limitations of the feature and potential consequences of using it. 

Understand requirements

• Verify that you have Write permission for the type of page you want to create. To publish pages, you'll also need the Publish permission. 

Understand limitations & considerations

• Verify that your domain is connected to HubSpot for publishing. If you're using HubSpot's free tools, your account includes a HubSpot-branded domain that's ready for publishing.
• Understand the different types of page template available: 
  
  • Theme templates support drag and drop editing features, unique theme modules, and customizable theme styling.
  • Custom templates are created in the design manager, either in the layout editor or using custom code. Drag and drop editing features are only available on custom templates with drag and drop areas. 

Create pages

You can create pages using templates from your active theme in the content editor. You can also change the theme for the page, edit the theme, or use other templates. 

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. In the upper right, click Create if you have existing pages. If you don't have existing pages, click Get Started.
   
   • If you have existing pages, you'll be directed to the Select a template page.
   • If you're creating pages for the first time, you'll be directed to the Choose a theme page before selecting a template. To select a theme, hover over a theme and click Set as active theme.
3. On the Select a template page, you can do the following:

1. • To change the theme, click the name of the theme below the Search field (e.g., Theme: Elevate).
     • On the Themes page, click Set as active theme on the theme card. 
     • You'll be directed back to the Select a template page.
   • To preview the theme, click the name of the theme below the Search field (e.g., Theme: Elevate).
     • On the Themes page, click Preview on the theme card.
     • On the preview, click the Template dropdown menu and select a template to view the theme.
     • When finished previewing the theme, click Set as active theme in the top right or click Back in the top left.

1. • To preview a template, click Preview template on the template card.
   • To use a template from your active theme, click Use on the template card.
   • To use a template that isn't part of a theme, click Other in the left side menu. 

5. In the content editor, the editing options available depend on the page's template type and modules used. Learn more about editing pages using theme templates, global content spanning multiple pages, drag and drop areas, and rich text or image modules. 

Customize page settings

Once you've edited your page content, you can customize page attributes like URL, meta description, and language. 

Customize basic page settings

You can customize page settings, including the internal page name, page title, page URL, and meta description. Accounts with Marketing Hub Professional or Enterprise subscriptions can associate the page with a campaign.

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. In the content editor, click Settings in the top right. 
4. In the dialog box, enter an internal name in the Internal page name field. This name won't be visible to visitors. 
5. In the Page title field, enter an external name for the page. This name will appear in the tab at the top of a visitor's web browser when the page loads. 
6. In the Page URL section, click the Domains dropdown menu and select the domain where your page will be hosted. Then enter a URL slug in the Content slug field. Learn more about editing a page's URL. 
7. In the Meta description field, enter a description of the page's content that'll be displayed in search results. To improve the description using AI, click the artificialIntelligenceIcon AI icon. Learn more about generating meta descriptions using AI. 
8. If you have a Marketing Hub Professional or Enterprise subscription, you can associate the page with a campaign:

1. • To associate your page with an existing campaign, click the Campaign dropdown menu and select a campaign.
   • To associate your page with a new campaign, click the Campaign dropdown menu and click Create campaign. Then, continue setting up your campaign. 

• • If you've never created a campaign before, click Create a campaign. Then, continue setting up your campaign. 

Set the featured image

To add a featured image to be included when the page is shared on social media:

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. Click the Settings menu and select Featured image. 
4. Toggle the Enabled featured image switch on.
5. Click Upload to select an image from your computer, or Browse images to select an image from the files tool. 
6. To increase accessibility, enter a description of your image in the Image alt text field. 

Change the page template

To change the page template:

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. Click the Settings menu and select Template.
4. To select a different template, click Use different template. If you're switching the template of a published page, make sure to click Update to take any unpublished changes live. Otherwise, these changes may be lost when you switch the template.
5. On the theme selection page, select a theme.
6. On the template selection page, select a template.
7. Preview how your page will look with the new template, then click Use template to finish switching the template or Back to select a different template. 

Set the page's language

To set the page's language:

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. Click the Settings menu and select Language.
4. Click the Page language dropdown menu and select a language. Learn more about managing multi-language pages. 

Set the page's visibility

You can set a page's visibility in the Audience access menu within the page settings.

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. Click the Settings  menu and select Audience Access.
4. In the dialog box, select an audience access option: 
   • Select Public to make the page's content available to any visitor.
   • Select Password required to add a required password for visitors to access the page content.
   • In a Content Hub Enterprise account, you can also select Access group membership required to require visitors to register with your site to view this content. 
   • In a Content Hub Enterprise account, you can select Single sign on (SSO) required to require visitors to sign in with an identity provider, such as Google or Okta. 

Set advanced page options

You can set advanced page options, like making the page a dynamic page, adding header html, or footer html code snippets. You can also manage the different stylesheets for the page.

To customize advanced page options:

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. Click the Settings menu and select Advanced.
4. To make this page a dynamic page, click the Data source dropdown menu in the dialog box and select a HubDB table or property. Learn more about working with dynamic pages. 
5. To add code snippets to the head or footer HTML of the page, click the Head HTML or Footer HTML field, then enter your code snippet. To add code snippets to all pages on a domain instead, access your website settings. 
6. To add a custom canonical URL, enter the URL in the Customize canonical URL field. Learn more about using canonical URLs.
7. To manage the different types of stylesheets attached to the page: 
   • Domain Stylesheets: these stylesheets are attached to all pages on a single domain in your website settings. To turn off domain stylesheets for a particular page, click the dropdown menu and select Disabled. Learn more about working with domain stylesheets.
   • Template Stylesheets: these stylesheets are set by the page's template. To turn off template stylesheets for a particular page, click the dropdown menu and select Disabled. This section won't appear for pages using theme templates. 
   • Page Stylesheets: these stylesheets will only apply to this page. To attach a page stylesheet, click the Attach a stylesheet dropdown menu and select a stylesheet. If domain and template stylesheets are also used, their styling will take precedence. 

Optimize pages for search engines

In the Optimize section of the sidebar editor, you can view a page's SEO recommendations or attach it to a topic. 

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. In the content editor, click the gauge Optimize icon in the left sidebar. 
4. To attach the content to a topic: 
   • To add an existing topic, click the Core Topic dropdown menu and select a topic for your page.
   • To create a new topic, click the Core Topic dropdown menu and select Add core topic. In the dialog box, enter the topic, then click Save
5. To attach the page to a subtopic keyword:
   • Select the Is this supporting content? checkbox.
   • Click the Subtopic keyword dropdown menu and select a subtopic keyword
   • To create a new keyword, click the Subtopic keyword dropdown menu and click Add subtopic keyword. In the dialog box, enter the subtopic keyword, then click Save. 

6. To view incomplete SEO recommendations, click a category with a red circle. Each completed recommendation will have a green checkmark. Each incomplete recommendation will have a grey checkmark. Learn more about working with SEO recommendations. 

Preview pages

Before publishing a page, you can preview it on different device types and test smart content and personalization. Preview links are designed to be shared internally with other users in your account; sharing them with external visitors is not recommended. 

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. In the content editor, click Preview in the top right. 
4. To access a full-page preview, click Open in new tab in the top right. To share this preview page with users in your account, click Copy link on the preview page. If the page is hosted on a HubSpot system domain, users must be logged into HubSpot to view this preview.
5. To preview the page on a different device, click a mobile device icon in the upper right of the preview page. 

6. To preview personalization or smart content, click the Preview as dropdown menu: 
   • Select Contact to preview the page's personalization. Then click the second dropdown menu and select a contact to preview how the page would appear for that contact. 
   • Select Smart rule to preview the page's smart content. Then click the second dropdown menu and select one or more smart rules to preview how the page would appear for a visitor matching those rules. 
   • To return to the page's default appearance, click Reset. 

Publish pages

Once you've customized your page's content and settings, you can publish your page or schedule it for future publication:

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
2. Click the name of your page. 
3. To publish the page immediately, click Publish in the top right.
4. To schedule a page for later publishing: 
   • In the top right, click the dropdown menu next to the Publish button, then select Scheduling options. 
   • In the dialog box, click Schedule publish. 

• • Click the date field and select the date when your page will be published. 
  • Click the time field and select the time when your page will be published. 

• • Click Schedule, Any changes you make to the page will be included in the scheduled publish.

5. To set your page to be unpublished automatically in the future:
   • In the top right, click the dropdown menu next to the Publish button, then select Scheduling options. 

• • In the dialog box, click the Schedule unpublish tab. 
  • Click Schedule unpublish. 
  • Click the date field and select the date when your page will be unpublished. 
  • Click the time field and select the time when your page will be unpublished. 
  • Click the When page is unpublished, redirect visitors to dropdown menu select a page. To use an external destination URL, click Enter an external URL and enter the URL, then click Save. 
  • Click Schedule.