How to Embed a Widget on Big Cartel

Big Cartel is a simple e-commerce platform built for artists and makers. By embedding Embeddy widgets on your Big Cartel store, you can add interactive calculators, product configurators, quizzes, and more. This guide covers three methods: editing your theme code, using product description HTML, and creating a custom page with embedded content.

Intermediate~8 min readUpdated 2026

Prerequisites

Before you start, have the following ready:

Your Embeddy embed code. Log in at https://embeddy.ai/dashboard, open your widget, and copy the iframe embed code:

<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>

Big Cartel admin access. You need store owner access to edit themes and product descriptions.
Platinum plan (for Method 1). The custom theme code editor is only available on Big Cartel's Platinum plan. The Gold plan uses the visual theme editor, which does not support raw HTML injection.

Important: Big Cartel themes use a custom template language. Before editing theme code, make note of which theme you are using so you can restore it if needed. Consider copying your current theme code to a text file as a backup.

Method 1: Theme Code Editor

Most control — Platinum plan required

Big Cartel's Platinum plan gives you access to the full theme code editor, where you can directly edit your store's HTML templates. This is the most flexible way to place an Embeddy widget anywhere on your store.

1
Open the code editor
In your Big Cartel admin, go to Design, then click "Edit theme code" (or "Code") to open the theme HTML/CSS editor.
2
Select the template to edit
In the file list, choose the template where you want the widget. Common templates include home.html (homepage), product.html (product pages), or page.html (custom pages).
3
Paste your embed code
Insert the iframe at the desired position in the HTML template:

<!-- Embeddy Widget -->
<div class="embeddy-widget-wrapper" style="max-width: 800px; margin: 2rem auto; padding: 0 1rem;">
  <iframe
    src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
    width="100%"
    height="500"
    frameborder="0"
    style="border: none; border-radius: 8px;"
    loading="lazy"
    title="Interactive Widget"
  ></iframe>
</div>

4
Save and preview
Click "Save". Use the preview or visit your live store to confirm the widget appears correctly.

Tip: To embed the widget on every product page automatically, add the code to product.html. To embed only on the homepage, add it to home.html.

Method 2: Product Description HTML

Any plan — per-product embedding

Big Cartel product descriptions support HTML. You can embed an Embeddy widget directly in a product's description for product-specific tools like size calculators or configurators.

1
Edit a product
In your Big Cartel admin, go to Products and click the product you want to edit.
2
Add HTML to the description
In the product description field, switch to HTML mode (if available) or paste the iframe code directly. Big Cartel descriptions support basic HTML tags including iframes.
3
Save the product
Click "Save". Visit the product page on your store to verify the widget appears in the description area.

<p>Your product description text goes here.</p>

<!-- Embeddy Widget -->
<div style="margin-top: 1.5rem;">
  <iframe
    src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
    width="100%"
    height="500"
    frameborder="0"
    style="border: none; border-radius: 8px;"
    loading="lazy"
    title="Interactive Widget"
  ></iframe>
</div>

Note: Big Cartel may sanitize some HTML in descriptions. If the iframe does not render, try Method 1 (theme code editor) or Method 3 (custom page) instead.

Method 3: Custom Page

Platinum plan — dedicated widget page

Create a dedicated custom page on your Big Cartel store for your Embeddy widget. This works well for standalone tools like calculators, quizzes, or lead generation forms that do not need to live on a product page.

1
Create a custom page
In your Big Cartel admin, go to Design > Pages and create a new custom page (e.g., "Size Calculator" or "Product Quiz").
2
Edit the page template
Open the theme code editor and edit page.html. Add your Embeddy iframe code within the page content area.
3
Save and link to the page
Save the template. Add a link to the custom page in your store's navigation so visitors can find it.

Tip: Custom pages are great for standalone tools. Link to them from product pages or your navigation menu to drive traffic to the widget.

Troubleshooting

I do not see the "Edit theme code" option

The theme code editor is only available on Big Cartel's Platinum plan. If you are on the Gold plan, you can use the visual theme editor but cannot inject raw HTML. Use Method 2 (product description) instead, or upgrade to Platinum.

The widget shows a blank area

Verify your Widget ID and Props ID are correct. Copy the embed code fresh from the Embeddy dashboard and ensure your widget is published.

Iframe is stripped from product description

Big Cartel may sanitize certain HTML tags in product descriptions. If iframes are removed, use Method 1 (theme code editor) to embed the widget directly in the template file.

Widget is cut off on mobile

Ensure the iframe has width="100%" and the wrapper div uses max-width: 100%; padding: 0 1rem; to add side margins on mobile screens.

Frequently Asked Questions

Will an embedded widget slow down my Big Cartel store?

No. Iframes load independently and do not block your store's page rendering. Using loading="lazy" ensures the widget only loads when visible.

Can I use this on the Big Cartel free plan?

The free Gold plan does not include the theme code editor, but you can try embedding via product descriptions (Method 2). For full theme customization, the Platinum plan (starting at $9.99/month) is required.

Does Big Cartel support JavaScript in theme code?

Yes. On the Platinum plan, you have full access to HTML, CSS, and JavaScript in the theme code editor. However, for Embeddy widgets, you only need the iframe HTML — no JavaScript is required.

Ready to supercharge your Big Cartel store?

Build a free interactive widget — calculator, product configurator, quiz, or anything you need — and embed it on your store in minutes.

Create your free widget at embeddy.ai

On this page