For the complete documentation index, see llms.txt. This page is also available as Markdown.

How to create a blog post

Blog posts are articles published under a blog in your store. You can use them for news, styling guides, brand stories, or product education. The Elegance theme displays blog posts on the Blog page, Article page, and in the Featured Blog section.

Step-by-step: Create a Blog Post

1

Open the Blog Posts section

Go to Shopify Admin → Content → Blog posts. Click Create blog post in the top right corner.

Screenshot: Shopify Admin — Blog posts list

Shopify Admin — Blog posts list Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

2

Add a title

Enter a clear, descriptive title for your blog post. This becomes the article heading and is used in the URL.

Screenshot: Blog post editor — Title field

Blog post editor — Title field Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

3

Write the content

In the main content area, write your blog post. The editor supports:

  • Headings (H2, H3)

  • Bold and italic text

  • Bulleted and numbered lists

  • Links

  • Images embedded in the content

  • HTML (via the code view)

Screenshot: Blog post editor — Content area

Blog post editor — Content area Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

4

In the Featured image section, click Add image and upload a cover image for the article. This image appears on the Blog page listing, article cards in the Featured Blog section, and at the top of the article page. After uploading, add Alt text describing the image.

Screenshot: Blog post editor — Featured image upload

Blog post editor — Featured image upload Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

5

Set the excerpt

In the Excerpt field, write a short summary of the article (1–2 sentences). This is shown on the Blog listing page and in the Featured Blog section cards.

Screenshot: Blog post editor — Excerpt field

Blog post editor — Excerpt field Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

6

Add tags

In the Tags section, add relevant tags to the article (e.g. fashion, skincare, tips). Tags can be used to filter or organise blog posts.

Screenshot: Blog post editor — Tags field

Blog post editor — Tags field Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

7

Select the blog

In the Blog dropdown, choose which blog this article belongs to (e.g. News, Journal, Tutorials). To create a new blog, select Create a new blog from the dropdown.

Screenshot: Blog post editor — Blog dropdown

Blog post editor — Blog dropdown Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

8

Set the author and published date

In the right panel:

  • Author — select the author from the dropdown.

  • Published — the date and time the post will be or was published. You can backdate or schedule posts.

Screenshot: Blog post editor — Author and date

Blog post editor — Author and date Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

9

Add SEO details

Click Edit website SEO at the bottom to set:

  • Page title — shown in browser tabs and search results.

  • Meta description — the preview text shown in Google search results.

  • URL handle — the article URL slug (auto-generated from title, can be edited).

Screenshot: Blog post editor — SEO section

Blog post editor — SEO section Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

10

Publish the post

Set the status to Active using the status dropdown in the right panel. Click Save. The post is now live and will appear on your Blog page.

Screenshot: Blog post editor — Status and Save

Blog post editor — Status and Save Replace with actual screenshot — capture at 1280px wide. Show the blog post editor with title, content, featured image and excerpt fields Tip: Use browser's built-in screenshot or Cmd+Shift+4 on Mac / Win+Shift+S on Windows

Displaying Blog Posts in Elegance

Where it appears
How it works

Blog page

Automatically lists all published posts in the selected blog. No additional setup needed.

Featured Blog section

Add the Featured Blog section to any page in the theme editor. Select the source blog and configure how many posts to display.

Article page

Each blog post has its own article page rendered automatically by the article.json template.

Note: If a blog post does not appear in the Featured Blog section, check that its status is Active and that it belongs to the blog selected in the section settings.

Last updated