Element

How to use elements from the blog builder to create blog posts that are highly engaging to audiences

Who can use this feature?

• This feature is available for all users

One of the core features of our blog app is the Notion-like editor, powered by the building block architecture instead of the Rich Text editor inside the Shopify admin. If you are familiar with Notion, or Medium, or GhostCMS, you will love this blog editing experience.

Blog builder helps you create blogs easier and faster just because you will love writing blogs again over the plain text editor you are having. In blog builder, there are 2 main actions you can take to create blogs: add elements (blocks of content) and style.

Elements

In SEOon Blog, we support several types of content and media, which is currently widely supported by Shopify blog and Shopify theme on the market.

• Basic

  • Heading

  • Paragraph

  • Image

  • Video

  • List

  • Quote

  • Divider

  • Table

  • Product

• Advanced

  • Button

  • Text & image

  • Text & text

  • Text & product

  • Table of content

  • Related posts

  • Recent posts

  • FAQs

Heading

We support heading from heading 2 to heading 4. By default, the heading would be the heading 2 level. One thing missing is the heading anchor link. We have not supported this feature at the moment due to wide theme support.

You can also make the heading bold, italic, underlined, or add a link to the text. Highlight the text you want to edit and select.

Remember to structure your heading level correctly for the sake of SEO and readability of the audiences.

Paragraph

You can make text bold, italic, underlined, or attach links to text. Highlight the text you want to edit and select.

Currently, we have not yet support the link title, link target. But soonly enough we will.

Image

You can normally add the image to the editor like other blocks. However, you can also just simply drag and drop the image file into the editor. You can also add a caption to the image. which will be rendered as alt tag in the blog page and help with your SEO.

After uploading the image to the editor, the file would be uploaded to the Shopify files section. You content and data would be yours.

Video

You can add videos to blog by:

• Uploading video from your device

• Selecting video from Media library

• Inserting from URL

Currently we support Youtube and Vimeo URL.

List

You can choose to have the unordered, or ordered list in your block for better structuring your content inside the blog.

Quote

You can also add quote blocks to the blog editor. But bear in mind that this block would be rendered slightly differently with each theme.

Divider

The same goes with the delimiter, each theme may render the delimiter a bit differently, but it would be helpful if you have a very long blog.

Table

You can edit your table by adding row or column above or below the selected row.

Product

You can insert products from your Shopify store to blog.

You can select products and set up content, button in this section.

You can add maximum 20 products.

Recent posts

Show other recent blog posts below the blog.

You need to publish at least 3 blogs to show recent post here.

Related posts

Show similar blog posts that have same tags or in same categories in your blog.

Select blog posts in the list and show them in carousel display. We recommend showing 3 related blog posts for the best result.

Table of content

Table of content pulls form the H2, H3 and other heading tags (h4, H5, etc.) in your blog.

By adding a table of content to your blogs, it helps readers to navigate long-form content and boost SEO performance.

You can also edit the title of table of content.

Text & image

Text & image is a section in blog with layout including both text, images and button.

You can set up layout and content in this element.

You can select more than one image to create image carousel.

Text & text

This helps you make an layout including 2 columns of text in blog.

Text & product

This helps you make an layout including 2 columns: product and text

You can select product from your list and customize content.

Image gallery

The image gallery element lets you showcase multiple images in an attractive layout.

Button

Insert button in your blog to keep customer engaged with your content.

FAQs

This helps you add questions and answers in an expandable box.

You can manage questions by adding more or deleting in the right panel.

Custom HTML

This allow users to add custom code (HTML) into blog posts.

Coming soon

• Social share

• Author

• Video

• Spacer

• Icon