How to Embed a Widget on Sellfy

Sellfy is a simple e-commerce platform popular with creators selling digital products, subscriptions, and physical goods. By embedding Embeddy widgets, you can enhance your store with interactive calculators, quizzes, lead capture forms, and product configurators — all without custom development. This guide covers three methods: the built-in Store Editor modules, custom page content, and product description embeds.

Beginner~6 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>

Sellfy account with a Business plan or higher. The custom code and embed features require a paid Business plan. The Starter plan has limited customization options.
Access to the Sellfy Store Editor. You will use the drag-and-drop store customizer to place content modules on your pages.

Note: Sellfy is a hosted platform — you do not have access to raw theme files. All customization is done through the Store Editor, page content modules, and product descriptions.

Method 1: Store Editor Modules

Easiest — drag-and-drop

Sellfy's Store Editor uses a module-based system to build pages. You can add a custom HTML or embed module to any page section.

1
Open the Store Editor
In your Sellfy dashboard, go to Store Settings > Store Customizer (or click "Customize Store"). This opens the visual drag-and-drop editor.
2
Navigate to the target page
Use the page selector to navigate to your homepage, a custom page, or the page where you want to embed the widget.
3
Add a content module
Click the "+" button to add a new module. Look for "Custom HTML", "Embed", or "Rich Text" module. If using Rich Text, switch to HTML view.
4
Paste your embed code
Paste the Embeddy iframe embed code into the module's HTML content area.
5
Save and preview
Click Save and use the preview to verify the widget appears correctly. Then publish your changes.

Tip: You can drag the module to reposition it anywhere on the page. Place it above or below product listings, between sections, or in a dedicated landing page area.

Method 2: Custom Page with Embedded Content

Intermediate — dedicated widget page

Create a dedicated custom page on your Sellfy store specifically for hosting an Embeddy widget. This approach is ideal for landing pages, tools, or interactive experiences.

1
Create a new page
In your Sellfy dashboard, go to Store Settings > Pages and click "Add Page". Give it a title like "Interactive Tool" or "Size Calculator".
2
Add content with HTML
In the page content editor, switch to HTML mode and paste your embed code:

<!-- Embeddy Widget -->
<div style="max-width: 800px; margin: 2rem auto;">
  <h2 style="text-align: center; margin-bottom: 1rem;">Try Our Interactive Tool</h2>
  <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>

3
Publish and link the page
Save and publish the page. Add a link to it in your store navigation menu so visitors can easily find it.

Use case: This method is great for landing pages that showcase an interactive tool — such as a size calculator, quiz, or configurator — that you want to link to from product pages or marketing emails.

Method 3: Product Description Embed

Intermediate — per-product widgets

You can embed widgets directly in individual product descriptions on Sellfy. This is ideal for adding product-specific tools like size guides or configurators alongside the product details.

1
Edit the product
Go to Products in your Sellfy dashboard and click on the product you want to edit.
2
Open the description in HTML mode
In the product description editor, click the HTML or source button to switch to raw HTML editing mode.
3
Add the embed code below the description
After your product description text, add the Embeddy iframe embed code wrapped in a container div:

<div class="embeddy-widget" style="max-width: 100%; margin: 1.5rem 0;">
  <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
Save the product and visit its page on your store to verify the widget appears correctly within the product details.

Note: Sellfy's product description editor may have limited HTML support depending on your plan. If iframes are stripped, use Method 1 (Store Editor module) on the same page instead.

Embedding on Product Pages

Product pages on Sellfy are ideal for interactive widgets. Common use cases:

Size guides — help customers select the right size for physical products
Previews and configurators — let customers preview digital products or customize options
Quizzes and recommendation tools — guide customers to the right product
ROI or value calculators — demonstrate the value of subscriptions or courses

Use Method 3 (product description embed) for per-product widgets, or use Method 2 (custom page) to create a dedicated tool page linked from multiple products.

Troubleshooting

The embed module or HTML block is not available

Custom HTML/embed modules may require a Business plan or higher on Sellfy. Check your plan in Account Settings > Billing. If you are on the Starter plan, upgrade to access custom code features.

Iframe is stripped from the description editor

Sellfy's text editor may sanitize HTML and remove iframes. Try using a Store Editor module (Method 1) instead, which typically has fewer restrictions on embedded content.

Widget shows blank or loading spinner

Verify your Widget ID and Props ID are correct. Copy the embed code fresh from the Embeddy dashboard and confirm the widget is published (not in draft mode).

Widget is cut off on mobile

Ensure the iframe has width="100%". Sellfy's responsive design should handle most cases, but you may need to reduce the height attribute for smaller screens. Use the Store Editor's mobile preview to check.

Frequently Asked Questions

Will embedding a widget slow down my Sellfy store?

No. Iframes load independently and do not block your page render. Adding loading="lazy" defers the widget load until it scrolls into view. Embeddy uses a global CDN for fast delivery.

Which Sellfy plan do I need for embedding widgets?

The Business plan or higher provides access to custom HTML modules and code embedding in the Store Editor. The Starter plan may limit customization options. Check Sellfy's pricing page for the latest feature comparison.

Can I use Embeddy with Sellfy's embeddable product buttons?

Yes. Sellfy's embeddable product buttons and Embeddy widgets serve different purposes. You can place an Embeddy widget on an external website alongside Sellfy buy buttons, or embed widgets on your Sellfy store pages. Both systems use iframes and work independently.

Ready to supercharge your Sellfy store?

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

Create your free widget at embeddy.ai

On this page