Shopr: How to display products using a “Shop the post” widget

The information on this page relates to our Shopr WordPress plugin.

Before getting started, you should import some demo products or add some of your own product links.

You can display a Collection of products within any post/page by using the “Shopr” button in the editor.

This will create a carousel of the products from the Collection which looks like the following example:

Simply click the “Shopr” button in your post editor and you can add any Product Collection. You can also display an optional title above the widget.

This widget comes with the following options:

collection (Required)
Set the Product Collection which you would like to display in the widget.
Example: [shopr_shopthepost collection=”dresses”]

size
Sets the size of the images in the carousel. Can be “small”, “medium” or “large”. Defaults to “small” if not set.
Example: [shopr_shopthepost size=”medium”]

title
Display a title above the widget. For example “Shop this look”.
Example: [shopr size=”Shop this look”]

show_product_title
Display the product titles over each image. Defaults to “no”.
Example: [shopr_shopthepost show_product_title=”yes”]

show_product_subtitle
Display the product subtitles over each image. Defaults to “no”.
Example: [shopr_shopthepost show_product_subtitle=”yes”]

show_product_price
Display the product prices over each image. Defaults to “no”.
Example: [shopr_shopthepost show_product_price=”yes”]

order
Display products in their normal order or randomly. Defaults to normal, set to “random” to display products in a random order.
Example: [shopr_shopthepost order=”random”]

Was this article helpful?

8 Comments

  1. Emilia

    Same problem here, just downloaded it, made a Collection, added to December posts, nothing visible in preview

    1. Phil (pipdig)

      Hi Emilia, it looks like there are no Collections active on your site. If you go to ‘Shopr > Product Collections’ are there any listed?

        1. Phil (pipdig)

          You can do this by using the “After first post” widget section with the “Shopr Carousel” widget 🙂

  2. Lucie Maniscalchi

    Hi Phil

    Before purchasing I just wanted to double check as my main affiliates are Rewardstyle and Skimlinks. I wondered if there is the option to add the image and the URL it would link to manually to still display the photo? At the moment I can only use the shop this post widgit with rewardstyle on my blog (www.lucielovesit.com) but if I was able to also manually add my image of choice and manually add the URL then that would be amazing.

    Regards,

    1. Phil (pipdig)

      Hi Lucie! You can set the image and url to anything you like. You have full control 🙂

  3. Verena

    Hi there!
    I added products to Shopr and then added them to a collection. If I try to display them in a post via the Shopr button nothing shows up in the post preview. What did I do wrong?

    1. Phil (pipdig)

      Hi Verena, is the plugin updated to the latest version? You can check this by going to the “Plugins” page in your dashboard. If the plugin is up to date and still not working, you’re welcome to send login details for your site via the ‘contact us’ button at the top of this page.

Leave a comment


The link to your website will be visible to support staff only. It will not be shown publicly.