Une carte cadeau, c’est un montant. Un message vidéo en fait un cadeau.

Choisissez une enseigne et un montant, enregistrez un vrai message. Puis découvrez la carte reçue.

Lancer la démo Ou demandez une démo personnalisée

Vrai enregistreur
Rien n’est facturéRien à payer
Sans application

Quel parcours ?

Cadeau + colis Carte cadeau

Une femme sourit devant une vidéo sur son téléphone, une carte cadeau à la main

Vos cinq écrans

Enseigne
Montant
Coordonnées
Vidéo Réel
Bon cadeau

S’ouvre depuis le QR de la carte

Boutique de cartes cadeaux fictive · démo en direct

Le vrai enregistreurVrai enregistreur

La carte cadeau reçue

Votre marque

Utilisez les flèches gauche et droite pour passer d’une étape à l’autre.

Étape 1

Choisissez l’enseigne

Dans un vrai programme, cette liste est votre propre catalogue. Ici, elle représente le moment où le client choisit ce que la carte permettra de s’offrir.

Ces six enseignes sont inventées pour la démonstration. Livstick n’affiche jamais une marque avec laquelle elle n’a pas d’accord.

Étape 4

Enregistrez le message vidéo

C’est l’enregistreur Livstick lui-même, servi depuis ce domaine et ouvert sur un espace d’enregistrement créé pour vous il y a un instant.

Ouverture de l’enregistreur…

Vous êtes le client. On y va ?

Cinq écrans. Votre caméra n’est demandée qu’à l’étape 4.

Mode démo : aucun paiement, aucune vraie commande.

Le même parcours. Votre marque sur chaque écran.

Marques fictives, à titre d’illustration.

Développeur ? Voyez chaque appel d’API en coulissesDéveloppeur ? Voir les appels d’API

Côté technique

Ce qu’un programme carte cadeau appelle, écran par écran

Un seul appel quitte ce site, et il part de son serveur. Votre navigateur ne parle jamais qu’à /api/demo : la clé d’API ne lui parvient à aucun moment.

Choix de l’enseigne Côté site

Rien ne quitte la page. Le catalogue appartient à votre plateforme de commerce, et Livstick n’a pas besoin de savoir quelle enseigne a été choisie.
Choix du montant Côté site

Toujours rien. Le montant est réglé par votre parcours de paiement ; il voyagera plus tard, comme une simple mention rattachée au message.
Expéditeur et destinataire Étape suivante

En quittant cet écran, votre back-end ouvre un espace d’enregistrement — un conteneur — avec les coordonnées qu’il possède déjà. C’est le seul appel de tout le parcours.
- POST /api/v3/containers
Requête
```
{
  "crid": "DEMO-1754035200000-3b8e07d5",
  "language": "fr",
  "sender": { "firstName": "Camille", "email": "camille.leroy@example.com" },
  "recipient": { "firstName": "Jules", "email": "jules.marchand@example.com" },
  "additionalData": { "demo": "gift-cards", "amount": 50, "personalMessage": "À très vite en juillet !" }
}
```
La clé voyage dans un en-tête Authorization, de serveur à serveur. Une clé posée dans la page serait lisible par tous ceux qui la visitent.
Enregistrement du message En cours

L’espace répond avec un identifiant public et deux liens. L’enregistreur est ensuite monté avec cet identifiant — et avec le domaine et l’API qu’il doit employer, nommés plutôt que devinés.
Réponse 201
```
{
  "crid": "DEMO-1754035200000-3b8e07d5",
  "urid": "z9y8x7w6v5", "state": "recording_open",
  "editKey": "9f1d20c4-7a86-4f10-b3e2-11c7d0459abe",
  "links": { "recordingUrl": "https://livs.tk/z9y8x7w6v5" }
}
```
Enregistreur
```
<script type="module" src="/widget/assets/widget.latest.js" data-uid="z9y8x7w6v5"
        data-lang="fr" data-domain="{votre domaine}" data-api-url="{votre API Livstick}"></script>
```
L’enregistreur annonce la fin de l’envoi par un événement DOM, livstickRecorded. La démo l’écoute, et ne fait rien d’autre de l’enregistrement.
Bon cadeau et QR code Terminé

Le QR code est une ressource du conteneur : demandez-le quand vous en avez besoin, imprimez-le sur une carte, glissez-le dans un e-mail. Une carte PDF prête à imprimer s’obtient depuis le même conteneur.
- GET /api/v3/containers/{crid}/qrcode
- GET /api/v3/containers/{crid}/card
Sur cette page, le QR passe par un relais signé : sans le jeton remis avec le conteneur, la demande est refusée. Un relais ouvert distribuerait le QR code de n’importe quelle commande réelle.
Remise Automatique

Livstick remet le message de lui-même, au moment prévu par le programme — avec la carte, jamais avant. Votre back-end n’intervient que s’il veut forcer l’envoi.
- POST /api/v3/containers/{crid}/notify
Aucun corps de requête : le conteneur sait déjà à qui écrire, dans quelle langue et avec quelle identité visuelle.

Ce que vous allez vivre, étape par étape.

Trois écrans rapides, puis ce qu’un montant ne peut pas porter.

Étape 1
Choisissez l’enseigne

Six enseignes inventées tiennent lieu de votre catalogue.
Écran simuléSimulé
Étape 2
Choisissez un montant

Des montants suggérés, ou le vôtre.
Écran simuléSimulé
Étape 3
Qui offre, qui reçoit

Les champs que votre parcours d’achat collecte déjà.
Écran simuléSimulé
Enregistrez votre message

Le vrai enregistreur Livstick, aux couleurs de la marque.
Vrai enregistreur
La carte cadeau est prête

La carte, le code, et un QR qui ouvre la vidéo.
Votre message