Les cartes-cadeaux ont généralement une valeur stockée qui peut être dépensée sur plusieurs transactions jusqu'à épuisement du solde, par exemple pour une expérience et/ou un article de boutique. Elles sont souvent offertes en cadeau à des amis, à la famille ou à des collègues, permettant aux bénéficiaires de choisir librement leurs articles ou expériences.

Ventrata offre aux clients la possibilité d'acheter des bons pour n'importe quel montant souhaité. Ces bons peuvent ensuite être utilisés pour acheter n'importe quel produit de votre offre.

Les cartes-cadeaux peuvent être vendues et utilisées via :

📱 Points de vente
💻 Backoffice
🌍 Web Checkout (suivez cet article)

Configuration des bons-cadeaux

Pour activer le processus des cartes-cadeaux sur votre site, les bons cadeaux doivent d'abord être autorisés dans les paramètres du web checkout. Suivez les étapes ci-dessous pour configurer cette fonctionnalité globalement et spécifier sa disponibilité pour des pages ou boutons spécifiques.

Autoriser les bons cadeaux globalement

Dans le tableau de bord Ventrata, allez à Web Checkouts > Checkouts .

Checkouts
Sélectionnez un checkout existant.
Appuyez sur le bouton EDIT DETAILS (MODIFIER LES DÉTAILS) pour modifier le checkout.

Edit Details (Modifier les détails)
Faites défiler le formulaire de checkout ou recherchez simplement « Allow Gift Voucher (Autoriser le bon cadeau) » et cochez la case pour permettre l'achat de bons cadeaux via le checkout widget.

Allow Gift Voucher (Autoriser le bon cadeau)
Appuyez sur le bouton Update Checkout (Mettre à jour le checkout) pour enregistrer vos modifications.

Update Checkout (Mettre à jour le checkout)

Activer les bons cadeaux pour des pages ou boutons spécifiques

Une fois que les bons cadeaux sont autorisés globalement, vous pouvez personnaliser les pages ou boutons où la fonctionnalité est proposée.

1. Désactiver la fonctionnalité globalement

Désactivez temporairement la fonctionnalité sur tout le site. Cette étape réduit le travail manuel lors de l'activation pour des pages ou boutons spécifiques plus tard.

Insérez le code ci-dessous dans le data-config de votre balise <script> pour désactiver la fonctionnalité sur tout le site.

"features": {
  "gifts": {
    "allowed": false
  }  
}

2. Activer la fonctionnalité pour des pages ou boutons spécifiques

Ajoutez le code suivant dans le data-config de toute page ou tout bouton où vous souhaitez autoriser l'achat de bons cadeaux.

"features": {
  "gifts": {
    "allowed": true
  }  
}

📒 REMARQUE

Cette fonctionnalité de bons cadeaux doit d'abord être activée dans les paramètres du web checkout pour que le flux de la carte cadeau fonctionne. Si cette fonctionnalité n'est pas activée globalement, le flux de la carte cadeau ne sera pas disponible sur votre site.

Paramètres de la carte cadeau

Vous avez la possibilité de spécifier certains paramètres de la carte cadeau, tels que le montant minimum et la période d'expiration.

Dans le tableau de bord Ventrata, allez à Supplier Settings (Paramètres du fournisseur) > Supplier Settings (Paramètres du fournisseur) .

Supplier Settings (Paramètres du fournisseur)
Appuyez sur le bouton EDIT DETAILS (MODIFIER LES DÉTAILS).

Edit Details (Modifier les détails)
Faites défiler le formulaire de détails du fournisseur ou recherchez simplement « Gift Card Min Amount (Montant minimum de la carte cadeau) ».
Saisissez la valeur minimale et/ou maximale d'une carte cadeau.

Gift Card Min/Max Amount (Montant minimum / maximum de la carte cadeau)

📒 REMARQUE
Le même montant sera affiché dans toutes les devises. Cette valeur n'est pas convertie.
Saisissez la période d'expiration de la carte cadeau en jours, mois ou années.

