Set up related products for your articles

This article will guide you in setting up and assigning related products for your blog posts.

Setting up the metafield

Navigate to your store’s admin, and in the bottom left corner click on Settings. Then navigate to Metafields and metaobjects from the left-hand side menu and then click on Blog posts. You should see the following screen:

Click on the top right button “Add definition“, and in the screen that appears enter the following settings:

Name: Related products (or any name you wish)

Select type: Select “List”, and then select the “Product” type.

The details should be exactly as in the screenshot below:

Once done, click on the “Save” button.

Adding related products on a blog post

After you’ve set up your metafield, you can assign related products to any blog post.

In your store’s admin, navigate to Content and then Blog posts. Create a new post or edit an existing one, and scroll down to the Metafields section. You should see the Related products field we created earlier. If you don’t, click on the “View all” link on the top right corner of the Metafields section.

Click on the Related products field.

and then click on the Select products button to select products:

You can scroll or search for products. Once you select the products you want to add (make sure they are checked), click “Done“.

You should now see a list of your selected products. You can re-arrange them by dragging them from the handle on their left, or remove them from the minus sign on their right.

Make sure to Save your product before navigating away from the page.

Displaying related products

To enable displaying of related products on your blog posts, you need to customize your blog posts template.

Under the Blog post section on the left, click on Add block and select the Related products block. Once the block is added, select it, and on the right hand side of the screen, customize its options. You can set a Heading and Subheading to be displayed right before the related products, and choose whether to display the vendor, SKU, stock status, product rating, and “Add to Cart” button for each product.