In your HubSpot account, click the settings icon settings in the main navigation bar.
In the left sidebar menu, navigate to Website > Blog.
On the Templatestab, you can view or change the templates applied to your blog posts and blog listing page. You can also customize your listing page set-up and add custom HTML to your templates' header and footer.
In the Blog postand Blog listingsections, click the Actions dropdown menu to manage your template:
Select Change template to choose a different template. On the template selection screen, select your new template, then click Done. In the bottom left of your template settings, click Save.
Select Preview to see what your template looks like.
In the Listing pagesection, set your preferences for your blog listing page, then click Save in the bottom left:
Enter the number of posts you want to appear on your listing page.
To display the content of blog posts up to the Read More separator on your listing page, select the Show summaries on listing page checkbox.
To display the featured images of your blog posts on your listing page, select the Use featured image in listing summaries checkbox.
In the Header HTMLand Footer HTML sections, enter any custom HTML you want to apply to your blog post and listing templates. To apply different custom HTML to your blog post template, click Use custom header/footer HTML for blog posts. When you've added your custom HTML, click Save in the bottom left.
2. Create and publish blog posts
A. Create a new blog post
To create a blog post, you need to have at least one Blog on your site. Please refer to this guide for how to create a new Blog.
In your HubSpot account, navigate to Marketing >Website >Blog.
In the upper right, click the Create dropdown menu and select Blog post.
In the dialog box, select the blog you want to create your post on, then click Create blog post.
B. Add content to your blog post
You can create your blog content from scratch or import from a Google Doc using a link or a connected Google account.
Please note: you must own the Google Doc that you're importing to create content. Google Docs shared with you by other users cannot be used.
To create content from scratch:
Hover over the blog post title and click the pencil icon to customize the title for this post.
Click the post body module in the editor to activate the rich text toolbar. Use this editor to add text, images, and other content to your post. Learn more about how to use the rich text editor.
To import content from a Google Doc:
In the rich text toolbar, click the Advanced dropdown menu and select Import Google Doc.
In the dialog box, you'll see a list of any connected Google accounts. If you need to sign into your Google account, click Connect a new account. Then click Accept and connect to Google.
To import a Google Doc from your connected Google account:
Click the email address of your connected Google account.
Select the Google doc you want to import into HubSpot. Then click Select.
To import content using a link to a Google Doc:
In the dialog box, click From link.
Paste a sharing link to your Google Doc. Then click Import.
By default, your blog listing page will show the first paragraph of your blog post in the preview. You can customize how much text appears in the blog post preview by manually adding a Read moreseparator:
In the post body, place your cursor where you want the preview of your post content to end.
Click Insert and select Read more separator.
Click the More handle and drag it into position as needed.
C. Customize your blog post settings
Click the Settings tab to customize your blog post's settings:
Add or edit the blog title. This title appears on your blog content, and in search results. To use a different page title in search results for this blog post:
Click Customize blog's page title.
Enter a unique title for your blog post. This title will appear in search results and in title of the web browser used to view your blog post.
You'll see groups of related SEO tips open in the left panel. Any items that needs action will have a red circle with the number of items that need to be addressed.
Click a grouping to expand more details:
SEO recommendations with a green checkmark have been completed.
SEO recommendations with a grey checkmark need to be completed.
E. Preview your blog post
To see how your blog post will appear to visitors, click Preview in the upper right.
Device preview: click Open in new window to see a live preview of your blog post in a new tab in your browser. This preview link will work before your post is actually published. Click Copy shareable link to copy the link to your clipboard to share it with your team. In order to view the preview link, your teammates must be logged into HubSpot.
Click Full Post View to preview the specific blog post you're editing. Click Main List View to preview your blog's homepage.