Utiliser Card Designer pour créer une carte Wallet

5. Card Designer — constructeur de cartes (5 étapes)

Lorsque vous créez une nouvelle carte (en appuyant sur NEW STAMP CARD), vous pouvez choisir un modèle visuel proche de votre style. En haut, vous pouvez basculer rapidement entre les types d’entreprises (par exemple, les restaurants) ou les parcourir tous. Ne vous inquiétez pas si vous choisissez la mauvaise : chaque couleur et chaque icône sont personnalisables! Après avoir choisi un modèle, il est copié dans votre nouvelle carte et vous arrivez en Card Designer. Vous pouvez ignorer cette étape : appuyez simplement sur Démarrer à partir de zéro. Vous atterrissez dans le même Card Designer.

Card Designer s’ouvre à la fois lors de la création d’une nouvelle carte et lorsque vous appuyez sur l’icône ✏️ Modifier sur une carte existante. Il s’agit d’un assistant étape par étape en cinq étapes :

1. Personnalisez votre style — style et image de marque.
2. Ajouter des visuels — Configuration stamp.
3. Construisez votre voyage — Récompenses et récompenses d’étape.
4. Paramètres supplémentaires — Notifications d’anniversaire et de géolocalisation.
5. Résultat — aperçu final et régénération de la carte.

Sur la droite de l’écran, il y a toujours un Aperçu stamp card en direct — il se met à jour en temps réel à chaque changement. Vous pouvez appuyer sur n’importe quelle étape dans la navigation inférieure de l’aperçu pour voir à quoi ressemblera la carte lorsque l’utilisateur atteindra ce stamp.

---

5.1 Étape 1. Personnalisez votre style – style et image de marque

[capture d’écran : 0301_EditStampCard.png]

La première étape configure l’apparence et la marque de la carte :

• Logo de la carte : logo de votre entreprise (téléchargé à partir d’un fichier ou collé depuis le presse-papiers).
• Nom de la carte : le nom de la carte (par exemple, Morning Bean, Beauty Salon Loyalty, Free Pizza Club). C’est ce que le client voit dans Wallet.
• Couleurs de contraste intelligentes : activez la sélection automatique des couleurs de contraste (recommandé si vous n’êtes pas sûr de votre palette). Lorsqu’il est activé, le système ajustera automatiquement les couleurs si elles se mélangent.
• Arrière-plan de la page — la couleur d’arrière-plan de la page de la carte.
• Bloc Stamps — l’arrière-plan du bloc stamps lui-même, basculant entre Couleur (solide) et Image (image téléchargée — par exemple, une photo de grains de café pour un café).
• Personnaliser la police (Web uniquement) ? Oui! — personnalisation de la police (s’applique uniquement à l’aperçu Web ; Wallet utilise la police système).

Règle générale de bonne conception de carte : le logo doit être lisible dans une petite taille ; l’arrière-plan doit être uni ou peu contrasté, sinon les stamps sont difficiles à lire. Avant de publier, appuyez toujours sur Afficher en tant que client et vérifiez à quoi ressemble la carte sur un véritable écran de téléphone.

---

5.2 Étape 2. Ajouter des visuels — Configuration stamp

[capture d’écran : 0302_EditStampCard.png]

Cette étape configure l’apparence de stamps :

• Définissez le total stamps — le nombre total de stamp sur la carte (par exemple, 8). C’est l’objectif final : lorsque le client atteint ce nombre, la récompense est déclenchée.
• Stamp Icon — the stamp icon. Téléchargé séparément pour les états Actif (rempli) et Inactif (vide). Une astuce intéressante consiste à utiliser l’icône de votre produit principal (une tasse à café, une pizza, des ciseaux) pour les actifs, et une version grise de la même image pour les inactifs.
• Couleurs de bordure — Couleur de bordure stamp pour les états actifs et inactifs.
• Couleurs d’arrière-plan — stamp couleur d’arrière-plan pour les états actifs et inactifs.

Une carte avec 8 stamps est un endroit idéal pour les cafés et le service rapide. Pour les services premium (salons, restaurants), 4 à 6 stamps sont typiques. Pour les achats fréquents (boulangeries, restauration rapide) — 10-12. Ne dépassez pas 15 : la motivation diminue et le bon commence à sembler inaccessible.

---

5.3 Étape 3. Construisez votre voyage - Récompenses et récompenses d’étape

[capture d’écran : 0303_EditStampCard.png]

L’étape la plus importante. Ici, vous décidez ce que le client obtient et comment il le gagne.

Icône de récompense

L’icône de récompense (Actif/Inactif) — affichée dans la dernière cellule de la carte à la place du stamp standard.

Format de récompense

