The following Quick Answers are a collection of FAQs regarding the HubSpot Classic CMS. If your site is still hosted on the Classic CMS, you can have your website moved to HubSpot's COS for free. Learn more here!
Classic CMS Blog Quick Answers
- Can I change who the Blog Notification Email is sent from?
- Can I choose where my read more tag goes in my blog post?
- Can I create more than one mailing list if I have two CMS Blog Pages?
- Can I directly respond to a particular comment?
- Can I edit the blog subscriber email?
- Can I have multiple blogs on my HubSpot CMS platform?
- Can I remove blog subscribers from my subscriber list?
- How can I change a blog post's author?
- How can I create categories for my blog posts?
- How can I delete a draft post?
- How can I manage blog comment moderation?
- How can I remove a blog module that I added to my CMS page?
- How do I add email subscribers to my blog notification email list?
- How do I add social sharing options to my CMS blog?
- How do I approve a comment?
- How do I change the wording of a blog tag?
- How do I change how much of my blog post is previewed?
- How do I create a new blog article?
- How do I delete a CMS blog module?
- How do I edit the size of my post titles?
- How to create and set up a blog on the HubSpot Classic CMS?
- Where do I edit my CAN-SPAM information for my CMS Blog Subscription emails?
- Why didn't my scheduled blog posts go out?
- Why is my blog in Central time?
- Why is my blog link going to a blog saying "coming soon" when I have written posts?
- Why is my blog not showing up when I click blog in the HubSpot menu?
- Why is there so much space after the end of my blog post and the read more link?
Classic CMS Landing Pages Quick Answers
- Can I change the styling of just one landing page?
- How can I change the design of my HubSpot pages?
- How can I embed a non-HubSpot form on a CMS page?
- How can I get rid of my footer on my landing page?
- How do I redirect a Classic Landing Page to the COS version of the page?
- How do I find my old landing pages from COS?
- Why is my CMS landing page not showing up on the landing page dashboard?
- Why is the data for my landing page on the Dashboard different than the data on my Landing Page Dashboard?
Classic CMS Settings Quick Answers
- How do I change the font size on all of my HubSpot CMS site pages?
- How do I change the link that my logo goes to?
- How do I enable the default mobile optimization on HubSpot's CMS pages?
- I accidentally deleted a module from CMS my page, can HubSpot restore it?
- What does the HubSpot's Classic CMS mobile optimization option include?
- Where should I make minor edits to my existing CMS custom.css file?
- Why am I prompted to log in to my website?
- Why are my CMS URL mappings not working?
Classic CMS Site Pages Quick Answers
- Are Classic CMS module titles h1 tags?
- Can I hide my CMS pages from public view?
- How can change the layout of my CMS website?
- How can I change the menu order on my CMS pages?
- How can I edit the alt text of my CMS logo?
- How can I edit the footer for all of my CMS pages?
- How can I edit the meta description of my CMS page?
- How can I hide the courtesy links on my CMS pages?
- How can I recover content on my CMS page that was deleted?
- How can I redirect a page in my Page Manager?
- How do I add an image to my page?
- How do I change my menu navigation links for the Classic CMS?
- How do I change the logo on my CMS pages?
- How do I edit modules on my page?
- How do I float an image in my content?
- How do I insert a link into a content module on the CMS?
- How do I rearrange modules on my CMS website pages?
- How do I set Global Modules for my CMS pages?
- How to add a form to your CMS pages?
- How to create a bulleted list on the CMS
- How to create a linked image on the CMS
- How to edit your page properties on the Classic CMS?
- Is there an image slider available for CMS pages?
- What are the different types of content modules on the Classic CMS?
Classic CMS Forms Quick Answers
- Entering email addresses to be notified when a classic form is submitted or when a classic CMS page is involved
Classic CMS Blog Quick Answers
Can I change who the Blog Notification Email is sent from?
- Go to Blog > Options
- Scroll to the Blog Subscribers Notification Area
- Enter in the From Email Address Box the desired email
- In the classic blog, there is not a way to change the From Name for the notification email
Can I choose where my read more tag goes in my blog post?
By default HubSpot determines the location of your Read More tag after the first paragraph (or </p> tag in the HTML) in the blog post. This default setting is controlled from your CMS Blog Options, which you can find by navigating to Content > Blog > Options. Under the Read More section, you will find the Active option - When checked off, the Read More tag is placed after the first paragraph (or </p> tag in the HTML of a post).
If you want to create a custom location for this tag, please navigate to Content > Blog, and locate the blog post in question. Once you have located it, click on Edit Post. Within the editor, click on the HTML button in order to review and edit the HTML of the blog post. In the HTML, you can add <!--more--> tag (i.e. Read More HTML tag) where you want the Read More tag to appear.
Can I create more than one mailing list if I have two CMS Blog Pages?
To create separate mailing lists for separate CMS Blogs you will need to contact HubSpot's Support Team for assistance creating the initial lists in your Blog index. Once the lists have been created you'll need to connect the lists to your individual blogs as follows:
- Navigate to the blog you want associated with this mailing list and select Options at the top of the blog.
- Find the section labeled Blog Subscriber Notification.
- Where it says Select Mailing List provide the name of the mailing list you just created.
- Click Update at the bottom of the page.
- Now navigate to your Subscribe by Email module on that same blog page.
- Select Edit > Select Mailing List: choose the same mailing list that was selected in the previous two steps.
- Click Save.
Can I directly respond to a particular comment?
HubSpot's CMS system does not support the use of threaded comments at this time. This feature will be available to you once your account has been successfully migrated over to HubSpot's COS blogging platform.
Can I edit the blog subscriber email?
For the CMS Blog's subscriber notification email, there are limitations as to what can be edited.
Please navigate to your blog page, specifically the Options link at the top of your blog.
Clicking on this link reveals a few options you have.
- You can slightly customize the subject line
- You can choose which email address the emails come from
- You can choose whether you show the whole blog post or just the title
When finished, scroll to the bottom of the page and click on the Update button.
Can I have multiple blogs on my HubSpot CMS platform?
Yes. To create a new blog in the Classic CMS:
- Navigate to Content > Page Manager > click on Add New Page.
- In the content of the new page, click on the Add Module button (within the main content area of the page).
- Follow by going to the Blog tab, and finally click on the Blog module to add it to your new page.
Can I remove blog subscribers from my subscriber list?
- Navigate to Content > Content Settings > Blog Email Settings
- Click View/Edit for the mailing list
- Find the email address by pressing CTRL + F on your keyboard and searching for it
- Delete it
- Click Save Mailing List
- Note: Please note that you may only remove subscribers from your CMS blog notifications list, but not add them
How can I change a blog post's author?
- Navigate to Content > Blog
- Click Edit on a post in the listings page
- Click the Advanced Tab
- Select your desired author from the author drop down list
- Save the post
How can I create categories for my blog posts?
HubSpot blog posts can be categorized by adding tags. To add tags take the following steps:
- While in the blog tool click "edit post"
- Type in word(s) under the "tags" section below the post using words that are relevant to your article content
- Click save at the bottom of the screen
You will see the tag below the post to which you added it. Groups of articles with the same tag will pull up when that tag is clicked by a visitor.
How can I delete a draft post?
- Navigate to Content > Blog
- Click Drafts and Pending
- Select Delete at the bottom of this edit page > confirm that you wish to delete the draft blog post
How can I manage blog comment moderation?
HubSpot's blog comment moderation options (CMS Blog) allow you to easily control the posting of comments from the public on your blog. To access these options navigate to your blog page > select the Options link from the top menu > scroll down to the comments section > select the level of moderation you'd prefer > and click update at the bottom to save. If you've elected to enable comment moderation comments posted to your articles will remain in a queue at the bottom of each post in "private" mode until you review and approve them.
How can I remove a blog module that I added to my CMS page?
HubSpot's CMS Blog modules can only be removed by HubSpot support. If you have accidently added a blog module and need to have it removed, log in to your HubSpot account and click the Help button on the Dashboard to get in touch with support.
How do I add email subscribers to my blog notification email list?
- You can add email subscribers to your blog one at a time through the blog subscriber module. You can enter any email address and click Subscribe.
- If you want to add or remove CMS email subscribers to your blog en masse, please contact HubSpot Support by logging in to your account and clicking the Help button.
How do I add social sharing options to my CMS blog?
To enable Facebook or other social sharing options on your CMS blog, navigate to Blog > Options > Social Media Sharing, and select the Sharing Options.
How do I approve a comment?
If you've enabled blog comment moderation options in your CMS blog you'll need to manually approve any pending comments before they will be displayed to other users viewing the post. To approve pending comments navigate to Content > Blog and locate the post with pending comments > click into the full post view for the article (not edit) and scroll down to the bottom > your pending comments will appear below the blog post content. Click the check box beside the comment > toggle the Approve selected comments or Delete selected comments option > click go to process. Any approved comments will now display on the blog post for all to see and deleted comments will be moved into the deleted comments bin.
How do I change the wording of a blog tag?
To change the text for a tag in HubSpot's CMS blog navigate to: Content > Blog > click Edit Post > add a Tag with the new word you'd like to use > remove the tag you are replacing > click Save on the post to update.
If you need to update the text for all blogs using that tag you'll need to repeat this process across all posts containing the original tag.
How do I change how much of my blog post is previewed?
HubSpot makes it easy for you to control the information displayed on your CMS blog listings page with our "read more" capabilities. By default, HubSpot's CMS blog will only display the first paragraph of a post's content on the blog listings page. This can be adjusted by adding in a manual "more" tag in the post's html, allowing you to choose one paragraph, two paragraphs, or even seven paragraphs for a particular post.
To insert a manual "more" tag navigate to the blog post you'd like to edit > click edit post > click the html icon on the WYSIWYG interface > locate the area where the break in content should occur > insert <!--more--> after the last closing tag in that section > save the post to update the changes.
How do I create a new blog article?
To create a new blog post in your HubSpot CMS platform, please follow the directions detailed below.
- Navigate to Content > Blog, and click the Create Article link at the top of the blog module
- Populate all fields on the blog creation interface, under the Article tab
- Go to the Advanced tab to configure the Author, Date & Time, Meta Keywords and Description. Click Publishto finish the post.
How do I delete a CMS blog module
Please contact support by clicking the Help button on your Dashboard to have a CMS blog module removed from your website page.
How do I edit the size of my blog post titles?
To change the font-size for a HubSpot CMS blog:
- Navigate to your name in the top-right corner of any HubSpot page
- Select Settings
- Select Website Template
- Select the Advanced Color and Font Selection Tab
- Navigate to the bottom to change the Blog Title Size
- Click Save at the bottom of the setting list to apply the changes
How to create and set up a blog on the HubSpot Classic CMS
You can add a new blog to any Classic CMS page by clicking Add Module and choosing a Blog module. As an alternative you can edit your pre-existing blog by following these steps:
1. Edit your Blog Page Properties
To create a blog on your HubSpot-hosted site, go to Page Manager.
The first thing you'll want to do is rename your blog to the name you would like your visitors to see. Click on Using the HubSpot Blog in the menu to the left and then click on Page Properties in the menu that appears.
Re-name the page “Blog” and change the address to “Blog." You don't need to be too clever with the name of your blog; in general, it's best to keep the name of your blog simple and straightforward. After you save these changes, click View Page at the top of the page properties.
2. Delete the example HubSpot blog post
Read the first article at the top of the page and then click the orange Edit Post button just above it.
Once the edit screen opens, click the Delete button.
3. Change your blog header
By default, the header of your blog reads "Using the HubSpot Blog." Click on that text to edit it to be relevant to your own blog, such as "<Insert company name>'s Blog."
4. Import posts from your old blog
If you already have a blog on Wordpress, Blogger, or a blog you'll want to migrate your blog posts over to HubSpot by copy and pasting the old posts into HubSpot and redirecting them on your original blog or by purchasing a HubSpot migration.
5. Edit Your Publishing Options
Next, you'll want to set the publishing options for your blog. Click on the Options button in the menu towards the top of your screen.
HubSpot has designed your blog options so that default settings follow our recommended best practices, so you won't have to change too much here. Here are some of the features you should know about:
Comments (General Tab): In the comments section, enter your email address if you want to be notified of any new blog comments.
Blog Subscribers Notification (General Tab): Enter the email address that you want the blog email to appear to be coming from, and modify the text that prefaces the article title in the email subject line.
Read More (General Tab): If you'd like to display a summary of each blog post on your blog homepage, rather than the full post, click the "Active" checkbox. The benefit of doing this is that readers will be able to scroll through more posts to find an article they're interested in reading.
Sharing Options (Social Media Sharing Tab): Select the social media icons you'd like to display above your blog post, where you think your audience spends most of their time online. It's recommended that you include Twitter, Facebook Like, and LinkedIn.
Now you're ready to blog!
Where do I edit my CAN-SPAM information for my CMS Blog Subscription emails?
To edit the wording in the CAN-SPAM footer, for your CMS Blog Subscription emails, please navigate to your CMS Blog via Content > Blog > Options. Once in the Options page, scroll down to Blog Subscribers Notification and edit the Email Footer section. When finished, scroll to the bottom of the page and click on Update.
Why didn't my scheduled blog posts go out?
There are times that what was thought to be a scheduled CMS Blog Post does not actually publish. In these cases, this is because an actual publish date was not set. Please follow the steps below to review and update your post's publish date.
- Navigate to Content > Blog > Drafts and Pending.
- Find the post that was scheduled.
- If [DRAFT] is next to the title of the post, it hasn't been scheduled for automated publishing
- Click Edit Post, and go to the Advanced Tab, where you'll be able to set a time and date. Please be mindful that our CMS Blog is in Central Standard Time Zone; therefore please account for that in your scheduling. We do not have a way of changing the time zone for the CMS Blog.
- Click Publish.
- The post will still be listed the "Drafts and Pending" section, but it will now say [PENDING UNTIL XXX] next to the title of the post to indicate it's scheduled for that time and date.
Why is my blog in Central time?
HubSpot's Classic CMS blog server is configured to work on central time to maintain a consistent schedule with older applications. At this time this setting can not be changed without impacting all of HubSpot's customers.
Why is my blog not showing up when I click blog in the HubSpot menu?
- Navigate to any blog on your portal
- Click Options
- Find the section that says: Navigation - When you click "Blog" in the black HubSpot navigation drop down, which blog should you redirect to?
- Select either Use the blog with recently created posts or your prefered blog from the drop down.
- Click Update
- Note: blogs will only populate on this drop down once a draft or actual post has been published from the module itself
Why is my blog link going to a blog saying "coming soon" when I have written posts?
- If you have more than one Classic CMS HubSpot blog, the navigation from Content > Blog defaults to the most recently updated blog
- You may select which blog will primarily be accessible through the navigation by navigating to the blog you would like to select > click Options > under Navigation, change the dropdown for "When you click 'Blog' in the black HubSpot navigation drop down, which blog should you redirect to?" to your desired blog > click Update
- Note: If your blog is not hosted in HubSpot, you will not be able to access it from this navigation item
Why is there so much space after the end of my blog post and the read more link?
As you may know, the Read More link is inserted after the first paragraph of your blog post. Within the HTML of your blog post, if there are many <br> tags (i.e. linebreaks) instead of <p> tags (i.e. paragraphs), large space is added between the end of the copy and the Read More link.
To review your blog post in a HTML format, please navigate to Content > Blog > your blog post > Edit Post. Place the cursor at beginning of each new 'paragraph' and backspace to the previous paragraph. Delete the space in between and combine both paragraphs. However, without moving the cursor, hit on the Enter/Return key of your keyboard to separate the paragraphs afterwards. Continue to repeat as necessary, and when finished scroll down and click on Update.
If using the <!--more--> tag (i.e. Read More HTML tag) make sure your paragraph tags are ending before the tag, and beginning after. Navigate to your your blog post > Edit Post > HTML in order to review and edit the HTML of the blog post.
For example, the code should be formatted is such manner:
<p>Here's the text I want in the excerpt </p><!--more><p>here's the next paragraph</p> or also as detailed below.
Classic CMS Landing Page Quick Answers
Can I change the styling of just one landing page?
For pages using HubSpot's CMS (Page Manager) system, it is possible to override the styling of your other pages by adding custom code to the HTML Head Tag Text area in the Page Properties of that specific page.
- Navigate to Content > Page Manager > click on the page you want to style > Page Properties > Show Advanced Options > HTML Head Tag Text
- You can also edit the HTML Head Tag Text from the CMS page itself by navigating to that page while logged in to HubSpot, then clicking on Page Properties > Showed Advanced Options > HTML Head Tag Text
- Type the following into the box <style> </style>
- Add your custom code to the HTML Head Tag Text section between the two <style> </style> tags
- Click Save to finish and update the page
How can I change the design of my HubSpot pages?
The design of your CMS pages depends on the default theme of your site, the settings in Website Template and any CSS you have in Custom.CSS
- Navigate to: Content > Content Settings (in the side menu) > Website Template
- Use the Choose Colors and Advanced Color and Font Selection options to customize the look of your site.
A more advanced option is to enter CSS in the Custom.CSS file. To make edits to your Custom.css file:
- Navigate to: Content > Content Settings (in the side menu) >CMS File Manager
- Click custom.css and select View/Edit File
- Enter CSS rules to customize the elements of your site.
- When finished, click Save & Close
How can I embed a non-HubSpot form on a CMS page?
The Classic CMS does not support embedding non-HubSpot forms directly in it's pages. You will need to host the form elsewhere and add it to the page within an iframe.
How can I get rid of my footer on my landing page?
Hiding the footer on one page of your website can vary based on the specific area you want to hide. The the following steps should be taken in all cases:
- Find the ID associated with the section you want to hide.
- Add necessary code to the head tag section by going page properties > show advanced options > head tag.
The code will usually look something like the following (depending on your CMS theme):
How do I find my old landing pages from COS?
Even though your new content is being hosted on HubSpot's COS, you can still access any legacy content that you had hosted on HubSpot's CMS platform. To find your legacy content navigate to Content > Landing Pages (or Site Pages / Blog) > and locate the "HubSpot Classic Landing Page" (or Site Pages / Blog) link in the bottom right hand corner of the page and click the link to be taken to the legacy application.
How do I redirect a Classic Landing Page to the COS version of the page?
- Go to Content > Landing Pages and click on the gear icon to the right of the name of the Landing Page you would like to redirect and click on Properties.
- Once on the Page Properties page you will want to scroll down and select 'Show Advanced Options'.
- Scroll down to the Redirect URL text area and input the URL of your new Content Landing Page.
- Select 'Save Changes'
Why is my CMS landing page not showing up on the landing page dashboard?
CMS landing pages that you just created may take a bit of time to show up on the CMS Landing Page Dashboard (Content > Landing Pages). To see when the Landing Page Dashboard last updated scroll to the bottom of the dashboard screen to see the Last Updated time.
Please be aware that if your Landing Page was not built in the HubSpot Landing Page editor, it's not possible to add it to the HubSpot Landing Page Dashboard. Also, if your landing page does not have views or submissions in the past 90 days, it will not display on the main Dashboard.
<!-- start custom JS Do Not Remove -->
<!---End custom JS-->
To finish, simply click on Save Changes.
Why is the data for my landing page on the Dashboard different than the data on my Landing Page Dashboard?
The data on the Dashboard is from the last 90 days. In contrast, HubSpot's CMS landing pages data spans the life of the page, but defaults to a this month to date view on load. To change the default view on the landing pages dashboard navigate to Content > Landing Pages and look for the drop down that says This month to date > Click the drop down and set the date range to the last 90 days to match the range on your HubSpot dashboard.
Classic CMS Settings Page Quick Answers
How do I change the font size on all of my HubSpot CMS site pages?
To make a global font size change please use the following instructions:
- Navigate to Content > Content Settings.
- Within the Content Settings page, select Website Template.
- Click on the Advanced Color and Font Selection tab.
- Edit the Base Font Size accordingly. Once finished, click on the Save button located at the bottom of the page.
How do I change the link my logo goes to?
Please navigate to Content > Content Settings > Website Settings.
Once in the Website Settings page, add in the URL you want the logo to link to in the Logo Link URL section.
To finish, scroll down and click on Save Changes.
How do I edit modules on my page?
Please follow the directions below to edit a modules in your HubSpot CMS Pages.
First, please navigate to Content > Page Manager, and proceed to locate the Page that contains the Module(s) you wish to edit. Once you have located the Page in question, please select it and click on View/Edit Page.
When you have accessed the page, find the Module(s) on that page that you want to edit and select the orange box above it that says Edit.
How do I enable the default mobile optimization on HubSpot's CMS pages?
- Navigate to Content > Content Settings > Website Settings.
- Check the box for Enable Mobile Optimization (Default).
- This affects pages in the Page Manager.
- Mobile optimization dynamically re-renders the HTML of the page's theme. Two wrapping divs are added to the page's markup, with a IDs of "inner" and "outer". You can use CSS to write mobile specific styling by targeting elements within these divs.
I accidentally deleted a module from CMS my page, can HubSpot restore it?
In order to restore a deleted module, log in to your account and click the Help button to contact HubSpot support. As long as you know the name of the module, support will most likely be able to restore the deleted module.
What does the HubSpot's Classic CMS mobile optimization option include
The following article contains instructions for sites built on HubSpot's Classic Content Management System (CMS).
- HubSpot's mobile optimization can be turned on or off under Content > Content Settings > Website Settings > Mobile Theme Optimization, and it will be applied globally to your HubSpot-hosted pages. It cannot be configured to display particular styles or pages.
- When active, your website visitors will see:
- A vertical menu system for your site's main navigation
- Child menu items expanded by default, so that mouse-over is unnecessary
- Single vertical column display of your site's content
- If your pages normally uses 3-column content display, the middle column will be displayed first, followed by the left column, followed by the right column.
iPad devices will not render the mobile theme, mainly because the screen width of iPads and similar devices do not require restructuring the layout for optimal viewing. Other non-Apple tablets may display the mobile theme, depending on your own settings. These devices now contain settings for requesting pages in mobile or non-mobile/desktop display based on user preference.
Where should I make minor edits to my existing CMS custom.css file?
The HubSpot Classic CMS has a global CSS file, that applies to all of its pages, called custom.css. In order to make minor edits to your existing custom.css file, please go to Content > Content Settings > CMS File Manager (under HubSpot Classic CMS Options).
- Press OK to the warning prompt.
- Edit your CSS and click Save & Continue Editing to update the file. You can Save Draft, if you aren't ready to make your changes live. You can also access previously saved versions of your CSS file with the Version History dropdown.
- If you do not have a custom.css file in your Classic File Manager, click Site Home > New File. Name the file custom.css.
Why am I prompted to log in when I go to my website?
Any page that is not viewable by public will cause a login prompt when visiting the page to verify the status of your CMS hosted pages navigate to Content > Page Manager > Click on the name of your page > Page Properties >Ensure "Viewable by Public?" is selected > Save Changes. Once the changes have updated you will no longer be required to enter your credentials to view the page.
Why are my CMS URL mappings not working?
The first factor that should be reviewed is the domain of the page itself, more specifically whether it is connected appropriately within HubSpot. Navigate to Content > Content Settings > Domain Manager under Content Optimization System Tools and check whether the domain used for the mapping is under HubSpot COS Domains or Classic HubSpot CMS Domains.
If the domain your page is on is a COS Domain, use the COS URL Mappings tool. You can find this tool in Content > Content Settings > COS URL Mappings.
Other reasons why the CMS URL mapping(s) may not be working are:
A. You could run into conflict when trying to map a page on a domain that is connected to HubSpot and set as secondary (pictured below). These domains follow the primary redirect set in Domain Manager before they follow the URL Mappings.
Trying to map info.domainexample.com/page1 to www.domainexample.com/blog will not work because the initial 301 redirect will take info.domainexample.com/page1 to www.domainexample.com/page1. However, if www.domainexample.com/page1 is "not found," then you can redirect www.domainexample.com/page1 to www.domainexample.com/blog using the URL Mapping screen.
B. If your page(s) is set to private, you will be prompted to log into HubSpot before the 301 redirect works.
C. When setting up a redirect from within HubSpot, you must be directing FROM a HubSpot-hosted page (This tool cannot control the behavior of pages hosted outside of HubSpot). Also, when attempting to set a mapping, the page you are trying to map from must also be a page that is not found in HubSpot (if the page is found then the redirect won't trigger).
Classic CMS Site Pages Quick Answers
Are Classic CMS module titles h1 tags?
Yes, the titles of Classic CMS content modules are coded as h1 tags.
Can I hide my CMS pages from public view?
Yes. To make a page private, you really have two options. You're going to first want to navigate to "Create -> Website Pages" within HubSpot. Once there, simply click on the page you want to hide in the list on the left-hand side of the page. In the list that pops up, click on the "Page Properties" link. Please note, that you can also access the "Page Properties" link on the page itself if you're logged in to you HubSpot portal - that link is at the top left of the page. In the page properties menu, you have 2 options to hide the page:
- Uncheck the option titled "Viewable to Public". This will make it so that the page in questions literally will not be visible to anyone who isn't logged in to this HubSpot portal. Use this option if you want to disable access to this page globally.
- Uncheck the option titled "Show in Menu". This will simply not make the page in questions appear in the navigation of your site. This option is good for thank you pages and other pages that you may want to link to, but not display at the top level in a menu.
How can I change the layout of my website page?
For HubSpot CMS pages, one has the option to modify a page's layout, whether that is to add an extra column or keep the page in a single column format. Please find below the instructions on how to change your CMS page's layout.
Navigate to the page you are editing and click Page Properties.
Click Show advanced options.
Use the Layout drop down to select the layout you would like. When finished, scroll down and click on Save Changes. Please note that different website themes have different layout options.
How can I change the menu order on my CMS pages?
To change the order in which your pages appear in your website's navigation, or to manage which pages will appear in your website's navigation for CMS hosted content, please navigate to Content > Page Manager. Your page manager pages reflect your menu items in the same order that they appear as long as they are set to "Show in Menu".
In Page Manager select the page you want to have show up in your menu (or create a new one by selecting Add New at the top of the screen) and click Page Properties > select Show in Menu and Viewable by Public in order to have a page appear in the menu.
If you click Page Properties, the Page Name is the text that appears in the menu. Selecting Show Advanced Options, will reveal the last option will be Redirect URL. This is the destination URL you can change for each menu item if your page was built somewhere other than HubSpot.
To change where a page will appear in the navigation click on the page in page manager and drag the page to it's new location. Please note that your home page will then be the page at the top of the list.
How can I edit my CMS Page's Logo Alt Text?
In order to edit your CMS Page's Logo Alt Text, first navigate to Content > Page Manager. Once you have located the page in question, please click on it, and select View/Edit.
Once you have accessed the page, click Edit Logo. Within yourimage bank, input the Alt Text below the selected image. Also, be sure to review whether you want to apply such Logo as a default to all pages. When ready, click onInsert.
Please note that if your Logo/Header is rendered via HTML instead, you will need to add the Alt Text into the HTML.
How can I edit the footer for my CMS pages?
First, please navigate to your Page Manager - Follow by clicking on the page you want to edit and select View / Edit. Once you're in the page, scroll to the bottom of the screen and select the orange button that says Add Footer Items.
You will be able to edit the plain text or HTML for the footer; make sure the box labeled Set as default for all pages is selected. When finished, click on Save.
In certain cases, depending on your site's set-up, the footer details may not be contained within the Add Footer Items setting. If you do not find content within this setting, it may be held under in the Company Name setting which you may find by navigating to [Your Name] > Settings > Website Settings.It is also possible that a separate HTML file is linked to your page - usually it can be found under Content > Content Home > File Manager in a file called "footer.html".
How can I hide the courtesy links on a CMS page?
If you wish to hide the Courtesy Links from a particular CMS Page, simply navigate to such page and click on the orange Page Properties button located towards the top left of the page. After clicking on Page Properties, select Show Advanced Options. Insert the code below within the HTML Head Tag Text box - After clicking on Save Changes the links will be hidden from the page at hand only.
How can I edit the meta description of my CMS page?
To edit the meta description of any page on the HubSpot CMS, navigate to that page, and then click Page Properties in the upper-left hand corner of the screen.
Then edit the Meta Description field. When you're finished, click Save.
How can I recover content on my CMS page that was deleted?
Please follow the steps below to recover content that was deleted from a CMS Page's content module, otherwise known as a text module.
While logged in and viewing the page, click Edit for the content module missing content.
Second, click More, followed by selecting History. After clicking on History, you will be able to select a time in the recent past to restore the content to a previous version. When finished, please be sure to click on Save.
How can I redirect a page in my Page Manager?
Please note the instructions below only apply to pages on the CMS. If your HubSpot Portal and Pages are on the COS, you should use the COS URL Mappings Tool to create redirects for pages.
- Navigate to Content > Page Manager
- Click on the page you want to redirect and select Page Properties
- Click Show Advanced Options
- Insert the new URL in the redirect section
- If the page is on the same domain as your HubSpot pages, you can use a relative URL (example: /blog). If the page is not on the same domain, you will need the full URL (example: http://www.your-website.com/blog).
- Click Save Changes
How do I add an image to my page
Go to Content > Page Manager and click the page you want to add the image to > Click "Add Module" > Choose "Content Module" > Click "Edit" on the module, and click "Image" to insert an image.
After you save the module, you can click "Reorder modules" to change where that module is located
1. Edit the module where you'll be adding the image
Click the orange Edit button above the module in which you'll be adding an image.
2. Add the image
Click the Image icon in the toolbar.
Click the Upload New Image tab. Select your file under Choose File and then Upload it.
On the next screen, enter the keyword you're targeting on this website page as your ALT text. The ALT text helps search engines "read" your image, so using your target keyword will help engines like Google determine what this page is all about. Then choose the image alignment, and click Insert when you're done
3. Resize your image
Sometimes you won't need to resize your image. But other times the image will be too big, and you'll want to size it down. To do so, first click on the image. Then select Resize.
Use the knob to change the percentage size of the image to resize it to fit the space you want. When you're done, select Apply Changes.
How do I change my menu navigation links for the Classic CMS?
The Menu on HubSpot CMS Pages is dictated by the way such are ordered within the Page Manager.
Navigate to Content > Page Manager - The document tree on the left-hand side is indicative of what's displayed in your site's navigation bar.
To edit and/or re-arrange your menu, you can Click & Drag your pages to reorder them, or Click & Drop a page on to another to create sub-navigation. You can also click on your page and select Page Properties to modify Page Name (what the page is called on your navigation), Page URL (the "www.yourwebsite.com/your-page-name/" displayed for your page), and whether or not to Show in menu.
To redirect a page to an external site (for example, to link from your subdomain to your main site), click Show advanced options and then enter the page's URL in the Redirect URL section.
Please note that any pages marked with a yellow lock icon are not viewable to anyone not logged into HubSpot. In other words, if someone whom does not have access to your HubSpot portal tries to access that URL he/she will see a HubSpot login screen instead of your page. To make the page live, select the Viewable by public? option in Page Properties.
How do I change the logo on my CMS pages?
Navigate to a page on your site by clicking Content > Page Manager > click page > View/Edit.
Click Edit Logo > Upload New Image > Choose File > Upload.
Once you have configured your new logo you can choose to apply the change to all pages or a single page bychecking the set as default on all pages box at the bottom of the logo editor interface. As a side note, you can also create a custom HTML logo by selecting the HTML tab and entering custom code.
How do I float an image in my content?
Floating an image to appear on the left or right-hand side of the content module is easy with HubSpot's CMS. Navigate to the content module that contains the image > insert your mouse cursor into the content where the image should appear > click the image icon in the wysiwyg editor > select the image you wish to insert > once the image has been inserted customize any size/widths to fit your needs > click on the image in the content > click the Resize/edit link that appears on selection > click the Insert button to adjust. Once you've verified the image has the correct placement save the module to publish the changes.
How do I insert a link into a content module on the CMS?
- Navigate to Content > Page Manager > Name of Page > View/Edit > Edit Module
- Highlight the text that you want to link, click the Link button > External Page > Paste > Insert
- If your link is already written in html (i.e. <a href="http://mysite.com">), click the HTML button and paste the link into the module > Update
How do I rearrange modules on my CMS website pages?
Please find below the instructions on how to rearrange modules within your CMS website pages.
First, please navigate to Content > Page Manager. Once in Page Manager, please click on the page in question, and select View/Edit.
Within the page, you will find a Move button for each of your modules. To move a module to a different area of the page, click on Move. Once clicked, this function will highlight the different areas of the page where you can move the module to. Simply click on any of the highlighted open areas to complete the rearranging of your module(s).
How do I set Global Modules for my CMS Pages?
Please contact HubSpot Support to make any modules on your Classic CMS or Landing Pages global, so that they will appear on any new page that you create. Please note that CMS Global Modules will not be applied retroactively; they will only appear on brand-new pages built after they have been turned on. You cannot clone an existing page to add the global module.
How to add a form to CMS pages
Navigate to the page where the form module will be added, and locate the Add Module orange button in the section where the form should appear. After clicking on Add Module, under the Content tab, select the Formmodule.
Give the form module a name (or remove default text); select the form from the pick list options to add to the page. When ready, click the Add Form to Page button to finish.
In the case you wish to add a Subscribe form to one of your CMS pages (or CMS Blog), follow the same procedure. However, after clicking on the Add Module orange button, go to the Blog tab instead, and select Subscription form.
How to create a bulleted list on HubSpot's CMS
To create a bullet list, open the content module where the list will appear > insert your mouse cursor to an empty line where the list should begin > click the bullet list icon in the WYSIWYG options bar. After typing out each individual item, hit enter to go to the next line and bullet. When you are finished, hit enter twice to quit, or click the bullet list icon in the toolbar again.
How to create a linked image in HubSpot's CMS
To link an image in your CMS hosted content, navigate to the page where you are working > click edit above the content module to toggle the WYSIWYG interface > click on the image to be linked > click the Link option on the WYSIWYG toolbar.
From the Insert/Edit Link modal, select the link type (Internal, External, or Document/Attachment) > select the appropriate page/document as the destination, or enter the link URL in the External Link address bar > click Insert > click Save on the module to save the changes.
How to edit your page properties on the Classic CMS?
The following article contains instructions for sites built on HubSpot's Classic Content Management System (CMS).
To edit the properties of any page on the HubSpot CMS, navigate to that page, and then click Page Properties in the upper-left hand corner of the screen.
Update the information in the properties and, when you're finished, click Save.
Is the image slider available for CMS pages?
The CMS does provide an Image Gallery Module. To add this to your CMS pages navigate to the page you wish to edit > click on the Add Module button closest to where the gallery should appear > select Image Gallery as the option > click ok to finish.
Using visual content on your HubSpot website will help engage your customers and prospects. If you want to showcase multiple images, an image gallery is a great way to do so.
1. Add a Image Gallery Module
Click the orange Add Module button that's right above the big blank section of the page. In the popup that appears next, select the Image Gallery module.
2. Create Image Gallery
On the first screen, enter the Gallery title and description, and then click Next. On the next screen, click Upload Photos. Click Browse and find the images you'd like to add on your hard drive. Next, click UPLOAD.
Then you can edit the captions of each image in the Gallery, rearrange the order of the images, or remove images from the Gallery. When you're done, click Done.
3. View your Image Gallery
Check out your new image gallery! You can click Edit above this module to add, remove, or reorder your images.
What are the different types of content modules on the Classic CMS?
- Content: For use to house basic content on your site's pages. This content can be text, images, video, other media, etc... Each content module includes both a header/title, which is editable by simply clicking on it. This header is represented in HTML as your site's <H1> tag. The content module is the standard module that you should use for most content you add to your website.
- Form: Add a basic form to your website. When you choose to add this module to your site, you'll be presented with a dropdown of which form to add. The forms in the dropdown are forms that you've already built in HubSpot's form builder application. If you want to add a new form (one that doesn't exist yet), choose "Create New Form" and you'll have the ability to build the new form at that point.
- Whitepaper: Adding a whitepaper allows you to place a document for download behind a form. This is considered a best practice in terms of lead conversion. You can also perform this same functionality by linking to a document in the "Configure Form Actions" area of the HubSpot form builder.
- Feed: Enables you to add items from an RSS feed to your website pages. This is useful if you want to add articles form a blog or other publication that has an RSS feed. Nice for adding news feeds, etc...
- Follow Me Widget: The Follow Me Widget allows you to place links to your various social media accounts that you add to HubSpot.
- Image Gallery: This widget adds an image gallery to your website page. There are two display styles and room for copy to go with the images.
To add any of these modules to your CMS Page(s), simply navigate to your Page(s) and click on any of the Add Module buttons located across the page.
Entering email addresses to be notified when a classic form is submitted or when a classic CMS page is involved
- Navigate to the page that contains your form or go to Contacts > Forms
- Select Edit Form on the page or click the gear on the Forms Dashboard > Edit
- You will be brought to the form editor where you can select Configure Form Actions at the top
- Make sure there is a valid email address in the section labeled Send Form Results
- Make sure multiple addresses are comma separated and that there are no extra spaces
- Save changes
To specify email addresses on a COS form on a Classic CMS page:
- Navigate to Content > Landing Pages
- Click View/Edit next to the landing page you want to receive notifications about
- On the page click Edit Actions on the form module
- Locate the section titled Form Submission Notifications and add or remove emails
- Save changes