Before you can start placing Shop the Post widgets on your website, you’ll need to create one! These widgets are typically set up through ShopStyle/Collective Voice or RewardStyle, or another affiliate network that offers affiliate carousel widgets. Click here for ShopStyle Collective setup instructions. Click here for important info regarding using RewardStyle.

Adding shop the post widgets to your blog posts

Now that you’ve set up your Shop the Post widget, it’s time to place the widget in a blog post. The Harper theme utilizes two custom fields to display your Shop the Post widget – one for the title and one for the actual shopping widget.

Shop the Post widgets via Custom Fields

Enabling the custom field box

Gutenberg Editor:

1. In the post editor, click on the three dots at the top right corner of the screen.

2. A menu will pop up. Select  Preferences at the very bottom.

3. Under Panels, check the  Custom Fields box. Proceed to the next section of this tutorial.

Classic Editor:

1. In the post editor, click the Screen Options tab at the top right corner of the screen.

2. Find the Custom Fields box and check the box. Proceed to the next section of this tutorial.