How to create a blog post

Blog posts (or articles) are great ways to inform and share information with your customers, like this one! It’s a way to generate new content and drive traffic to your website.

To create a blog post, first, we’ll go into the Websites App, click the Blog tab on the menu, then click the Posts link. Now click Create at the top left to open the template.

Blog Posts template

1. Name: Title of your post
2. Image: The main image for your post can be added here by clicking the “edit” button and choosing from your media library.
3. Websites: Check the checkbox associated with your website to make sure it gets published.
4. Categories: Your posts will be grouped using the categories you create. Add your category name to create and add it to your post. Your categories can be viewed and edited on the Categories page under the Blog tab.
5. Author
6. Publish Date
7. Excerpt: This is the preview text seen on your blog card.
8. Content: Add all your text and images here.
9. SEO: Here, you can add a “Meta Title”, “Meta Description”, and view the “Website Slug” for the page.

Formatting your post

Once you have added your text, you can add elements and images to format your post.

The /markdown-guide* shows how-tos and examples to format your text.

Here are a couple of examples of what you’ll find in the Markdown Guide;

Formatting links

When linking to another page from your website, you only need to include the URL slug in the parentheses.

*Type in the URL slug “/markdown-guide” after your website’s URL to see your website’s styled markdown guide.

Adding different level headers

Adding media to your posts

Adding images

You can add images throughout your post. First, let’s find the image we want to include! To do this, we’ll need to go into our image library.

Go into the PIM app, Media tab, and click Images.

Here you can either Upload or locate the image you want to use. Once selected, simply copy the image’s “Markdown Tag” and paste it into your post.

You can adjust your image’s position and size with the “Position” and “Max Width” inputs. Edit the image, and once you add these specs, your image’s “Markdown Tag” will change. Copy this and paste it into your post.

These specs will erase once you discard the edits. If you don’t add specs in the image, the image will use the default settings, centered and the same width as the post.

Adding videos

In the PIM app, you will find a link to the Videos page under the Media tab. Click Create and paste a YouTube link here. Click Save, and your “Video Markdown Tag” will be created. Copy and paste this into your post.

Adding documents

Add downloadable PDFs to your post. PDFs can be uploaded to the Documents page under the Media tab in the PIM app. Click Upload and attach the document you want to add.

Click your document to open details. There are different options when linking your documents. By copying the “Markdown Tag” as is, the text within the brackets will be the link. This text is the name of the document.

You can also style this as a primary or secondary button.

You can link the document within your copy text. Format this the same way you would format a link, but instead of linking to a URL, you will only copy the document number from the “Markdown Tag”.

Here is an example of attaching a document within your text. Your link will be formatted like this in your post;

Save and publish!

You’re ready to publish once you save your post (it’s a good idea to save your blog while working on it)! Publishing your post works the same way as publishing products and pages on your site. In the Websites App, click on the Publish tab. Once there, click the Create button. On the next screen, you will select the website you want the blog post to publish to (if you have multiple websites) and check the Blog checkbox. Click Save at the top, then click Start.

Congratulations on building out your blog post!