Integrations

Runs on your store. Reports to your stack.

Add the scan to Shopify, WooCommerce, WordPress or any site — then send every lead, answer and event to the tools you already use.

Find your platform See connected tools

Where it runsWhere results go

ShopifyApp
WooCommercePlugin
WordPressPlugin
HTMLScript tag
ReactComponent
VueComponent

Face Age scan

Dark Circle25%Redness32%Oiliness36%✉[email protected]

KlaviyoAdded to list
Shopify CustomersCustomer subscribed
HubSpotContact synced
MailchimpAdded to audience
OmnisendLead sent
Google AnalyticsEvent sent
Facebook PixelPixel fired
WebhooksPOST 200

7
Ways to install — app, plugins, script, npm, React, Vue: 9
Places to send results — email, CRM, analytics, webhooks: 40
Languages, with right-to-left layouts: 3
Display modes — section, popup or widget

Where it runs

Install it the way your site is built

An app for Shopify, plugins for WooCommerce and WordPress, one script for any other site — and npm, React and Vue for your developers.

No code

For developers

Shopify

App · From the Shopify App Store — no code

1
Install the app
Add Face Age to your store from the Shopify App Store.
2
Place the scan
Turn on the scan section or the floating popup in your theme editor.
3
Connect your tools
Switch on Shopify Customers, Klaviyo, Google Analytics or any other tool you use.

Get it on the App Store Face Age for Shopify

Face AgeShopify App StoreInstall

Theme editorFace Age section Face Age popup

IntegrationsShopify Customers Klaviyo Google Analytics

HTML

Script tag · One script tag on any site

1
Add the script
Put the CDN script in your page's head.
2
Add a container
Place a div where the scan should appear — or use the popup, no div needed.
3
Render
Create Face Age with your Client ID from the panel.

Get your Client ID

index.html

<script src="https://cdn.jsdelivr.net/npm/face-age"></script>

<div id="FaceAge-module"></div>

<script>
  const faceAge = new FaceAge({
    elementId: 'FaceAge-module',
    faceageId: '<Your Client ID>',
    displayModel: 'section', // 'widget' | 'modal'
    showProducts: true,
    showRoutine: true,
  });
  faceAge.render();
</script>

npm

Package · face-age on npm or yarn

1
Install
npm install face-age, or yarn add face-age.
2
Import and render
Point it at a container and pass your Client ID.
3
Hook into your store
Send your catalog in and listen for add-to-cart and checkout.

face-age on npm

scan.js

npm install face-age

import FaceAge from 'face-age';

const faceAge = new FaceAge({
  elementId: 'FaceAge-module',
  faceageId: '<Your Client ID>',
  language: 'en',
  quiz: true,
  history: true,
});
faceAge.render();

React

Component · react-face-age component

1
Install
npm install face-age react-face-age.
2
Drop in the component
Pass your options and an onLoad callback.
3
Ship it
The scan renders wherever you put the component.

react-face-age on npm

SkinScan.jsx

npm install face-age react-face-age

import ReactFaceAge from 'react-face-age';

export function SkinScan() {
  return (
    <ReactFaceAge
      options={{
        faceageId: '<Your Client ID>',
        type: 'skincare-analyzer',
      }}
      onLoad={(res) => console.log(res)}
    />
  );
}

Vue

Component · Vue 2 and Vue 3 components

1
Install
npm install face-age vue3-face-age (or vue-face-age for Vue 2).
2
Register the component
Add it to your components with your options.
3
Use it in a template
The scan renders where you place the tag.

vue3-face-age on npm

SkinScan.vue

<template>
  <faceage :options="options" :onLoad="onLoad" />
</template>

<script>
import VueFaceAge from 'vue3-face-age'; // or 'vue-face-age' for Vue 2

export default {
  components: { faceage: VueFaceAge },
  data: () => ({
    options: { faceageId: '<Your Client ID>', type: 'skincare-analyzer' },
  }),
  methods: { onLoad(res) { console.log(res); } },
};
</script>

Where results go

Every lead, in the tools you already use

Connect once and each finished scan sends its lead, answers and events on — to your email platform, your CRM, your analytics or your own endpoint.

