Put your shop on your website

One snippet embeds your whole photo magnet shop — products, the photo editor, and checkout — into a page you already have. It resizes itself, so there's no scrollbar-in-a-scrollbar. Orders land in your Live Impressions dashboard exactly as they do from your shop link or an event QR code.

The snippet

Copy yours — with your shop name already filled in — from Store settings → Share & embed. It looks like this:

<div data-li-store="your-shop-name" data-max-width="720"></div>
<script async src="https://liveimpressions.co/embed.js"></script>

Setting	Needed?	What it does
`data-li-store`	Required	Your shop's address — the last part of your shop link, liveimpressions.co/s/this-bit.
`data-max-width`	Optional	Caps the width in pixels and centers it. Leave it off to fill whatever you paste it into.
`data-height`	Optional	Starting height in pixels before the shop measures itself (default 640). Affects the first moment only.

Where it works

Plain HTML site

Script tag

Open the page's HTML where you want the shop to appear.
Paste both lines. That's it — it sizes itself to the page.

Shopify

Custom Liquid section

Online Store → Themes → Customize.
Pick the page, then Add section → Custom Liquid.
Paste the snippet into the Custom Liquid box and Save.
View the live page — and read the first caveat below before you announce it.

Worth knowing: Your shop runs alongside Shopify's own cart, not inside it. Magnet orders (and their payments) flow to Live Impressions — they won't appear in Shopify's orders or use Shopify checkout.

WordPress

Custom HTML block

Edit the page → add a block → search “Custom HTML”.
Paste the snippet and publish.
In the block toolbar, set alignment to Wide or Full width — themes cap normal blocks near 620px, which squeezes the shop into one column.
Classic editor: use the Text tab, not Visual.

Worth knowing: Some security plugins strip <script> tags from post content, and WordPress.com's free and Personal plans don't allow custom HTML at all. If the shop doesn't appear, use the iframe fallback below.

Squarespace

Code block

Edit the page → add a block → Code.
Set the block type to HTML and leave “Display Source” unchecked.
Paste the snippet, then Apply and Save.
Check the published page — the editor preview always looks empty.

Worth knowing: Squarespace doesn't run scripts while you're editing, so an empty box in the editor is expected. Code blocks also need a Business plan or higher; on Personal plans, use the iframe fallback or link to your hosted shop page.

Anywhere scripts are blocked

Direct iframe

Paste the iframe snippet instead of the script one.
Set a height that fits your tallest product list — 900px is a good start.

Worth knowing: The iframe can't resize itself without the script, so it stays at the height you set. Too short and the last row of products is cut off.

If scripts are blocked

Some plans and security plugins strip <script> tags. Paste this instead — everything works except automatic resizing.

<iframe
  src="https://liveimpressions.co/s/your-shop-name?embed=1"
  style="width:100%;max-width:720px;height:900px;border:0;display:block;margin:0 auto"
  title="Photo magnet shop"
  allow="payment"
></iframe>

Honest caveats

Orders come to Live Impressions. The embed is your magnet shop living on your page — it doesn't merge with an existing store's cart or checkout. On Shopify, guests can have both carts open; magnets go through us, everything else through Shopify. Magnet orders won't show in Shopify Orders and won't use Shopify discount codes, shipping profiles, or tax settings, so give the section a clear heading like “Order photo magnets.”
Safari needs one extra tap. Safari blocks the sign-in cookie inside embedded pages, so at checkout we offer your guest a “continue in a new tab” button. Their cart comes with them — nothing is lost, it's just one more tap on iPhone, and they finish on a liveimpressions.co tab rather than on your page.
Width and height have limits. The frame grows between 320px and 6000px tall; a very long catalog hits that ceiling and scrolls inside its own box. Width comes from wherever you paste it — under roughly 600px the shop stacks into one column, which is right on a phone but cramped in a narrow blog column.
Search engines see your shop page, not the embedded copy. The embedded view is hidden from search on purpose so it never competes with your own page. Your standalone shop link stays fully indexable — keep sharing that one.

Compatibility at a glance

Platform	Method	Status	Caveat
Plain HTML site	Script snippet in the page body	Full support	Nothing to watch for — this is the reference case.
Shopify	Custom Liquid section	Full support	Runs alongside Shopify's cart; magnet orders never touch Shopify checkout.
WordPress	Custom HTML block	Full support	Set the block to Wide or Full width, or the theme's ~620px column stacks the shop narrow.
Squarespace	Code block (Business plan+)	Full support	Scripts don't run in the editor preview — always check the published page.
Wix, Webflow, and similar builders	Embed / custom code element	Works, varies by plan	Most builders wrap your code in their own fixed-height box. If it won't grow, use the iframe snippet.
Script-restricted plans and strict site policies	iframe snippet	Fallback	Everything works except automatic height — set it generously.
Email newsletters	—	Not supported	Email clients strip scripts and iframes. Link to your shop page instead.

If nothing shows up

Check the published page, not the editor preview — most builders skip scripts while editing.
Open your shop link on its own. If the shop is closed or the address is wrong, the embed has nothing to show either.
Confirm both lines were pasted — the div without the script (or the other way round) shows nothing.
Still blank? The platform is blocking the script — use the iframe fallback.

Stuck? Send us a note from Help & feedback in your dashboard and we'll get your shop on your site.