Before you add integrate shopify buy button to wix websites, you’ll need to create a Buy Button or Collection in your Shopify admin, which you can later add to your Wix website using the Wix Website Editor.
Caution
Always remember, if you’re planning to embed Buy buttons for multiple products or collections, you will need to edit the embed code before you add it to your Wix HTML code widget. If you do add more than one Buy Button on your Wix website without editing the embed code, then your customers that are trying to buy two products or more will automatically start seeing a separate cart for each product.
If you wish to showcase more than one product on your Wix website, without editing the embed code, then you can embed a collection. You can always create a new collection via your Shopify admin for the products that you wish to showcase on Wix.
Steps to quickly integrate shopify buy button for a product/collection on your Wix website:
- Go to your Shopify admin and create a Buy button for a product/collection and then select and copy its embed code.
- Go to your Wix account and find the site you wish to edit in the My Sites section, and then choose Edit Site:
- On your Wix Website Editor, select the + button and then select More.
- Select the HTML Code to add an HTML code widget to the page:
- Choose Enter Code.
- On the HTML Settings dialog, paste the embed code for your Buy Button or collection in the Add your code here field and then select Update:
- You can then quickly resize the the HTML code widget to fit its contents. If you are creating an embed with a cart, make sure the cart tab appears in the appropriate place.
- Once you’re done, click Save.
Embedding multiple products or collections
Steps to integrate shopify buy button to wix website:
- Go to your Shopify admin, create a Buy Button for a product or collection, and then copy its embed code.
- Paste the code into a code editor or the Wix website builder. Repeat the first two steps until you have created the Buy Buttons you need.
- Edit the embed codes to ensure that they appear rightly aligned.
- From your Wix account, select the site you wish to edit in the My Sites section, and then select Edit Site:
- On your Wix Website Editor, select the + button and then choose More.
- Select HTML Code to add an HTML code widget to the page:
- Select Enter Code.
- On the HTML Settings dialog, paste the edited code for your Buy Buttons in the Add your code here field and then click Update:
- Resize the HTML code widget to fit its contents. If you are creating an embed with a cart, make sure the cart tab appears in the right place.
- When you’re done, click Save.