Basculer entre trois options : Award | Bon | Lottery. Ce sont les trois types de récompenses – chacune a son propre Section 6. En bref:

• Award — un cadeau textuel instantané (« Café gratuit »). Simple et rapide.
• Voucher — un Smart Voucher avec son propre cycle de vie et un Redeem Code en option.
• Lottery — un tirage parmi un pool de variantes avec probabilités.

Titre de la récompense

Le texte du cadeau final (par exemple, Free Coffee, Free L'Oréal Hair Coloring, 50% off tire replacement). C’est ce que le client verra tout au long du parcours, à la fois dans Wallet et dans l’aperçu.

Paramètres facultatifs

Ouvre la fenêtre contextuelle Paramètres de récompense facultatifs avec des paramètres de récompense supplémentaires. Le contenu dépend du type sélectionné (voir Award, Voucher, Lottery).

Comment les clients gagnent stamps — règle stamping

Basculer : Par commande | Par montant.

• Par commande — un stamp par billet/commande, quel que soit le montant. Simple et clair, s’adapte à la plupart des cafés et salons.
• Par montant : un stamp pour N unités monétaires dans le ticket. Idéal pour les restaurants et les commerces de détail avec des tickets de taille variable : il incite les clients à élargir leur panier. Nécessite que le montant du ticket soit transmis à 7stamp (via l’intégration POS ou Receipt QR).

Voulez-vous ajouter des récompenses d’étape ? Oui!

Ce lien transforme une carte à objectif unique en Milestone Rewards : une carte avec plusieurs cadeaux intermédiaires. Par exemple : 3stamps → petit cadeau, 6 → moyen, 9 → récompense finale. Détails dans la Section 6.4.

---

5.4 Étape 4. Paramètres supplémentaires - Anniversaire et géo-clôture

[capture d’écran : 0307_Birthday.png] [capture d’écran : 0308_Geo_Marketing.png]

Cette étape ouvre des automatisations, c’est-à-dire des choses qui fonctionnent sans votre participation après la publication de la carte.

Récompenses d’anniversaire

• Activer les vœux d’anniversaire — Oui/Non.
• Message de bienvenue : le texte de bienvenue (par exemple, Happy Birthday! 🎉).
• Félicitations avant N jours — combien de jours avant l’anniversaire envoyer le message d’accueil (0 = le jour même, 3 = trois jours avant).
• Offrez un bon d’anniversaire — Oui / Non. Si oui — un bon est automatiquement émis avec le message d’accueil.

La date d’anniversaire est collectée à partir de la carte du client — le client peut la définir au moment de l’adhésion ou plus tard sur la page de la carte.

Notification de géo-clôture – géo-rappels

Dans Notification de géo-clôture, il est vide par défaut : “Vous n’avez pas encore d’emplacement”. Appuyez sur + Ajouter un emplacement : la fenêtre contextuelle Ajouter un emplacement s’ouvre :

• Adresse du magasin : saisissez l’adresse du lieu (par exemple, Bratislava, Baštová 3). Google Maps suggère des suggestions au fur et à mesure que vous tapez.
• Un marqueur apparaît sur la carte ; affiner l’endroit. Les coordonnées sont enregistrées automatiquement (par exemple, 48.14487, 17.10618).
• Message : le texte de la notification que le client reçoit lorsqu’il se trouve à proximité (par exemple You're nearby! Drop by for your morning coffee ☕).

Vous pouvez ajouter plusieurs emplacements – la géo-clôture se déclenche pour chacun d’entre eux.

Attention. Les géonotifications ne fonctionnent que si le client a activé la géolocalisation et les notifications push Wallet. N’utilisez pas cette chaîne pour des promotions agressives : gardez le ton chaleureux et non intrusif.

---

5.5 Étape 5. Résultat : régénération finale de la carte

[capture d’écran : 0309_Generate_Card.png]

À la dernière étape, vous voyez le Aperçu stamp card final et le bouton Régénérer Stamp Card.

• Lors de la création d’une nouvelle carte, le bouton la publie simplement — après avoir appuyé sur la carte apparaît dans la galerie Stamp Cards et le QR commence à fonctionner.
• Lors de la modification d’une carte existante, Regenerate Stamp Card applique toutes les modifications et met à jour le design sur chaque carte client déjà émise (via la mise à jour push du portefeuille). Les modifications de couleur, de texte et d’icône parviennent automatiquement aux clients.

Important concernant l’édition. Modifiez le design avec audace : il est mis à jour pour les clients. Mais ne changez pas les mécanismes sous-jacents (compte stamp, type de récompense) sur une carte en direct : cela confond les participants existants. Si vous avez besoin de mécanismes différents, créez une nouvelle carte et archivez l’ancienne.

---