Add commerce to the site you already have.
One async script tag, a couple of HTML containers, and your existing site becomes a shop. Works on WordPress, Webflow, Ghost, Carrd, Framer, plain HTML, or any CMS that lets you paste script tags. No rebuild. No plugin. No theme swap.
See it live.
Click around, add to cart. This is a real Shoprocket embed, running in your browser. The cart persists as you read the rest of the page.
You have a site. You want to sell on it. Not rebuild it.
Most commerce platforms want you to swap your current site for theirs. WordPress asks for WooCommerce. Wix wants Wix Stores. Squarespace wants Squarespace Commerce. Shopify wants the whole thing on their stack. You wanted a shop, not a migration project.
Your site already works.
Your brand, content, blog, animations, SEO. The work you already did. None of it should have to change to add a checkout.
Your CMS is not the problem.
WordPress is fine. Webflow is beautiful. Ghost is perfect for content. Carrd is fast. None of them should force you to leave because they do not natively handle commerce.
Your store should live inside your site.
Not on a separate subdomain, not as a redirect to a hosted cart. The product page is yours, the checkout happens inside it, and the customer never leaves.
Three lines of HTML. Four widget types.
Paste the loader script once. Drop HTML containers where you want commerce to appear. The widget auto-mounts every one it finds on render.
One script tag. Async. Non-blocking.
The script tag goes in the site head, or just before the closing body tag, or in your CMS header template. It loads async, so it never blocks your page from rendering. On load, it scans the page for any HTML element with a data-shoprocket attribute and mounts the matching widget there. If there are no widget elements on the page, it still bootstraps the floating cart so shop buttons elsewhere on your site keep working.
- ✓Async loading, no impact on LCP or CLS
- ✓Auto-mounts every data-shoprocket element on the page
- ✓Floating cart bootstraps site-wide even on pages with no widgets
Four shapes, all on the same page.
Pick the one you need where you need it. A homepage can have a featured-product widget, a dedicated shop page can have a full catalogue, and an article can have a single-product embed inline. All on the same site, all from the same store.
Catalogue.
Full product grid with filters, categories, and search. Drop it on your /shop page and customers browse your whole store.
Product.
A single product card with price, variants, and add-to-cart. Drop it inline inside an article or on a landing page next to a pitch.
Cart.
The cart itself, as a page widget. Or let the floating cart handle it site-wide, the script bootstraps that automatically.
Checkout.
Cart, addresses, shipping, and order summary all inside your page. The final payment step redirects to the processor for PCI compliance and returns the customer back to your site.
If it allows a script tag, Shoprocket embeds.
Specifically tested and documented for the builders below. In practice, anywhere you can paste HTML works.
WordPress.
Self-hosted or WordPress.com. Any theme, any page builder (Elementor, Gutenberg, Divi, etc.). No WooCommerce required. No plugin to maintain.
Webflow.
Use the Embed element where you want the shop. Keep your Webflow CMS plan, no Ecommerce upgrade needed.
Ghost.
HTML card in any post or page. Ghost is ideal for creators shipping content alongside products.
Carrd, Framer, Notion.
One-page and design-first builders. Works with Carrd Pro Standard embeds, Framer code components, and Notion via Super.so / HeyNotion wrappers.
Static HTML & JAMstack.
Cloudflare Pages, Netlify, Vercel, plain static HTML, any Jekyll / Hugo / Astro / 11ty build. Paste the snippet and go.
React, Next.js, Vue, Svelte.
Install the npm package `@shoprocket/widget` for tight framework integration. Import the component, mount where you want the shop.
Your Core Web Vitals stay green.
The whole point of embed-anywhere commerce is that your site keeps behaving like your site.
Async script, cached config, fast mount.
The loader script is delivered async, so LCP is untouched. Store config is fetched from our API and cached at the edge (1 hour TTL), so repeat page views do not re-query. The widget renders into the reserved container, so no layout shift. Sites that were green on Lighthouse before the embed stay green after it.
- ✓Async script tag: zero impact on LCP or CLS
- ✓Store config cached at edge, served from CDN on repeat views
- ✓Reserved mount containers mean no cumulative layout shift
Embed questions, answered.
What people ask before they paste the snippet.
Where does the cart and checkout actually run?+
Can I have multiple widgets on the same page?+
Does it slow down my site?+
What if I use React / Next.js / Vue?+
What about Wix and Squarespace?+
Can I use my own domain?+
How do I customise the look of the widget?+
What if I have multiple embed configs for different pages?+
Is Shoprocket really 0% platform fees?+
Your site. Now with commerce.
14-day free trial. No credit card. Paste the snippet, ship a shop, keep the site.