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 Buy Button 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 Buy Button to begin creating.
You can now click "Select Product" under the "Embed a Product" section.
This will bring up a current list of the products you've included on your Shopify store. Select the one you'd like to embed onto your site and click "Select Product"
You will now arrive at the buy button create menu for the particular product you've selected. Here you can adjust the styling of the buy button 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 product 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 product isn't displaying in Edit mode. When you click Save and View live it will display as expected.
Your product is now available for purchase from your PageCloud site!
If you have more than one product you want to appear on a page, you can repeat the process above with multiple products to place them as individual objects. Alternatively you could use the "Collection" embed to have a larger, single embedded object that includes all of you products in a pre-aligned grid.