Show a collection of things for sale with Shopify collections

Last Modified on 01/27/2017 11:55 am EST

Shopify is an end-to-end e-commerce platform that gives you the ability to build an online storefront, accept payments, track stock, and manage your sales all through their easy to use platform. You can embed the items from your Shopify store right onto your PageCloud site using the embed codes they provide.

Shopify has recently made some changes to their embed code which gives more flexibility but now requires existing embed codes to be re-applied to ensure proper functionality.

To begin embedding a Shopify Collection in your PageCloud site, head to your Shopify store.

Here you will want to set up a Sales Channel for a Buy Button. You can so this by click on the “+” sign next to Sales Channel in the left side bar of your page.

A list of sales channels will appear in a pop-up window. You will want to find the "Buy Button by Shopify" sales channel and click "Learn More"

Here you can click "Add Channel"

Once you've added the Buy Button Channel you will find it available in the left sidebar of the page. Click on "Embed a Collection" to begin creating.

You can now click "Select collection" under the "Embed a collection" section.

This will bring up a current list of the collections you've built on your Shopify store. Select the collection you'd like to embed onto your site and click "Select collection"

You will now arrive at the collection creation menu for the particular collection you've selected. Here you can adjust the styling of the collection to fit your own unique brand. Once you've set up your product just as you'd like it to appear on your site, you can select the "Generate code" button in the upper right of the page.

This will generate the embed code needed to have your product displayed on your PageCloud site. Once generated click "Copy embed code to clipboard"

Once copied to your clip board you can head over to the page on your PageCloud site you'd like to embed the collection on.

Using the keyboard shortcuts CMD+V (on Mac) or CTRL+V (on Windows) you can paste the embed code onto the page. An Embedded object will appear.

Don't worry if your collection isn't displaying in Edit mode. When you click Save and View live it will display as expected.

Your collection, and all of the products within it, are now available for purchase from your PageCloud site!