How to Model a Rich Blog Post

This article describes how to create a custom type for inspiring blog posts for your e-commerce website. Creating a blog post for e-commerce websites is crucial, as it helps you to climb the search rankings, expand your product descriptions, and boost conversion rates.

Page structure

Static Fields
Dynamic Zone

We'd recommend creating a static zone for fields that should always be there (like blog titles, header image, author names).

  • Title field with H2, H3 tags
  • Content relationship field to the Authors custom type
1 of 5
< PreviousNext >

This is your Slice zone with different sections. First section is this piece of text which will be a Slice, so that editors will be able to move it around.

  • Rich text field
2 of 5
< PreviousNext >

Creating a separate slice for images would allow editors to insert the image wherever they want. Make sure to create responsive views for your mobile visitors.

In the non-repeatable zone:

  • Title field with H2 tag

In the repeatable zone:

  • Image field
  • Rich text field for image caption
3 of 5
< PreviousNext >

Adding a quote is a great way to break your blog post into different sections and it will make your article look more interesting and engaging.

In the non-repeatable zone:

  • Rich text field for the Quote
  • Text field for the quote author
  • Image field for your author's picture
4 of 5
< PreviousNext >

At the end of the blog post, you can create an image gallery Slice of featured products or link to your product catalog with our Integration Fields feature

In the repeatable zone:

  • Integration Fields (activated upon request)
5 of 5
< PreviousNext >

More information on Integration Fields feature. You can reach out through the chat to get it activated on your repo.

How to set it up in Prismic

  • Set up a new repeatable Custom Type
  • Copy the JSON below and paste it under the JSON editor of this new custom type

What editors will see

How to model content for your project Sarah will be glad to help you come up with a solid content model for your project. (It’s free.) Schedule a call