Embedding your store on your website

Already have a website? You don't have to send visitors away to buy. Zillo gives you copy-paste snippets that drop your store — or a single product — straight into any page: a WordPress post, a Squarespace section, a Webflow embed block, or hand-written HTML. Booking products can even show a live availability calendar your customers pick a time from without ever leaving your page.

Every snippet stays in sync with your store automatically. Change a price, add a date, or update your branding, and the embed reflects it — there's nothing to re-paste.

What you can embed

Two simple choices shape every snippet:

1. What to show
   • Full store — every published product in one grid.
   • Product listing — one product type only (just your gift cards, or just your bookings).
   • Single product — one product, on its own.
2. How to show it — the four formats below.

The four formats

• Inline widget — the store or product sits directly inside your page and resizes itself to fit. Best for a dedicated page like "Book a table" or "Buy a gift card".
• Popup button — a styled button that opens the widget in a pop-up window over your page. Your visitor never leaves your site. You can set the button's label, colour, and corner radius to match your design.
• Buy button — a simple styled button that opens your storefront in a new tab. The lightest option when you just want a link that looks like a button.
• Raw iframe — the plain <iframe> tag with no script, for places that don't allow custom JavaScript. Pair it with the optional auto-resize script when you can, so it grows to fit its contents.

Booking widgets customers book from

For appointment and reservation products, the single-product embed has a Display mode choice:

• Interactive calendar (default) — the widget shows your live availability. The customer picks a date and time right there in the embed. When they're ready, checkout opens securely on your storefront to take payment and confirm — so their card details are only ever entered on Zillo, never inside the embed.
• Card — a compact product card that opens the full storefront page when clicked. Use it when you only want a tidy link-out.

Where to set it up

There are two places, and both use the same builder with a live preview:

• Settings → Embeds — build a snippet for your full store, a product type, or any single product.
• Any product's own page — open Products, click the ⋯ menu on a product, and choose Embed & share. This opens a dedicated page focused on that one product, with the same formats and preview.

Adding a snippet to your site

1. Pick what to show and how in the builder, and style the popup button if you chose that format.
2. Copy the snippet. Use the copy button next to it.
3. Paste it into your site where you want it to appear — a code/embed block on WordPress, Squarespace, Webflow, or Wix, or directly in your HTML before the closing </body> tag.
4. Publish your page. The widget appears and starts taking orders.

Share links and QR codes

Every embed screen also gives you two things that don't need any code:

• Share link — a clean link to the storefront page, with rich previews baked in so it looks good when pasted into Slack, iMessage, or social posts.
• QR code — download it as an image and print it on a poster, a menu, a flyer, or a business card. Scanning it opens the storefront.

Using your own domain

Embeds work the same whether your store is on your-slug.zillo.app or a custom domain like gifts.your-business.com, and the auto-resize behaviour works from a verified custom domain too. See Setting up a custom domain.

Publish first

Next steps