How to create an eCommerce shop and checkout with a Shopify Buy Button
Login to the CMS.
Under Home, create a new Page, name it and select the 'Full' layout option.
Click 'Add Content' and choose the 'Embed Code' component.
Go to your Shopify admin and create a new Sales Channel with a 'Buy Button' — follow the steps here (https://help.shopify.com/en/manual/online-sales-channels/buy-button/create-buy-button).
You can choose a number of layout options from the Shopify admin panel, from the number of products per row to the color of text. This will help make sure your products match your uSkinned website.
Return to the uSkinned Site Builder CMS. In the 'Embed Code' field, paste the first part of your Buy Button code. It will look something like this:
In the bottom right corner, click 'Submit'.
You can now view all of your Shopify products on the front end of your uSkinned Site Builder for Umbraco website.
Go to any other page on your site and you will be able to access your shopping cart. This will make sure your customers can get to the checkout from any page.
Here are some examples of uSkinned Site Builder powered websites that have already adopted this integration.