Guide

Embedding a product

The real snippet, what it can and can't do, and what this isn't — an honest answer, not marketing copy.

The snippet

Once a product is published, its own page in your admin has a Share panel that gives you a ready-made snippet — nothing to write by hand. It looks like this:

<iframe src="https://yourschool.uinstructor.com/embed/products/your-product-slug" style="width:100%;border:0;min-height:220px"></iframe>
<script>window.addEventListener("message",function(e){if(e.data&&typeof e.data.uinstructorEmbedHeight==="number"){var f=document.getElementsByTagName("iframe");for(var i=0;i<f.length;i++){if(f[i].contentWindow===e.source){f[i].style.height=e.data.uinstructorEmbedHeight+"px";}}}});</script>

The small script is optional but recommended: it lets the iframe report its own real height back to the page, so it never shows an awkward scrollbar or dead space. Skip it and pick a fixed height instead if your site doesn't allow inline scripts.

Where it works

Anywhere you can paste raw HTML: your own site's code, a WordPress page, or Elementor's HTML widget specifically — there's no native Elementor plugin, the widget is just where Elementor lets you drop arbitrary HTML. The same idea works in Squarespace's embed block, Webflow's embed element, or a plain static page.

What happens when someone buys

For a one-time or subscription product, clicking Buy inside the embed redirects the whole page (not just the iframe) to a Stripe-hosted checkout — Stripe won't run inside a frame, so this has to break out of it. For a 1:1 or live-session product, the embed shows price and availability but doesn't sell in-iframe at all — it links out to your own uInstructor shop, where the buyer signs in and books.

Options

What this isn't

There's no public REST API, no API keys issued to third parties, and no webhook system for your own systems today — the product embed above (and, separately, a chatbot widget script for your site) are the only real integration surfaces that exist. If you need something beyond embedding a single product, get in touch and tell us what you're actually trying to build — that's more useful than us guessing at an API nobody's asked for yet.

Embedding a product · uInstructor