How to Embed Shopify Products on Wix and Squarespace: A Step-by-Step Guide

Many Shopify merchants build their brand website on Wix or Squarespace, then realize they need a simple way to show products without creating a second store.

The problem is that embedding Shopify products on Wix and Squarespace is not as straightforward as copying products from one platform to another. The common solutions, such as CSV imports, Shopify Buy Buttons, or custom code, can work in specific situations, but they do not always provide the live, synced shopping experience merchants expect.

A disconnected product catalog can create extra work. Inventory updates may need manual changes, product pages can become outdated, and some embeds may not work because of platform restrictions.

This article explains how to embed Shopify products on Wix and Squarespace while keeping Shopify as the place where products, orders, and checkout are managed.

TL;DR

• Wix and Squarespace can display Shopify products, but neither platform keeps a Shopify catalog, inventory, and checkout experience connected automatically.

• Squarespace’s built-in Shopify options include importing products through CSV or adding Shopify checkout elements with custom code, but those approaches have limitations.

• Squarespace requires a plan that supports JavaScript or iframe-based code for advanced embeds, so a working embed can still fail if the site plan does not support it.

• Shopify Buy Button embeds can still work, but existing implementations may need updates because older Buy Button JS versions depended on deprecated Checkout APIs.

• EmbedUp lets merchants create a Shopify-powered product component once and place it on Wix, Squarespace, or other websites while keeping Shopify as the commerce backend.

Why Wix and Squarespace Don’t Keep Shopify Products Connected on Their Own

When merchants search for ways to embed Shopify products on Wix or Squarespace, most solutions focus on one thing: getting a product displayed onto a page.

But displaying a product and creating a connected shopping experience are two different things.

A product can appear on a Wix or Squarespace page while still being separate from the Shopify store that manages inventory, pricing, and orders.

Squarespace explains that merchants can connect Shopify through options such as importing products with a CSV file or adding Shopify checkout functionality through custom code. The CSV method creates products inside Squarespace rather than maintaining a live connection with Shopify.

A CSV import can be useful when a merchant wants a one-time product transfer, but it does not automatically keep Shopify product changes synchronized. If a product price changes in Shopify, for example, the imported Squarespace product does not become a live mirror of that Shopify product.

The custom code route solves a different problem. It allows merchants to place Shopify-powered elements on a Squarespace page, but it requires more technical setup and depends on Squarespace’s support for custom code.

Wix has a similar gap. Merchants often search for a Shopify Buy Button Wix solution because the Buy Button is one of the most common ways to place Shopify products on external websites.

The Shopify Buy Button can still be used, but merchants need to be aware that the underlying technology has changed over time. Shopify’s documentation explains that Buy Button JS relies on Shopify’s SDK and that older implementations using deprecated Checkout APIs may require updates.

The issue is not that Shopify products cannot appear on Wix or Squarespace. They can. The same difference between simply displaying products and maintaining a connected Shopify experience also applies when merchants embed products on other platforms, such as WordPress websites. 

The issue is that the usual methods often leave merchants choosing between:

• A separate product catalog that needs maintenance

• A custom embed that requires technical setup

• A product display that works today but needs future updates

For merchants who already use Shopify as their commerce system, the better approach is usually keeping Shopify as the source of truth and using Wix or Squarespace as additional places where customers can discover products.

This same approach applies when merchants want to place Shopify products on other content-focused websites that support embedded experiences, including websites built for affiliate marketing or publishing.

How EmbedUp Closes the Gap

EmbedUp is designed around a simple idea: your website builder should not replace your Shopify store.

Instead of recreating products inside Wix or Squarespace, merchants can create a Shopify-connected product component and place it where customers already interact with their brand.

The Shopify store remains responsible for:

• Product information

• Pricing

• Inventory management

• Checkout

• Order processing

The Wix or Squarespace website becomes another sales touchpoint.

This makes the setup useful for merchants who use Wix for landing pages, campaigns, or brand websites, and merchants who use Squarespace for blogs, portfolios, or content-driven websites.

The same embedded product approach can also work across other platforms that allow custom code, which is why many merchants choose to embed Shopify products on any website instead of managing multiple storefront systems.

How to Create the EmbedUp Component in Shopify

The Shopify-side setup is the same whether you want to embed Shopify products on Wix or embed Shopify products on Squarespace.

You create the product experience inside Shopify first, then place it on the external website.

Install EmbedUp and Connect Your Shopify Store

Start by connecting EmbedUp with your Shopify store.

Your Shopify catalog remains the source for the products you want to display, so there is no need to manually recreate product information on another platform.

Choose the Products You Want to Display

Select what customers should see on your external website.

Depending on your goal, you can display:

• Individual products

• Product collections

• Featured products

• Campaign-specific selections

For example, a merchant may create a Wix landing page for a seasonal campaign while keeping all product management inside Shopify.

Customize the Product Component

Adjust the appearance of your embedded product section so it matches the destination website.

The goal is not to create a completely separate store. The goal is to make Shopify products feel like a natural part of your Wix or Squarespace page.

Select Your Checkout Experience

Customers continue through Shopify checkout, so your existing Shopify checkout settings remain in place.

This avoids creating separate checkout processes across multiple websites.

Copy the Embed Code

Once the component is ready, copy the generated embed code.

You will use this code inside Wix or Squarespace to display your Shopify products.

