Shopr: How to create a Shop page

This guide will take you through all of the steps required to create a shop page using our Shopr WordPress plugin. Please note, this is a premium plugin which must be purchased separately from our themes.

With the Shopr plugin, you can display your products in a grid layout which allows people to browse each item easily. Follow the steps below to create your shop page.

How to create a shop page

1. Install the Shopr plugin (click here if you have not done this already).

2. Add some products by going to the Shopr > Add New Product page in your dashboard:

If you have not yet setup any products, you will see an on-screen tutorial showing what each option means.

If you’re not sure what products to add yet, you may wish to import our demo products.

After you’ve setup at least 5 products, you can now display them in a grid on any post/page. Let’s assume we want to create a “Shop” page for the sake of this tutorial.

3. Go to Pages > Add New page in your dashboard:

4. Add the word [shopr] to the page’s content:

This shortcode will automatically display the products in a grid when the page is viewed. Any new products you add to your site will be displayed on the page automatically.

It is also possible to group your different products together using Product Collections. When doing so, you can display the collections as tabs on your shop page. This would result in a page which looks like the example below. The tabs allow people to view products based on which collection they are in.

You can change the styling of the shop and tabs by going to the Customizer. Or simply click the link at the top of the shop page:

This link is only shown to you when you are logged in. Your readers cannot see it.

It is also possible to select different Product Collections to display on each page. You can select collections by creating a more advanced [shopr] shortcode by going to the Shopr > Shortcode Generator page in your dashboard.

Was this article helpful?

13 Comments

  1. Sarah

    Hi! I’m just creating my first ‘item’ within the plugin, but I notice that in order to save it, the button says ‘publish’. I have Jetpack subscriptions set up so that my mailing list receives new posts by email – I just wanted to check that by hitting ‘publish’ when I create an item in Shopr its not going to notify my entire mailing list?! Thanks 🙂

    1. Phil (pipdig)

      Hi Sarah, according to the Jetpack docs, custom post types (which are used in the Shopr plugin) are not included in the “publicize” module. So you should be able to publish products without them being shared to social media 🙂

  2. Verena

    Hi Phil! Is it possible to show the Product titles on hover only? That would look much nicer 🙂

    1. Phil (pipdig)

      Hi Verna, that’s not possible at the moment but we’re planning to add it to an update very soon 🙂

  3. Jamie

    Hi Phil,

    Any chance you know when you might allow the functionality of adding multiple shopstyle or rewardstyle list codes into the actual tabs? OR if we can even edit the text that says BROWSE COLLECTIONS?

    1. Phil (pipdig)

      Hi Jamie,

      I’m hoping we can add this within the next week. However it is quite difficult to estimate with the run up to Christmas being quite busy. Rest assured, we will be adding it to the plugin asap 🙂

  4. Amie Brennan

    Hi – I want to add a grid to a series of posts instead of shopable items – this PlugIn seems perfect for this.

    I therefore do not want to add every new product that I create to the page – only certain images/links

    Is this possible?
    Thanks,
    Amie

    1. Phil (pipdig)

      Hi Amie, yes this is certainly possible. You can display a single collection of products in a grid. For example, the shortcode would be:

      [shopr collection=”collection-name-here”]

      If you go to the ‘Shopr > Product Collections’ page in the dashboard, you can copy and paste the shortcode directly from the list of collections (see the right side of this screenshot)

      1. Amie Brennan

        Thanks Phil! I will have a play around with that – and thanks so much for this PlugIn as I have struggled to find a good one that is easy to use 🙂

        1. Phil (pipdig)

          Hopefully you’ll find it useful! We’re planning to add more features over time, so please feel free to report back any suggestions/feedback 🙂

  5. Alex Jones

    I have just installed this plugin and followed all the steps but it’s not working at all! Please help

    1. Phil (pipdig)

      Hi Alex, thanks for purchasing the plugin! Would you be able to provide a bit more information as to where you are in the process?

    2. Phil (pipdig)

      Hi Alex! Just checking to see if you still needed any help setting up?

Leave a comment


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