Note: Shopify previously had a "Shopify Lite" plan which has been retired/replaced with the Shopify "Starter Plan." Shopify Lite will continue to work (if already in use) until they retire the product (please contact Shopify support for those details). Anyone who is just starting with Shopify will use the new Starter Plan instead.
Yes, You Definitely Can!
Shopify offers a Starter Plan that allows you to place Buy Buttons on your own website using embed codes. They offer embedding of individual products, collections of products or a buy button.
Good to Know: The checkout process is handled in a separate secure pop-up window that is powered by Shopify.
Things to Know
Shopify embed code should be visible at all times on the page. Avoid canvas views and hidden canvases.
Showit's embed widget will remain at a fixed size and will not grow based upon the code embedded into it.
Shopify collections embed code will display a limited number of products at one time. For a large catalog of products we suggest using an Advanced Blog and setup the collections on a Wordpress page that will automatically grow with the number of products you have.
Adding a Product to a Showit Page
Create your product on Shopify.
Get your embed code following their instructions for creating a Buy button.
Add the Embed Code widget to your design in Showit.
4. Paste the code from Shopify into the Embed Code widget's custom code area under the Embed Info settings.
5. Resize your object on desktop and mobile.
6. Preview the design and test your buy button. The cart should automatically appear as an overlay on the side of your site.
Multiple Buy Buttons for Same Product on Single Page
Known Shopify Issue: Shopify does not automatically handle multiple Buy Now buttons for the same product on a single page. You will need to adjust each of your buy button codes slightly to avoid conflicting with each other.
Here's an example of the two adjustments you'll need to make for any duplicate buttons.
