Shop The Post Block Patterns

A collection of block patterns for highlighting products and other recommendations in your post content

With this collection of Shop the Post Block Patterns, it’s easier than ever to create blog posts that convert. Choose from 12 patterns, ranging from easy-to-shop product rows and grids, to eye-catching product highlights.

This product is for members only.

already a member? Log in here.

How to Use Block Patterns

Click on the images to enlarge.

Copy the pattern below

Browse the collection below to find the pattern you want to use. Logged-in members will have access to the copy button. Click to copy the code for the block pattern to your clipboard.

Start a new paragraph

Open your blog post in the block editor. Click in the editor or hit enter after a paragraph to start a new paragraph.

Paste the pattern

Click in the new paragraph and paste the code you copied. The block pattern will appear in your content with placeholders for you to fill in.

Customize the pattern

Want to change font sizes, colors, or margins? No problem. Click on the element you want to adjust. Make sure the right panel is in view and click over to the Block options tab. Customize to your preferences and needs!

Save the pattern

When you’re happy with how the pattern looks, you can save it to use any time, without having to copy it again from this page. Open the left panel for the List View and locate the pattern. Click on the three dots, then “Create pattern” in the dropdown menu.

Adjust the pattern options

In the pop up box, name and categorize the pattern however you like. Toggle the “synced” option off. This ensures you can change the content each time you use the pattern, and it will not sync with the other patterns across your site.

Add the pattern to any post

After you save the pattern on your site, you can reuse it over and over again — no need to copy from this page again! Click the plus sign in the upper left to add a new block, then go to the Patterns tab. You’ll find your pattern under the My Patterns section, and also under whatever category you set when you saved it.

Add your content

Once you add your pattern to your post, simply customize the placeholders with your own content! Swap out images, update product titles and descriptions, and remove any elements you don’t need.

Publish your post!

You’re done! Repeat all steps to save new patterns to your site, or simply repeat steps 7-8 to reuse patterns.

Browse the Collection

Previews are displayed in the Hayes theme.
Patterns inherit theme styling in any EmPress theme.

Product Row

A simple product row layout, with optional product titles and descriptions. Add or remove columns as needed.

Product Row with Background

The product row layout, with a customizable background color and optional section title.

Detailed Product Row

A detailed version of the product row layout, with larger titles, space for a short description, and a CTA.

Detailed Product Row with Background

The detailed product row layout with a customizable background color and optional section title.

Product Grid

A simple product grid, with optional product titles and descriptions. Add or remove columns and rows as needed.

Product Grid with Background

The product grid layout with a customizable background color and optional section title.

Highlight a product with an image on the left, and a title, description, and button for a link and CTA on the right.

The featured product layout in reverse, with the image on the right. Pair with the Featured Product Left for a dynamic product roundup layout.

Shop the Photo Left

Share product info for your photos! This layout features your image on the left, with space for a tagline, title, description, and button with a CTA and link.

Shop the Photo Right

The Shop the Photo layout in reverse, with the image on the right. Get creative — this pattern works well for travel recommendations and book reviews, too!

Shop the Photo 2 Left

Another option for sharing product info for your photos. Share your photo on the left, with a 2×2 product grid on the right to highlight the products.

Shop the Photo 2 Right

The secondary Shop the Photo layout in reverse, with the image on the right and product grid on the left.

This product is for members only.

already a member? Log in here.

Make your blog stand out.

Ready to start, redesign, or monetize your lifestyle blog? Get it done this week with Your Blogging Roadmap, our free choose-your-adventure guide to achieve your next big blogging goal.

Click the button below to get started, and we’ll send you a step-by-step daily plan and emails to keep you motivated, so you can blog better — or, as we like to say, blog in italics.