Embed the AI skin scan on your own website
If you would rather keep visitors on your own domain, the same scan that powers your hosted page can be embedded directly into any website with a single script tag. Clients scan, see their results and hand over their details without ever leaving your site.
- Script tag to paste — no build step, no plugin
- 1Script tag to paste — no build step, no plugin
- Typical time to publish on an existing page
- 5 minTypical time to publish on an existing page
- Framework dependencies in the loader
- 0Framework dependencies in the loader
- Traffic stays on your own domain
- 100%Traffic stays on your own domain
How to add it
Publish your hosted scan page first
The embed renders your scan page, so its branding, booking CTA and settings must be saved before you generate code.
Open the Embed code dialog
In the hosted scan page panel of your dashboard, choose Embed code. You get a ready-to-paste snippet containing a container div and the loader script.
Paste it into your site
Drop the snippet into a Custom HTML block in WordPress, a Code block in Squarespace, an HTML embed element in Wix, a custom section in Shopify, or straight into the template of a hand-built site.
Check it on mobile
Most spa traffic is mobile. Load the page on a phone and confirm the scan container has room to breathe — full width, with no fixed-height wrapper cutting off the camera view.
Where to put it
- A dedicated "Free AI skin analysis" page linked from your main navigation
- Your treatments or facials page, directly above the booking button
- A landing page used for paid social and Google Ads traffic
- Your homepage, below the hero, as a low-commitment first step
Compatibility
The embed is plain JavaScript with no framework dependency, so it works on WordPress, Squarespace, Wix, Shopify, Webflow, GoHighLevel funnels and custom sites alike.
Camera capture requires the page to be served over HTTPS. Every mainstream host does this by default; if your site is still on HTTP, visitors will be limited to uploading a photo.
Embed or hosted page — which should you use?
- Use the embed when you already get website traffic and want the scan to feel native to your brand
- Use the hosted page for QR codes, social bios, SMS and print, where a short shareable link matters more
- Running both is normal — they share the same branding, credits, leads and CRM routing
Platform-by-platform placement
Swipe the table sideways to see all columns
| Platform | Where the snippet goes | Watch out for |
|---|---|---|
| WordPress | Custom HTML block in the block editor, or a shortcode/HTML widget | Some caching and script-optimisation plugins defer inline scripts — allowlist the loader |
| Squarespace | Code block on the page, or a Code section | Code blocks are disabled on the Personal plan |
| Wix | Embed a widget → Custom embeds → Embed a widget | Give the widget enough height so the camera view is not clipped |
| Shopify | Custom Liquid section, or a page template | Add it to the page template, not the theme header |
| Webflow | Embed element inside a section | Publish the site before testing — embeds do not run in the designer |
| GoHighLevel funnels | Custom Code / HTML element on a funnel step | Keep the funnel step full width for mobile visitors |
Test on a real phone
Most spa traffic is mobile, and clipped camera views are the single most common embed problem. Load the live page on a phone before you promote it, and make sure no fixed-height wrapper is constraining the container.
Performance, privacy and SEO
- The loader is async and does not block first render or your Core Web Vitals
- Photos are processed for the analysis and are not shared with third parties for advertising
- Marketing consent is collected inside the scan flow, separately from the result
- Give the host page its own title, H1 and description — the embed does not supply page metadata
- Link to the embed page from your main navigation so it can be crawled and ranked
Troubleshooting
Nothing renders
Check the container div from the snippet is still on the page — some editors strip empty divs on save. Re-paste the full snippet in one go rather than splitting it.
The camera does not open
Confirm the page is served over HTTPS and that the browser permission prompt was accepted. Visitors who decline can still upload a photo.
The scan looks cramped
Remove any fixed height on the wrapper and let the container run full width on mobile.
Leads are missing
Only scans where the visitor submits details and ticks marketing consent become CRM-deliverable leads. Every completed scan still appears in the dashboard.
Frequently asked questions
Related business support
Medical spa lead generation
How a med spa turns walk-ins, social traffic and website visitors into booked consultations using AI facial skin analysis.
Hosted scan page for clinics
Your own branded scan page — launch in a day, share by link, QR code, poster or one-time invite, and budget scans by campaign.
Send leads to your CRM
Consent-based lead routing to GoHighLevel or Zapier, with the scan summary attached as a note on the contact.
Ready to turn scans into booked consults?
The medical spa page covers pricing, credit packs and what your clients see during a scan.