Gift expiry (Période d'expiration de la carte cadeau)
Appuyez sur le bouton Update Supplier (Mettre à jour le fournisseur).

Update Supplier (Mettre à jour le fournisseur)

Liste des fonctionnalités des cartes-cadeaux

La fonctionnalité Cartes cadeaux prend en charge plusieurs sous-fonctionnalités qui peuvent être ajoutées à votre solution de checkout de Ventrata en procédant de l'une des deux manières suivantes :

Mettre à jour l'attribut Data-Config - en ajoutant le code ci-dessous, en remplaçant subfeatureName par le nom de l'une des fonctionnalités prises en charge et en spécifiant sa value (valeur), voir le tableau des sous-fonctionnalités ci-dessous.

📗 ASTUCE
Si vous souhaitez inclure plusieurs sous-fonctionnalités, incluez-les toutes dans le même gifts objet. N'oubliez pas que l'objet gifts lui-même est inclus dans l'objet features.
```
"features": {
  "gifts": {
    "subfeatureName": value,
    "subfeatureName1": value
   }  
}
```
Ajouter une sous-fonctionnalité au script ou au bouton - ajoutez la sous-fonctionnalité à votre data-config pour le script ou le bouton dans le format suivant :

📗 ASTUCE
Si vous souhaitez inclure plusieurs sous-fonctionnalités, incluez-les toutes dans le même gifts objet, chaque sous-fonctionnalité séparée par une virgule. N'oubliez pas que l'objet gifts lui-même est inclus dans l'objet features .
```
<script 
src="https://cdn.checkout.ventrata.com/v3/production/ventrata-checkout.min.js" type="module" data-config='{"apiKey":"<YOUR_API_TOKEN>", "features":{"gifts": {"featureName": value, "featureName1": value }}}'>
</script>
```

La fonctionnalité Cartes Cadeaux de Ventrata prend en charge les sous-fonctionnalités suivantes :

Sous-fonctionnalité	Par défaut	Valeurs disponibles	Description
`allowed`	`true`	`true` / `false`	Lorsqu'elle est activée depuis le tableau de bord, cette fonctionnalité peut apparaître dans le script
`mode`	non défini par défaut	`simple`	Mode par défaut est le mode standard où le processus commence par la sélection d'un produit avant de passer au flux de la carte cadeau, comme c'est le mode par défaut, il n'a pas besoin d'être défini dans le script ; mode simple permet l'achat d'une carte cadeau autonome sans sélectionner un produit spécifique en utilisant un bouton dédié
`openByDefault`	`false`	`true` / `false`	Permet l'achat de cartes-cadeaux via le web checkout ; utilisé uniquement en `default` mode
`disableAmountInput`	`false`	`true` / `false`	Désactive la possibilité d'ajuster le prix unitaire de la carte cadeau ; utilisé uniquement dans `default` mode

Flux des cartes-cadeaux

Mode par défaut

Le client sélectionne un produit où les cartes-cadeaux sont autorisées. Sur la page Billets, un lien Acheter comme carte-cadeau apparaît sous les sélecteurs d'unités.

Lorsque le client clique sur le lien, le côté droit du widget est rempli d'une brève description de la fonctionnalité, d'un champ pour saisir le montant de la carte-cadeau, suivi d'instructions sur le montant minimum et les conditions d'achat.

📗 ASTUCE

Une fois que le client entre dans le flux de la carte-cadeau, un lien Retour à l'achat de billet remplace le lien Acheter comme carte-cadeau, ce qui permet au client de quitter le flux de la carte-cadeau et de continuer l'achat normal du billet.

Le client a la possibilité de :

définir un montant total sans sélectionner d'unité, ou
définir un montant par unité, puis sélectionner le nombre d'unités souhaitées ; un détail de l'achat est indiqué au-dessus du « Valeur de la carte-cadeau » champ.

Le bouton Continuer amène le client au Checkout où

Sur le côté gauche de la page, le client peut saisir ses coordonnées

📒 REMARQUE
L'adresse e-mail est le seul champ obligatoire.
Sur le côté droit, un fond en dégradé et une icône de carte cadeau sont affichés avec la valeur de la carte cadeau

📒 REMARQUE
Les couleurs du dégradé sont tirées des paramètres de la marque dans le tableau de bord Ventrata.
Une note indiquant la période de validité de la carte cadeau telle que configurée dans Supplier Settings (Paramètres du fournisseur).
le montant total dû

📒 REMARQUE
Si la fonctionnalité promoAndGiftCardInput est définie sur true, vous pouvez permettre au client d'utiliser des codes promotionnels ou d'autres cartes cadeaux. Si la promoAndGiftCardInput fonctionnalité est définie sur false. Le champ de saisie de la promotion n'est pas affiché et les remises ne peuvent pas être appliquées. Pour plus d'informations, consultez la Liste des fonctionnalités du checkout.

Mode simple

Le mode simple permet aux clients d'acheter une carte cadeau sans avoir à sélectionner un produit au préalable.

Essayez vous-même le mode simple

📒 REMARQUE

En fait, le mode simple est un flux sans produit. Par conséquent, NE PAS inclure d'ID de produit dans le data-config.

Paramètres

Ajoutez l'objet gifts et la sous-fonction mode simple à votre data-config pour le script ou le bouton dans le format suivant :

📒 REMARQUE

Veuillez noter que openByDefault et disableAmountInput ne sont pas pris en charge en mode simple.

"features": {
  "gifts": {
    "mode": "simple"
  }  
}

Devise par défaut

Comme le mode simple n'est lié à aucune destination ou produit spécifique, la liste des devises prises en charge est extraite des paramètres du Web Checkout (Web Checkout > [checkout sélectionné] > Edit Details (Modifier les détails) > Available Currencies (Devises disponibles)). Pour définir une devise spécifique comme devise par défaut, assurez-vous qu'elle apparaît en premier dans la liste des devises disponibles dans vos paramètres de web checkout. Pour changer de devise en mode simple, utilisez l'icône du globe comme d'habitude.

Default Currency (Devise par défaut)

Flux

En appuyant sur le bouton dédié à la carte cadeau, le client est redirigé vers la vue simple de la carte cadeau.

Buy a gift card (Acheter une carte cadeau)

Le client saisit la valeur de la carte cadeau dans le champ dédié et appuie sur le bouton Continuer.

Le client est ensuite dirigé vers la Checkout où

Sur le côté gauche de la page, le client peut saisir ses coordonnées

📒 REMARQUE
L'adresse e-mail est le seul champ obligatoire.
Sur le côté droit, un fond en dégradé et une icône de carte cadeau sont affichés avec la valeur de la carte cadeau

📒 REMARQUE
Les couleurs du dégradé sont tirées des paramètres de la marque dans le tableau de bord Ventrata.
Une note indiquant la période de validité de la carte cadeau telle que configurée dans Supplier Settings (Paramètres du fournisseur).

📒 REMARQUE
Si la fonctionnalité promoAndGiftCardInput est définie sur true, vous pouvez permettre au client d'utiliser des codes promotionnels ou d'autres cartes cadeaux. Si la fonctionnalité promoAndGiftCardInput est définie sur false, le champ de saisie de la promotion n'est pas affiché et les remises ne peuvent pas être appliquées. Pour plus d'informations, consultez la Liste des fonctionnalités du checkout.

Checkout

Options de livraison de la carte cadeau

Livrer à l'acheteur - le client saisit son adresse e-mail sur la page de checkout et la carte cadeau est envoyée à cette adresse. Ainsi, la livraison de la carte cadeau au destinataire final est prise en charge par l'acheteur.
Livrer à un ami - le client a également la possibilité d'envoyer la carte cadeau sous forme de bon directement à un ami (le destinataire de la carte cadeau). Sur la page de confirmation après le paiement, un autre formulaire de contact est disponible pour saisir le nom complet, l'e-mail et un message personnalisé du destinataire.

Delivered To The Buyer (left) & To Friend (right)

Gift Card Delivery Options (Options de livraison de la carte cadeau)

Paramètres personnalisés des cartes-cadeaux

Mettre à jour la data-config

Ajoutez une ou les deux fonctionnalités de carte-cadeau à votre data-config pour le script ou le bouton afin de personnaliser le comportement du widget, voir le Guide d'implémentation pour plus d'informations.

openByDefault

Lorsque cette fonctionnalité est activée (réglée sur true), le client est automatiquement dirigé vers le processus de la carte-cadeau pour le produit sans avoir besoin de cliquer sur un lien. Cependant, le processus de la carte-cadeau reste identique. Cela est particulièrement utile lorsque le produit fonctionne essentiellement comme une carte-cadeau.

Essayez vous-même la fonctionnalité des cartes-cadeaux

"features": {
 "gifts" : {
   "openByDefault": true // by default: false
 }  
}

disabledAmountInput

Cette fonctionnalité limite la capacité du client à ajuster le prix unitaire de la carte-cadeau ; il peut uniquement choisir le nombre de billets.

"features": { 
 "gifts" : {
   "disableAmountInput": true // by default false
 }  
}

openByDefault + disableAmountInput

La combinaison des deux fonctionnalités vous permet de garder un certain contrôle sur le processus d'achat des cartes-cadeaux. Ainsi, les clients sont dirigés sans effort vers le processus de cadeau, tandis que le prix unitaire de la carte-cadeau est fixé.

"features": { 
 "gifts" : {
   "openByDefault": true, // by default: false
   "disableAmountInput": true // by default false
 }  
}

Comment utiliser les cartes-cadeaux sur le web checkout

Configuration des bons-cadeaux

Autoriser les bons cadeaux globalement

Activer les bons cadeaux pour des pages ou boutons spécifiques

1. Désactiver la fonctionnalité globalement

2. Activer la fonctionnalité pour des pages ou boutons spécifiques

Paramètres de la carte cadeau

Liste des fonctionnalités des cartes-cadeaux

Flux des cartes-cadeaux

Mode par défaut

Mode simple

Paramètres

Devise par défaut

Flux

Options de livraison de la carte cadeau

Paramètres personnalisés des cartes-cadeaux

Mettre à jour la data-config