CMS-Pages-Editor

Create and edit pages in HubSpot

Last updated: November 2, 2018

Applies to:

Marketing Hub
marketing-pro-enterprise
Professional, Enterprise
HubSpot CMS

In HubSpot's CMS, you can create landing pages and website pages. Website pages are the building blocks of your company's website and your advanced menus. Landing pages are typically used to create content offers to attract conversions on your forms

Before getting started with your new page, make sure you have all the assets you need. Create a template in your design manager tool, or find a template from the MarketplaceUpload your site assets to your file manager, and customize your settings with your company branding.

If you're looking for design inspiration, check out customer examples from the Academy and our Design Forum.

Create a new page

To create a new page from scratch:

main-nav-content-website-pages-2016.png

To edit an existing page:

Edit your page content

Once you're in the page editor, you can begin editing and optimizing your content.

To edit the content on your page:

  • Hover over a module and click the pencil icon edit to make changes to its content and styling. You can also click the module icon to open up a list of your page's modules to open up a list of your template's modules to edit them in the sidebar editor.
  • Click the module you want to edit.
  • Make your changes in the sidebar editor.
  • Click Apply to see your changes reflected on the page editor as you work.
  • Once you've finished making your edits, click Save and go to module list.

edit-modules

Rich text, header, and single line text modules can all be modified directly in the page editor. The rest of your module types can be edited in the slide-in module sidebar editor. If your template contains flexible columns, you can edit or rearrange your modules in the page editor or in the module sidebar.

Your modules will be styled by default based on the stylesheets applied to your page, but you can also apply some custom inline styles in the content editor.

To do this:

  • Hover over the module you'd like to style.
  • Click the paint brush icon at the top. A sidebar pane will appear with the styling options for that particular module. 

edit-styles

Edit your page settings

To edit your page settings, click the Settings tab at the top of the page editor to add some basic page information: 

  • Internal page name: this is the internal name for your page. This reflects the name you added when you first created the page, but you can edit it here. This is an internal name for your reference only, and your website visitors will not see this name.
  • Page title: this is the phrase that displays in the tab at the top of your web browser when the page loads.
  • Page URL: this is the URL for your page. It appears in the URL bar within the browser when visitors navigate to this page. You can edit your page URL even after it's been published.
  • Add page to a menu: this allows you to add the current website page you're working on to a new or existing advanced menu in your content settings. 
  • Meta description: this is the content that will appear in search results below the page title.
  • Campaign: use this dropdown menu to associate your page to a HubSpot campaign. You can select Add new to create a new campaign.
  • Featured image: toggle this switch on if you want a specific image to be featured when your page is shared on social media. Click Upload to select an image from your computer or Browse images to select an image from your file manager.

edit-settings

Advanced Options

Click Advanced Options to customized more settings for your page. Note that these settings are not required to publish your page.

  • Require a password to view the page: click the checkbox to add a required password for visitors to access your page content.
  • Expire page on a specific date: click the checkbox to schedule your page to expire and redirect on a specific date. 
  • Additional code snippets: here you can add code snippets in the Head HTML or Footer HTML fields. This is useful for adding raw HTML or tracking code to the <head> or <footer> tag of your page. 

HubSpot Help article screenshot

  • HubDB: if you use a HubDB table to manage a dynamic database, you can add it to your page here.
  • Template: see the template applied to your page. Click the template preview to edit your template, or click Select a different template to apply a new template to your page. 

template-settings.png

  • Stylesheets: manage which stylesheets are attached to your page. Use the dropdown menus to choose whether your default stylesheets should be enabled, disabled, or use the default settings. Click Attach a stylesheet and use the dropdown menu to add a new stylesheet to your page.

HubSpot Help article screenshot

  • Canonical URL: at the bottom of your advanced settings is a field to customize your page's canonical URL. This is useful if there is similar content on other pages of your site, and you want to tell search engines which page to rank higher in search results.

Optimize your page for SEO

Click on the bar graph icon on the sidebar navigation to open to the SEO optimizer. Here you can attach your page to one of your topics and review recommendations to improve your content.

seo-optimize-icon.png

Preview your page

Click the eye icon to see the preview options. From here you can update the following:

  • Device preview: click on one of the device type icons to see a preview of your page in the page editor on a specific device and orientation.
  • Smart preview: use the Preview page as specific contact dropdown menu to choose a contact from your contacts database. This will show you how the page content will render for that specific visitor, which can help you preview any personalization or smart content on your page.
  • Shareable preview: click Open in new window to see a live preview of your page in your browser. This preview link will work before your page is actually published. Click Copy to copy the link to your clipboard to share with your team.
HubSpot Help article screenshot

Publish or schedule your page

After you've added your content, optimized it for search engines, and reviewed the page preview, you're ready to publish your content. Click Publish or schedule, and choose to publish your page now or schedule to publish it at a future date. If you choose Schedule for later, make sure you update the scheduled date and time. Once you've made your selections, click Schedule or Publish

HubSpot Help article screenshot

Was this article helpful?

If you still need help you can get answers from the , or to contact support.