Find answers to common questions about page design, page publishing and page analytics. The best way to make a change to your HubSpot template or stylesheet is with the original template designer.
Please note: if you're using a template purchased from the Asset Marketplace, contact the template's designer for questions about the design of your page.
Please note: the best way to get help with design questions about your website is with the original designer of your page template.
If you're familiar with reading and writing HTML and CSS:
If you're not comfortable with reading and writing HTML and CSS:
Responsive content won't look identical on every device type. While all HubSpot drag and drop templates are responsive by default, there are a few reasons your content may not appear responsive. Learn how to preview your content on a mobile device.
The best way to create a hero image depends on the type of page template you're using.
Please note: if you're not comfortable editing code, you can get in touch with a designer with expertise in CMS development on the Partner Directory.
Menu items and links for your navigation menu are controlled in your navigation settings in your account settings. But your menu design is based on your page template. The colors, fonts, spacing, and general appearance of the menus are controlled by the styles applied to your page template.
The steps to center a CTA (Call-to-action) depend on the type of page template you're using.
To center a CTA in a starter template, a theme template, or a coded template with a drag and drop area, you can center a CTA module within the module's Alignment settings:
To center a CTA in a layout template created in the design manager, you'll get best results adding the CTA to a rich text module and centering it within the module.
If you're comfortable editing CSS, you can customize your layout template to always center the content in this module.
To edit your page's template, you can access the template within the Settings tab in the page editor.
Please note: if you're changing the template applied to an existing page, you'll only be able to select templates of the same type as the current template. If the page is using the drag and drop editor, you can only switch to a template that is enabled for drag and drop editing.
If you'd prefer to change the template being used for this page, click Use different template.
Rich text modules support access to the source code in most types of templates. To access the source code, click any rich text module to activate the editor toolbar. In the upper right, click Advanced > Source code. Make any edits, then click Save changes in the lower left.
Please note: it's not possible to access the source code in starter templates.
You can float an image in any rich text module with the alignment options for any image. First insert the image you want to be positioned on the page. Then click on the image in the content editor to open its formatting options.
Starter templates, theme templates, and coded templates with a drag and drop area include page sections with background style options. Learn how to edit the style applied to the background of a section.
For layout templates, the background color of an individual page can be changed by adding simple CSS to the head HTML of a website page or landing page.
<style>
body {
background-color: red;
}
</style>Please note: if you aren't familiar with editing CSS, reach out to your template's original designer or get advice on the CMS Development Forum.
You can review saved versions of your page using the page revisions tool. As you're working on the draft of a page, your changes will be saved every time you click the Save button in the upper right. After your page is published, any new published versions will also be saved in the revision history.
You can personalize your pages with any contact property or custom property. When you add a personalization token, be sure to also include a default value for any new visitors. In order for personalization tokens to show a value for a contact, the contact must have a contact record in your HubSpot account and have a known value for the property used as the token.
You can redirect visitors to gated content (e.g., a PDF file or video) after they submit your HubSpot form in two ways:
You can expire a page and redirect visitors to a new URL after your promotion is over or event date has passed. In the Settings tab of the page editor, click the When a page expires, redirect visitors to dropdown menu to select where this page should redirect after it expires. Select one of your published HubSpot pages, or click + Enter an external URL to redirect your HubSpot page to an external page.
HubSpot's pages and blog posts require a value in the Internal page name, Page title, and Page url fields before the Publish option will appear in the editing interface. Any content you publish must also have a unique URL.
If your page is missing any required fields, you'll see an alert with a list of required fields when you hover over the Publish button in the upper right.
Each individual landing page and website page can only be associated with one campaign in HubSpot. Adding assets or content that are already associated with another campaign to a new campaign will remove them from their current campaigns.
At this time there is no way to recover deleted HubSpot pages in the app. If you have accidentally deleted a HubSpot page that you need restored, contact Support.
Analytics and metrics on the page dashboard and your website analytics tools will update every 20-30 minutes.
The data will not disappear from the page dashboard if you change a page's URL. HubSpot uses a unique identification number for each of your pages to track their performance. This allows a page's URL to be changed without any disruption to your data.
Please note: unlike the landing page dashboard, the pages report considers pages unique based on URL. If you change a landing page's URL, pages will track views of the page at the new URL instead of the old URL.
To view a page's analytics for a specific time frame, navigate to your landing pages or website pages. Hover over your page, click the More dropdown menu, and select Details.
On the Performance tab, click the Date range dropdown menu to segment analytics for a custom date range.
The contact will only be reflected as a customer in the analytics for the first landing page they submitted. They will count towards the submissions on all five landing pages, but will only appear under New Contacts and Customers on the first landing page they completed.
If your IP address is filtered from analytics in your reports settings, your test views and submissions will not count towards the page's submission data.
There can be up to a 20-30 minute delay between when a contact submits on a form and when that submission appears on that page's analytics. To see the most up-to-date submissions on a form, navigate to your forms dashboard. In your HubSpot account, navigate to Marketing > Lead Capture > Forms. Hover over the form on your landing page and click the Actions dropdown menu, then select View submissions.
Every form submission will count towards the submissions total in your page performance. If the same contact submits the form on your landing page more than once, each of these submissions will be counted.