Embed OmniLab in a web page

If you want an OmniLab experience to appear directly on your website — inside a product page, a promotional landing page, or a store locator — your web team can embed it without redirecting visitors away from your site.

There are two ways to do this:

• Direct embed: paste a single block of code that loads one specific campaign. Best when you know exactly which experience goes on which page.
• Smart loader: a small JavaScript snippet that lets one page load different campaigns based on the URL. Best when one template page should show different campaigns depending on the context.

What to give your web team

1. The OmniLab experience URL (from the campaign settings in OmniLab Studio).
2. Whether visitors should see a campaign landing page (choosing between experiences) or go directly to a specific touchpoint.
3. Whether you plan to use a branded custom domain for the embedded experience — if so, set that up first.

Hand this to your developer: Embedding and WebView integration

That guide has the exact HTML and JavaScript snippets, resize behaviour, and a checklist for testing before go-live.

Things worth checking before launch

• Test on mobile as well as desktop — the experience should fill the available space naturally.
• If your site has sticky headers or fixed-position elements, test that drawers and forms inside OmniLab still appear correctly.
• If you are embedding a game or scan flow that uses the camera, confirm that the page requests the right browser permissions.

Related