Klaviyo
Send new leads to your Klaviyo list and retarget them with segmented campaigns — with a ready-to-use email template created for you.
All platforms
Shopify Customers
Send leads to your Shopify Customers list once they complete your quiz — subscribed with confirmed opt-in by default.
Shopify only
HubSpot
Connect your HubSpot account in one click and sync the leads from your quiz to it.
All platforms
Mailchimp
Send new leads to your Mailchimp audience and retarget them with segmented campaigns.
All platforms
Omnisend
Send leads to your Omnisend account once they complete your quiz, to follow up with them.
All platforms
Google Analytics
Every step of the scan and quiz as an event — with a GA4 Measurement ID or a GTM container.
All platforms
Facebook Pixel
Retarget your customers and build custom audiences from their answers and their scan.
All platforms
Webhooks
Notify your CRM or any other service when someone finishes your quiz — several URLs, each with its own headers.
All platforms
Email
Send analysis results to your customers — through our mail server or your own SMTP.
All platforms

Every step is a signal

A funnel a static quiz can't give you

Connect Google Analytics, GTM or Facebook Pixel and the scanner reports each step on its own — from the first click to checkout.

Opens the scannerFrom the floating button on any page.openModal
Answers your quizEvery choice is labelled with the answer.choice · skin_type: oilysubmit
Takes a selfieCamera or upload, checked live.startselectPhoto
Leaves an emailSynced to Shopify Customers or Klaviyo.lead → your list
Sees their productsEach view and add-to-cart by name.displayProductsaddCart · Hydra Serum
Takes the routineRoutine views and PDF downloads.displayRoutinesdownloadReport
Checks outStraight from the scan.checkoutButton

On any store

Not on Shopify? Build it into your store

The JavaScript SDK gives your developers the same building blocks we use on Shopify — the scanner, your catalog, your cart, and the results to reuse across the site. npm or CDN, with React and Vue wrappers.

storefront.js

npm install face-age

const faceAge = new FaceAge({
  elementId: 'FaceAge-module',
  faceageId: '<Your Client ID>',
  displayModel: 'section', // 'modal' | 'widget'
  showProducts: true,
  showRoutine: true,
});
faceAge.render();

Section

Popup

Widget

npm
CDN
React
Vue 2
Vue 3
40 languages
GA & Pixel events

For developers

Build your own app on Face Age

Need more than a plugin? The SDK, API and webhooks give you every piece of the scan to build a custom experience — in your own design, connected to your own systems.

Use your own catalog, cart and checkout
Read each analysis and quiz answer in your code
Sync results with your database or CRM
Bring back past scans from your own storage

Read the developer guides face-age on npm

FAQ

Integrations, answered

Not on Shopify, WooCommerce or WordPress — install the app or plugin and paste your ID. On any other site it's one script tag and a few lines; the npm package, React and Vue components are there for teams that want more control.

In the Face Age panel at panel.getfaceage.com. Create a business there and copy its ID into the plugin or your code.

No — Shopify stores use the Face Age app from the Shopify App Store, which has its own setup. The panel is for WooCommerce, WordPress and custom sites.

All of them except Shopify Customers, which only Shopify stores can connect. Klaviyo, HubSpot, Mailchimp, Omnisend, Google Analytics, Facebook Pixel, webhooks and email work on every platform.

Yes. Add a webhook with your endpoint and any auth headers, and each finished quiz is posted to it. Developers can also read the results in the browser with the SDK's getAdvisorData.

The scanner speaks 40 languages. Arabic, Persian and Urdu switch the layout to right-to-left automatically.

Plug the scan in today

Install the app or plugin, or paste one script — then connect the tools you already use.

Start Free Trial Book enterprise

Runs on your store. Reports to your stack.

Install it the way your site is built

Shopify

WooCommerce

WordPress

HTML

npm

React

Vue

Every lead, in the tools you already use

Klaviyo

Shopify Customers

HubSpot

Mailchimp

Omnisend

Google Analytics

Facebook Pixel

Webhooks

Email

A funnel a static quiz can't give you

Not on Shopify? Build it into your store

Build your own app on Face Age

Integrations, answered

01Do I need a developer?

02Where do I get my Client ID?

03Can I use my panel business on Shopify?

04Which tools work on my platform?

05My CRM isn't listed. Can I still send it leads?

06Does it work in my language?

Plug the scan in today