Display your catalog inside your own website
You already have a website — WordPress, Wix, Shopify, Squarespace, Webflow or hand-written HTML. Your Vitrin catalog can live inside it, on your own pages, at your own address. Your visitors never leave your site, and quote requests still land in Vitrin.
In Settings → Catalog → Sharing, the "Embed your catalog" card holds a snippet already filled in with your shop address. Click Copy code, then paste it on your site exactly where the catalog should appear.
<script src="https://vitrin-catalog.com/widget.js" data-shop="your-shop"></script>
That's it. No plugin to install, no account to connect, nothing to maintain afterwards: when you edit your catalog in Vitrin and publish, your website shows the new version automatically.
The snippet works on every plan, including the free plan. Copy it as-is — the data-shop part already contains your catalog address, don't edit it.
Add a Custom HTML block in the page editor, then paste the snippet into it.
On WordPress.com, script tags are blocked on the free plan. You need a paid plan, or a self-hosted WordPress.org site. That's a WordPress limitation, not a Vitrin one.
Add → Embed → Embed a site, then paste the snippet into the field.
Online Store → Themes → Edit code, then paste the snippet into the file for the page you want.
Add a block → Code, then paste the snippet.
Squarespace only allows code blocks from the Business plan up. Below that, the snippet won't run.
Add an Embed element, then paste the snippet inside.
The snippet works in any HTML area: paste it where you want the catalog to appear. If your editor offers no "HTML" or "code" field at all, the platform is blocking them — check its plan.
The catalog appears inside your page and sticks to the top of the screen as soon as the visitor scrolls down: it stays visible throughout, and the catalog itself scrolls inside.
| Element | Behaviour inside your site |
|---|---|
| Your logo | Hidden — your own site header already carries it, showing it twice muddles the page |
| Cart and language switcher | Kept |
| Quote request flow | Complete — visitors go all the way through without leaving your page |
| Language | Detected automatically from your site's language |
In other words: this is not a thumbnail or a preview. It's your whole catalog, with its filters, search, favourites and order form.
Google won't penalise you. The version displayed inside your site is explicitly marked as non-indexable: Google ranks your page, never a duplicate. You lose nothing in search, and you create no competitor to yourself.
Your visitors' selection lasts for the visit, not from one visit to the next. Modern browsers (Safari first) isolate data belonging to a site displayed inside another one. A visitor who fills a cart, closes the tab and comes back tomorrow starts from an empty page. During the visit itself, everything works normally.
If you rename your catalog address, paste the snippet again. The embedded catalog doesn't break — it hides cleanly, with a neutral message — but it won't show again until the snippet is updated.
Check, in this order:
data-shop match the one shown in your Sharing settings?If all four check out and nothing appears, write to us from the "Contact us" link on the Sharing card — we'll look at your page with you.