The Shopify setup only needs to be completed once. After that, the same product management workflow stays inside Shopify while your external websites act as additional customer touchpoints.

How to Embed Shopify Products on Wix

Wix is often used as the marketing side of a business, while Shopify handles the ecommerce side. This setup works well for merchants who want more flexibility with landing pages, brand storytelling, or campaign pages without moving their entire store away from Shopify.

To embed Shopify products on Wix, you need a Wix page that can accept external embed content. Wix provides HTML iframe elements that allow merchants to add external content to their pages.

Once you have your EmbedUp component ready, the process is straightforward.

Step 1: Open the Wix Editor

Open the Wix Editor and go to the page where you want your Shopify products to appear.

This could be:

• A campaign landing page

• A product-focused page

• A blog-related sales page

• A promotional page

Choose a location where the products support the page content instead of making the page feel like a separate storefront.

Step 2: Add an HTML Embed Element

In the Wix Editor, add an HTML iframe element where you want your Shopify products displayed. Wix provides this element specifically for adding external content inside a website page.

Place the element in the correct section of your page, then adjust its size based on your product layout.

Step 3: Paste Your EmbedUp Code

Copy your EmbedUp embed code from Shopify and paste it into the Wix HTML element.

After saving, Wix will load your Shopify product component inside the page.

At this stage, check that:

• Product images load correctly

• Product details appear properly

• Add-to-cart actions work

• Customers can continue to Shopify checkout

Step 4: Adjust the Layout for Different Devices

A product component that looks good on desktop may need adjustments on smaller screens.

Before publishing, test your Wix page on:

• Desktop

• Tablet

• Mobile

Pay attention to product card width, button visibility, and spacing.

The goal is to make the embedded Shopify products feel like part of your Wix website, not like a separate page placed inside it.

How to Embed Shopify Products on Squarespace

Squarespace is popular among businesses that prioritize content, design, and branding. Many merchants use it for blogs, portfolios, and marketing websites while keeping Shopify as their ecommerce backend.

However, before you embed Shopify products on Squarespace, there is one important thing to check: whether your Squarespace plan supports the type of code your embed requires.

Check Your Squarespace Plan Before Adding the Embed

Core plan required for advanced embeds: Squarespace Code Blocks support different types of content, but adding JavaScript or iframe-based code requires a plan that supports those features. Squarespace lists JavaScript and iframe embedding as premium functionality available only on eligible plans.

Step 1: Open the Squarespace Page Editor

Open the Squarespace page where you want your Shopify products displayed.

Common placements include:

• Blog pages

• Landing pages

• Resource pages

• Brand pages

Step 2: Add a Code Block

Add a Code Block to the section where you want the products to appear.

Squarespace supports custom code blocks for adding external content, but the available functionality depends on your plan.

Step 3: Paste Your EmbedUp Code

Insert the EmbedUp code into the Code Block and save your changes.

The embedded products should now appear directly on your Squarespace page while Shopify continues managing the product and checkout experience.

This is different from importing products through Squarespace’s CSV method.

A CSV import creates products inside Squarespace, which means you are managing a separate product copy. An embedded Shopify product component keeps Shopify as the source where products, inventory, and orders are managed.

Step 4: Test the Customer Experience

Before publishing, check:

• Product loading

• Mobile display

• Add-to-cart behavior

• Checkout flow

A customer should be able to discover products on your Squarespace website and complete the purchase through Shopify without confusion.

Tracking Performance and Avoiding Common Mistakes

Embedding Shopify products on external websites gives merchants more places to sell, but the setup still needs proper tracking and testing.

Track Each Product Placement

When the same Shopify products appear on multiple websites, it becomes important to understand which pages generate sales.

Use UTM tracking to compare performance between:

• Wix landing pages

• Squarespace content pages

• Campaign pages

• Other embedded locations

This helps identify which website placements actually contribute to revenue.

Check Platform Requirements Before Troubleshooting

If an embed does not appear, check the platform requirements first.

For Squarespace, confirm that your plan supports the required JavaScript or iframe functionality before changing the code.

For Wix, confirm that the HTML embed element is correctly placed and that the page is loading the external content properly.

Always Test on Mobile

Many embedded product sections look fine on desktop but create problems on smaller screens.

Check:

• Product card size

• Button placement

• Text readability

• Scrolling behavior

A customer should have the same buying experience regardless of the device.

Avoid Adding Too Many Products to One Page

An embedded product section should support the purpose of the page.

A landing page promoting a specific collection usually performs better than a page overloaded with dozens of products.

Choose products that match the visitor’s intent.

Keep Shopify as the Commerce System

If Shopify already manages your catalog and orders, avoid creating unnecessary duplicate systems.

Wix and Squarespace can help you create better content experiences, while Shopify continues handling the ecommerce operations behind the scenes.

FAQ

Conclusion

The best way to use Wix, Squarespace, and Shopify together is not to make one platform replace the other.

Wix works well for merchants who need flexible landing pages, campaign pages, and branded experiences while Shopify manages products and checkout.

Squarespace works well for content-heavy websites, blogs, and portfolios, but merchants need to check plan requirements before adding advanced embeds.

When you embed Shopify products on Wix and Squarespace, the goal is to keep Shopify as the central commerce system while using other websites as additional places where customers can discover and purchase products.