Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Etsy Shop on your Square Online website for FREE?

Enhance your website with our Etsy Shop widget, seamlessly showcasing your products and allowing visitors to browse and purchase directly from your Etsy store.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Etsy Shop on your Square Online website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 24, 2026 5 min read Ask ChatGPT
Quick answer

Your Etsy Shop on Square Online website — live in 3 steps

SociableKIT syncs your etsy shop automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Etsy Shop in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Square Online website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Etsy Shop with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Square Online website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Etsy Shop on your Square Online website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Etsy Shop widget

The first part is creating your Etsy Shop widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Etsy Shop on your Square Online website for FREE?
  2. Select "Etsy Shop" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Etsy Shop" on the dropdown - How to embed Etsy Shop on your Square Online website for FREE?


  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Etsy Shop on your Square Online website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Etsy Shop on your Square Online website for FREE?
  5. Paste the embed code and save your Square Online website page. Please follow the second part below to add Etsy Shop widget to your Square Online website .

Add Etsy Shop widget to your Square Online website

The second part is adding your Etsy Shop widget to your Square Online website . After you customize your Etsy Shop widget and copied the embed code, it is time to add it to your Square Online website . Follow the steps below.

  1. Copy your free Etsy Shop widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Login to Square Online.
  3. Create or edit your existing website.
  4. Create or edit an existing page and add a Section.
  5. Select the Embed code option. Paste the embed code from SociableKIT.
  6. Click the Preview button on the upper right corner of the page.
  7. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Etsy Shop on your Square Online site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Square Online.
  4. Create or edit your existing website.
  5. Create or edit an existing page and add a Section.
  6. Select the Embed code option. Paste the embed code from SociableKIT.
  7. Click the Preview button on the upper right corner of the page.
  8. Done!
Full Square Online tutorial →

To embed Etsy Shop on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Etsy Shop on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Etsy Shop on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Etsy Shop on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Etsy Shop on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Etsy Shop on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Etsy Shop on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Etsy Shop widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Etsy Shop template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Square Online website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Etsy Shop on your Square Online website.

What is an Etsy Shop widget?

An Etsy Shop widget displays your Etsy products directly on your website. It gives visitors a simple way to browse your shop from your own page before they continue to Etsy to buy.

How do I add my Etsy Shop to my website?

Create your Etsy Shop widget in SociableKIT, customize the design, then copy and paste the embed code into your website. You do not need to build a product section from scratch or write custom code.

Will my Etsy products update automatically?

Yes, automatic syncing is available on paid SociableKIT plans. When your Etsy shop changes, your website can stay updated without manually editing the page every time.

Will visitors buy on my website or on Etsy?

The widget helps visitors browse your products on your website. When they are ready to buy, they can continue to Etsy to complete the purchase through the Etsy checkout flow.

Will the widget work with my website builder?

Yes, SociableKIT works with major website builders and custom HTML websites. You can add it to platforms like WordPress, Shopify, Wix, Squarespace, Webflow, Google Sites, Weebly, SharePoint, and other sites that support embed code.

Can I customize the Etsy Shop widget design?

Yes, you can customize the layout, colors, fonts, spacing, and buttons to match your brand. This helps your product section feel native to your website instead of looking like a random outside embed.

What layouts can I use for my Etsy Shop widget?

SociableKIT gives you layouts like masonry, grid, carousel, list, and dark mode templates. You can choose a clean browsing experience for a shop page, homepage, product landing page, or gift guide.

Is the Etsy Shop widget mobile-friendly?

Yes, the widget is designed to work on desktop, tablet, and mobile screens. Your products stay easy to browse even when visitors arrive from Instagram, Pinterest, email, or mobile search.

Can I start with a free Etsy Shop widget?

Yes, SociableKIT has a free plan so you can create and test your Etsy Shop widget before paying. Upgrade when you need automatic syncing, unlimited views, more usage, no branding, or 24/7 priority support.

What happens if my website gets a lot of traffic?

Paid SociableKIT plans include unlimited views. That means your Etsy Shop widget can keep showing during busy seasons, launches, ads, promotions, and holiday traffic.

Can I show my Etsy products on multiple website pages?

Yes, paid plans let you create unlimited widgets per source. You can show the same Etsy shop on your homepage, shop page, blog posts, landing pages, and client websites without rebuilding it each time.

Do I need a developer to install the widget?

No, most website owners can install it by copying one embed code and pasting it into the right block or section. A developer is only helpful if your website has custom restrictions or a more advanced layout.

What Etsy details do I need to create the widget?

You usually need the correct Etsy shop link or shop details so SociableKIT can find the right source. If you are unsure which link to use, the setup flow and support team can help you avoid connecting the wrong shop.

Can I choose which Etsy products appear?

SociableKIT gives you display and customization options to shape how your shop appears on your site. If you need a more curated product view, the support team can help you check what filtering or moderation options fit your Etsy source and plan.

Will sold out or changed listings update in the widget?

The widget displays information from your connected Etsy source, so product visibility depends on what is available there and when the widget syncs. Paid plans with automatic syncing help reduce outdated product displays on your website.

Why are some Etsy products not showing?

Some products may not show because of listing status, source access, shop settings, sync timing, or the details available from Etsy. SociableKIT support can help check your source, widget settings, and embed setup so you can fix it faster.

Will the widget slow down my website?

SociableKIT is built to display dynamic shop content without making you host or manage the product feed yourself. For the best experience, place the widget where it supports the page goal and avoid crowding it with too many heavy sections.

Can I use the widget for seasonal products and collections?

Yes, it works well for seasonal drops, handmade collections, gift guides, bestsellers, and new arrivals. Add the widget to pages where shoppers already have buying intent, then let your Etsy products do the showing.

Can the Etsy Shop widget help visitors trust my store?

Yes, showing real products from your Etsy shop helps visitors see that your business is active and ready to sell. It adds useful social proof to your own website, especially when paired with clear copy, reviews, product photos, and a strong call to action.

What if I need help setting it up?

SociableKIT offers support on every plan, with 24/7 priority chat and email support on paid plans. If your shop, website builder, or embed placement is confusing, you can ask for help instead of losing time guessing.

Add your Etsy Shop widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Etsy Shop widget page →