How to Embed Your TourReady Tour on Shopify

If you're running a Shopify storefront with any retail or service space attached — a boutique, a showroom, a studio, a bakery, a clinic — the question isn't whether you should embed a tour on Shopify. It's where. Static hero images do the same job they did in 2018. A walkable 3D tour does something different: it answers the "what does the space actually look like" question before the visitor scrolls.

This is the cleanest path to embed a tour on Shopify in 2026. No third-party app. No theme code editor. No retainer. Just the Custom Liquid block.

What you'll need

Three things, two minutes.

1. Your TourReady tour URL: https://tourready.ai/t/your-slug.
2. Shopify admin access. Theme editor permission is required.
3. A theme using Online Store 2.0 (any theme installed since 2021). Most stores are already on this.

If you haven't generated a tour yet, that's the actual first step. Start your tour →

Embed tour on Shopify: 6 steps

The path to embed a tour on Shopify uses the Custom Liquid block, available on every Online Store 2.0 theme. Six steps.

1. Open the theme editor. Shopify admin › Online Store › Themes › Customize.
2. Pick the target template. Top-bar dropdown › pick Home page, Product, or Page.
3. Add a section. Left sidebar › Add section › pick Custom Liquid (Online Store 2.0) or Custom HTML on older themes.
4. Paste the snippet:

   <div style="position:relative;padding-bottom:62%;height:0;overflow:hidden;border-radius:12px;margin:2rem 0;">
     <iframe src="https://tourready.ai/t/your-slug"
       style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"
       allow="fullscreen; xr-spatial-tracking"
       loading="lazy"></iframe>
   </div>

5. Drag the section into place. Use the left rail to reorder. Below the hero is the standard placement.
6. Save. Top-right › Save. Preview the page, then publish.

The same snippet works on every storefront template. Don't overthink it.

Homepage placement

The homepage is the highest-leverage place to embed a tour on Shopify. Visitors landing on your domain — from ads, organic search, or a referral — are forming the verdict in under 8 seconds. A static hero asks them to imagine the space. A walkable tour shows them.

Recommended placement: directly below your hero banner, full-width, above the featured collection. Section breadcrumb: Theme editor › Home page › Sections › Add section › Custom Liquid › drop between Image banner and Featured collection.

"Show, don't list. A walkable tour is the cleanest version of show."

Keep the section padding tight. The tour itself is visually rich — it doesn't need a 200px headline above it. Start your tour → if you haven't built one yet.

Product page placement

Product pages are an under-used place to embed a tour on Shopify. For physical retail brands, the tour answers the unstated question: "where is this actually made / sold / packed?" That question drives conversion more than copy does.

Recommended placement: below the product description, above the related-products section. Use the Product template (not the main Home page template), so the embed appears on every product. Section breadcrumb: Theme editor › Product › Sections › Add section › Custom Liquid.

About page placement

The About page is where most Shopify visitors decide whether to trust the brand. Static "founder portrait" photography does a lot of the work — but a walkable tour does more, faster. It signals: real space, real operation, real care.

Recommended placement: between your founder story and your contact block. Section breadcrumb: Theme editor › Page › pick the About page › Sections › Add section › Custom Liquid.

This is also the single best placement if you can only embed the tour in one place on your Shopify site. About pages have low bounce, high intent, and the visitors who land there are the ones most likely to convert. Don't waste the surface area.

Frequently asked questions