Create and customize pages (2024)

Last updated: May 23, 2024

In HubSpot, you can create website and landing pages for your website. You can customize page content and settings, as well as optimize pages for search engines.

Before you get started

  • Verify that you have the Writepermission for the type of page you want to create. To publish pages, you will also need the Publish permission.
  • Make sure that your page 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 in HubSpot:
    • 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
  • 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.
  • In the upper right, click theCreatedropdown menu and selectWebsite pageorLanding page.
  • In the dialog box, specify a name and domain for the page:
    • Click the Websitedropdown menu and select a domainfor the page's URL. If you don't have any connected domains, your account's default system domain will be the only option.
    • In thePage Name field, enter aninternal namefor the page.
    • ClickCreate page.

Create and customize pages (1)

  • On the template selection screen, templates from your active theme will appear at the top of the page, while all other templates will be in the Other templates section at the bottom. If you haven’t selected an active theme, hover over a theme and click Set as active theme.
  • Hover over a template and clickPreview templateto open a preview orSelect template to proceed to the content editor.

Create and customize pages (2)

  • 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

  • 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.
  • Click thenameof your page.
  • Click the Settings menu and select General.
  • In the dialog box, enter an internal name in the Internal page name field. This name will not be visible to visitors.
  • 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.
  • In thePage URLsection, click theDomainsdropdown menu and select the domainwhere your page will be hosted. Then enter a URL slugin theContent slugfield. Learn more about editing a page's URL.
  • In the Meta description field, enter a description of the page's content that will appear in search results below the page title.
  • If you have a Marketing Hub Professional or Enterprise subscription, you can associate the page with a campaign:
    • 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.

Create and customize pages (3)

Set the featured image

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

  • 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.
  • Click thenameof your page.
  • Click the Settings menu and select Featured image.
  • In the dialog box, click to toggle the Enabled featured image switch on.
  • Click Upload to select an image from your computer, or Browse images to select an image from the files tool.
  • To increase accessibility, enter a description of your image in theImage alt textfield.

Change the page template

  • 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.
  • Click thenameof your page.
  • Click the Settings menu and select Template.
  • In the dialog box, to select a different template, click Use different template. If you are switching the template of a published page, make sure to click Updateto take any unpublished changes live. Otherwise, these changes may be lost when you switch the template.
  • On the theme selection screen, select a theme.
  • On the template selection screen, select a template.
  • 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 language

  • 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.
  • Click thenameof your page.
  • Click the Settings menu and select Language.
  • In the dialog box, click the Page languagedropdown menu and select alanguage. Learn more about managing multi-language pages.

Set page visibility

  • 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.
  • Click thenameof your page.
  • Click the Settings menu and select Audience Access.
  • In the dialog box, select an audience accessoption:
    • Select Public to make the page's content available to any visitor.
    • Select Private - Password required to add a required password for visitors to access the page content.
    • In a Content Hub Enterprise account, you can also select Private - Registration required to require visitors to register with your site to view this content.
    • In a Content Hub Enterpriseaccount, you can selectPrivate - Single sign on (SSO) requiredto require visitors to sign in with an identity provider, such as Google or Okta.

Set advanced page options

  • 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.
  • Click thenameof your page.
  • Click the Settings menu and select Advanced.
  • 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.
  • To add code snippets to the head or footer HTML of the page, click the Head HTMLorFooter HTMLfield, then enter yourcode snippet. To add code snippets to all pages on a domain instead, access your website settings.
  • To add a custom canonical URL, enter theURLin theCustomize canonical URLfield. Learn more aboutusing canonical URLs.
  • 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 menuand selectDisabled. Learn more aboutworking with domain stylesheets.
    • Template Stylesheets:these stylesheets are set by the page's template. To turn off template stylesheets for a particular page, click thedropdown menuand selectDisabled. This section won't appear for pages usingtheme templates.
    • Page Stylesheets: these stylesheets will only apply to this page. To attach a page stylesheet, click theAttach a stylesheet dropdown menu and select astylesheet. If domain and template stylesheets are also used, their styling will take precedence.

Publish pages

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

  • 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.
  • Click thenameof your page.
  • To publish the page immediately, click Publish in the top right.
  • To schedule a page for later publishing:
    • In the top right, click the dropdown menu next to the Publishbutton, then selectPublishing options.
    • In the dialog box, select theSchedule publish for latercheckbox.
    • Click thedatefield and select the datewhen your page will be published.
    • Click the timedropdown menu and select thetimewhen your page will be published.
    • ClickSchedule, or clickSchedule and continue editing to schedule the page's publication and return to the content editor.

Create and customize pages (4)

  • To set your page to be unpublished automatically in the future:
    • In the top right, click the dropdown menu next to the Publishbutton, then selectPublishing options.
    • In the dialog box, click theSchedule unpublish tab.
    • Select theSchedule unpublishcheckbox.
    • Click thedatefield and select the datewhen your page will be unpublished.
    • Click the timedropdown menu and select thetimewhen your page will be unpublished.
    • Click theWhen page is unpublished, redirect visitors to dropdown menu select a page. To use an external destination URL, click the dropdown menu and selectEnter an external URL.In the dialog box, enter theURL, then clickSave.
    • ClickUpdate now.

Create and customize pages (5)

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.

  • 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.
  • Click thenameof your page.
  • In the content editor, click the gauge Optimizeicon in the left sidebar.
  • To attach the content to a topic:
    • To add an existing topic, click the Topicdropdown menu and select atopicfor your page.
    • To create a new topic, click the Topic dropdown menu and selectAdd core topic. In the dialog box, enter the topic, then clickSave
  • To attach the page to a subtopic keyword:
    • Select the Is this supporting content? checkbox.
    • Click the Subtopic keyworddropdown menu and select asubtopickeyword
    • To create a new keyword, click the Subtopic keyword dropdown menu andclick Add subtopic keyword. In the dialog box, enter thesubtopic keyword, then clickSave.

Create and customize pages (6)

  • To view incomplete SEO recommendations, click acategorywith 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.
Create and customize pages (7)

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.

  • 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.
  • Click thenameof your page.
  • In the content editor, clickPreviewin the top right.
  • To access a full page preview, clickOpen 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.
  • To preview the page on a different device, click a mobiledevice iconin the upper right of the preview page.

Create and customize pages (8)

  • To preview personalization or smart content, click thePreview asdropdown menu:
    • Select Contactto preview the page's personalization. Then click the second dropdown menuand select acontactto preview how the page would appear for that contact.
    • SelectSmart ruleto preview the page's smart content. Then click the second dropdown menuand selectone or moresmart rulesto preview how the page would appear for a visitor matching those rules.
    • To return to the page's default appearance, clickReset.

Create and customize pages (9)

Create and customize pages (2024)
Top Articles
Latest Posts
Article information

Author: Barbera Armstrong

Last Updated:

Views: 6321

Rating: 4.9 / 5 (59 voted)

Reviews: 82% of readers found this page helpful

Author information

Name: Barbera Armstrong

Birthday: 1992-09-12

Address: Suite 993 99852 Daugherty Causeway, Ritchiehaven, VT 49630

Phone: +5026838435397

Job: National Engineer

Hobby: Listening to music, Board games, Photography, Ice skating, LARPing, Kite flying, Rugby

Introduction: My name is Barbera Armstrong, I am a lovely, delightful, cooperative, funny, enchanting, vivacious, tender person who loves writing and wants to share my knowledge and understanding with you.