Integration guide

One line. Each platform its own way.

Nadarh is one line added once at store level. Where it is pasted, and the form the line takes, differ by platform — this page covers each one separately. Your theme stays as it is; so does your cart.

The line as HTML

For fields that accept HTML tags: Google Tag Manager, Shopify, WooCommerce, Wix.

<script src="https://nadarh.ai/nadarh.js" data-merchant="STORE" defer></script>
The line as JavaScript

For fields that accept JavaScript only, no tags: Salla “Advanced customization”, Zid custom code.

window.NadarhConfig={merchant:"STORE"};(function(d,s){s=d.createElement("script");s.src="https://nadarh.ai/nadarh.js";s.defer=true;d.head.appendChild(s)})(document);

STORE is your store id; we send it after calibration. Nothing else in the line changes.

Per platform

We read each platform’s documentation and checked live stores. These are the routes that actually exist, and what each needs.

Salla

JavaScript
WhereStore & sales channels → Store design → Customize version → “Advanced customization” tab → JS editor
PlanPro or Special, with a custom domain (Salla’s requirement)
How we recognise the productFrom the product id on Salla’s own page object, not the URL. Add-to-cart goes through Salla directly.
If not availableBasic or Plus plan: through the Nadarh app in the Salla App Store (under review), or we add it with you via Google Tag Manager if your store has it enabled.

Zid

HTML
WhereApps → App market → Google Tag Manager (free) → Custom HTML tag → trigger on All Pages
PlanAny plan
How we recognise the productFrom the product id in the product page form.
If not availableIf your plan includes theme custom code: theme actions menu → custom CSS/JS, as JavaScript. The Nadarh app in the Zid market is under review.

Shopify

HTML
WhereOnline Store → Themes → Edit code → theme.liquid → before
PlanAny plan
How we recognise the productFrom the product data Shopify exposes on the page; add-to-cart through Shopify’s official cart API.
If not availableCustom pixels don’t work (sandboxed, can’t show a button). We add it with you on a short call.

WooCommerce

HTML
WhereAny header-code plugin (e.g. WPCode), or header.php in the theme
PlanAny plan
How we recognise the productFrom the WooCommerce product form (product or variation id).
If not availableNo plugin permission: Google Tag Manager.

Wix, Squarespace

HTML
WhereSite settings → Custom code / Code injection → header
PlanWix: paid plan with a domain. Squarespace: Business or higher (platform requirement)
How we recognise the productFrom the product page URL.
If not availableFree plans allow no external code at all and cannot run the pilot.

Other platform or custom site

HTML
WhereAnywhere site-wide code is added, or Google Tag Manager
Plan—
How we recognise the productFrom the product page URL, or we set it with your developer.
If not availableWe integrate at theme level with your developer in about an hour.

What the line does

Loads your calibrated shades from Nadarh

We measure each shade from its photo so it shows on the face as it does in real life.

Recognises the agreed product pages

From your platform’s product id. On every other page it does nothing.

Places the button right under “Add to cart”

It finds the cart button on Salla, Zid, Shopify, WooCommerce and most themes.

Removal is deleting the line

Nothing stays in your store.

What we need from you

Five things on day one; we come back with the line within two working days.

How we measure

Half of the visitors to the pilot pages see the button, half don’t — same days, same campaigns. You compare your own store numbers; we send you ours every week.

1
Visit → tap

Does the button earn its place?

2
Tap → camera

Does she trust it? (she can upload a photo instead)

3
Camera → analysis

Did the analysis complete in good light?

4
Analysis → shade picked

Did she engage with the shades?

5
Pick → cart

Did trying lead to buying?


Security and privacy

Changes nothing in your store

The line adds one button and touches neither theme, cart nor checkout. We checked the security headers on live Salla stores: no restrictions on external scripts or on the camera.

Camera on her device

Analysis and try-on run in her browser; no photo is uploaded.

What reaches us

A random session id, the store, the product, the shade she tried or added, and her skin reading as a few words and a number. No name, no email, no account. You see aggregate numbers only.

Ready to try it?

A 14-day trial on your products. Free.