Aller au contenu

Intégration

Votre parcours cadeau se joue dans vos propres pages.

Intégrez l’enregistreur là où le moment se joue déjà, au checkout ou dans l’espace client, plutôt que sur un site à part.

  • Quatre montages
  • Shadow DOM isolé
  • Clé liée au domaine
Un chef de produit vérifie un parcours cadeau vidéo sur son téléphone, à côté d’un ordinateur portable et d’un petit cadeau Dans votre page
maison lune

Ajoutez un message vidéo à votre cadeau.

Enregistrer ici
boutique.votremarque.fr
Votre checkout, étape 3
Sur votre domaine
checkout.html Custom Element
<!-- Custom Element, son propre Shadow DOM --><livstick-widget-v2  uid="gift-code"  domain="boutique.votremarque.fr"  api-key="your-widget-key"></livstick-widget-v2>

Existe aussi en composant React, balise script ou iframe pleine page.

Où elle intervient

L’enregistreur n’est plus sur une page à part.

D’habitude, on passe la main : un lien par e-mail, une page sur un autre domaine, une autre marque. Chaque relais perd des clients qui avaient déjà décidé d’offrir.

  1. Enregistrer L’expéditeur filme Le widget intégrable intervient iciIci
  2. Vérifier Retenu pour une personne
  3. Remettre Le conteneur s’ouvre
  4. Révéler Le destinataire le regarde
  • Enregistrement

    Une étape de votre propre tunnel, sur la page où se trouve l’acheteur.

  • Lecture

    La lecture est un composant à part, volontairement plus léger.

  • Votre HTML et vos CSS

    Le Custom Element s’affiche dans son propre Shadow DOM ; le composant React, dans votre arborescence.

  • Domaines et clés

    Limité aux domaines que vous déclarez, via une clé publique révocable par plateforme.

Comment ça marche

Trois étapes. Aucune page à quitter.

  1. checkout.html
    <livstick-widget-v2  uid="gift-code"  domain="boutique.votremarque.fr"></livstick-widget-v2>

    Monté

    Une balise, un composant React, un script ou une iframe, dans votre page.

  2. Widget Votre plateforme
    • Langue FR
    • Thème Votre marque
    • Étapes Groupe de codes
    • Formulaire de contact

    Configuré

    Langue, thème, étapes et champs viennent de votre plateforme.

  3. Hugo enregistre son message dans la page de la marque REC
    boutique.votremarque.frVotre domaine Sans redirection

    Enregistré

    L’acheteur enregistre sans quitter votre page.

Bon à savoir

Quatre façons de l’intégrer, et leurs vraies limites.

Une intégration se juge à ce qu’elle refuse de faire en silence.

  • Quatre montages, pas équivalents

    Composant React, Custom Element, balise script ou iframe pleine page. Seuls les deux premiers acceptent l’objet de configuration détaillé.

  • Comportement et thème viennent de la plateforme

    Étapes, champs, couleurs et polices viennent de votre plateforme et du groupe de codes. Une intégration peut les surcharger, dans un schéma fermé.

  • Ce que la version intégrée laisse de côté

    Pas de SDK natif iOS ou Android : dans une application mobile, il tourne dans une web view ou l’iframe pleine page. Ni filtres de visage, ni effets 3D.

  • Comment le composant de lecture vous parvient

    Les quatre montages de l’enregistreur sont fixés. Le lecteur, paquet publié ou livré avec votre intégration, ne l’est pas encore.

    Défini au cadrage

Deux pages qui gardent leurs visiteurs.

MAISON LUNE 50 €
Message enregistré
Achat de carte cadeau

Le message est enregistré avant le paiement de la carte.

L’acheteur choisit une carte, enregistre sur la même page, puis paie. Ni redirection, ni e-mail « terminez votre message plus tard ».

maisonlune.com/account
maison lune

Répondez à Léa en vidéo.

Répondre
Espace client de la marque

La réponse se fait là où le cadeau a été ouvert.

Le destinataire ouvre son cadeau sur le site de la marque et y enregistre sa réponse, avec le même widget, sur le même domaine.

Marques et messages fictifs, pour l’illustration.

Ils ont déjà mis une voix dans leurs cadeaux.

Luxe, beauté, retail et fleurs

FAQ

Les questions qui reviennent pendant l’intégration.

Va-t-il ralentir nos pages ?

Le fichier ajouté est un petit chargeur qui importe le reste de façon asynchrone. Au-delà de 180 Kio de JavaScript ou de 25 Kio de CSS compressés, la compilation du widget échoue.

Le widget peut-il tourner sur n’importe quel domaine ?

Non. Il ne démarre que sur les domaines déclarés pour votre plateforme et, quand la clé publique est exigée, la clé et le domaine doivent mener à la même plateforme.

Que doit autoriser notre page ?

Le HTTPS pour l’API, l’accès à la caméra et au micro pour l’origine du widget (l’attribut allow, dans une iframe) et une politique de sécurité du contenu qui autorise les attributs style en ligne.

Où configure-t-on le comportement et le thème ?

Sur votre plateforme et sur le groupe de codes associé, les deux étant fusionnés. Ces options se règlent via l’API de configuration, pas depuis des interrupteurs du back-office.

Le moment se joue sur votre page. Placez-y l’enregistreur.