Create and customize pages

• • Starter templates include drag and drop editing features and options to customize fonts, colors, and button styles. 
  • 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. 
• Understand the number of landing and website pages you can create and which templates they can use. This is determined by your Marketing Hub and CMS Hub subscriptions: 

Create pages

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
• In the upper right, click the Create dropdown menu and select Website page or Landing page.
• In the dialog box, specify a name and domain for the page:  
  • Click the Website dropdown menu and select a domain for the page's URL. If you don't have any connected domains, your account's default domain will be the only option.
  • In the Page Name field, enter an internal name for the page. 
  • Click Create page. 

• 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 click Preview template to open a preview or Select template to proceed to the content editor. 

• In the content editor, the editing options available depend on the page's template type and modules used. Learn more about editing pages using starter or theme templates, global content spanning multiple pages, drag and drop areas, and rich text or image modules. 
• To customize the page settings, click the Settings tab at the top of the content editor, then edit the settings: 

• • To change the page's internal name, enter a 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. 
  • To set the page's language, click the Page language dropdown menu and select a language. Learn more about managing multi-language pages. 
  • In the Page URL section, click the Content slug field to automatically turn the page title into a URL slug. To customize the URL, enter a new URL slug in the Content slug field. 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. 
  • To associate the page with a campaign in HubSpot, click the Campaign dropdown menu and select a campaign. To create a new campaign instead, select Add new. Learn more about working with campaigns in HubSpot. 
  • To add a featured image to be included when the page is shared on social media, click to toggle the 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 customize more advanced settings like the page template, visibility, and head HTML, click to expand the Advanced options section. Learn more about customizing advanced options. 
• To attach a topic or subtopic keyword to your page and view SEO recommendations, click the Optimize tab. Learn more about optimizing your pages for search engines. 
• Once you’ve customized your page’s content and settings, click the Publishing options tab, then set your publishing options:
  • To publish the page now, select the Publish now option. 
  • To publish your page in the future, select the Schedule for later option. In the fields that appear, select a date and time to publish your page.
  • To set your page to be unpublished automatically in the future, select the Unpublish page on a specific date checkbox. In the fields that appear, set a date and time to unpublish the page, then use the dropdown menu to select a page where this page should redirect.
  • Before you take your page live, you can preview it by clicking Preview in the top right. Learn more about previewing pages. 

• When you’re ready to take your page live or schedule publishing, click Publish or Schedule in the top right.

Optimize pages for search engines

On the Optimize tab of the content 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 Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
• Hover over the page and click Edit. 
• In the content editor, click the Optimize tab. 
• If the page is attached to a topic or subtopic, they will appear in the sidebar editor. Learn how to attach a page to a topic or subtopic.  

• To view incomplete SEO recommendations, click a category with a red circle in the sidebar editor. Each completed recommendation will have a green checkmark. Each incomplete recommendation will have a grey checkmark. Learn more about SEO recommendations. 

Customize advanced page options

In the Advanced options section of the Settings tab, you can customize more advanced settings like the page template,  code snippets, and stylesheets.

Please note: advanced settings are not available for pages using starter templates. 

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
• Hover over the page and click Edit. 
• In the content editor, click the Settings tab, then click Advanced options. 
• To change the visibility of the page, select an option in the Control audience access for page section: 
  • 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 CMS Hub Enterprise account, you can also select Private - Registration required to require visitors to register with your site to view this content. 
• To add code snippets to the head or footer HTML of this 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. 

• To make this page a dynamic page, click the Data source dropdown menu and select a HubDB table or property. Learn more about working with dynamic pages. 
• In the Template section, you can edit the template this page is using or select a different template for the page: 
  • To select a different template, click Use different template. If you are 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.
  • 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. 

• In the Stylesheets section, you can manage the stylesheets attached to the page. Learn more about working with stylesheets in HubSpot. 
  • Domain Stylesheets: in your website settings, you can add stylesheet that will be attached to all pages on a single domain. By default, domain stylesheets will be applied to a page. 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: any stylesheets applied to the page's template will appear here. By default, template stylesheets will be applied to a page. 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: click Attach a stylesheet. If domain and template stylesheets are also used, their styling will take precedence. 

• To add a custom canonical URL, enter the URL in the Customize canonical URL field. Learn more about using canonical URLs. 

Preview pages

Before publishing a page, you can preview it on different device types and test smart content and personalization. Learn more about customizing a page's appearance for mobile devices. 

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
• Hover over the page and click Edit. 
• In the content editor, click Preview in the top right. 
• To access a full page preview, click Open in new window in the top right. To share this preview page with other users in your HubSpot account, click Copy shareable link on the preview page. Users must be logged into HubSpot to view this preview.
• To preview the page on a different device, click a mobile device icon in the upper right of the preview page.  

• 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.