Passer au contenu

Concevoir des cartes Google Wallet dans le créateur de cartes

Le créateur de cartes Google Wallet est un concepteur visuel dans le Panneau de Contrôle. Vous choisissez un type de carte, remplissez la marque, les champs et un code-barres, visualisez un aperçu en direct et créez la carte. Lorsque vous générez la carte, Pushwoosh crée l’objet carte dans Google Wallet et renvoie un lien d’enregistrement « Ajouter à Google Wallet ».

Créer une carte

Anchor link to

Dans le Panneau de Contrôle, allez dans Campagnes → Cartes Wallet, ouvrez l’onglet Google Wallet et cliquez sur Créer une carte.

Page Cartes Wallet avec l'onglet Google Wallet ouvert et le bouton Créer une carte visible

Configurer la carte

Anchor link to
  • Partir de zéro : commencez avec une carte vide. Choisissez un type de carte, puis définissez vous-même les champs, l’apparence, un code-barres et d’autres options dans les sections ci-dessous.

  • À partir d’un modèle : cliquez sur Charger un modèle, choisissez une carte intégrée dans Sélectionner un modèle (générique, offre, fidélité, billet d’événement, carte cadeau, vol ou transport), et confirmez. Le formulaire pré-remplit le type de carte, les champs, les couleurs et le code-barres. Modifiez n’importe quelle valeur ou changez le type si nécessaire.

Choisir un type de carte

Anchor link to

Sous TYPE DE CARTE, choisissez l’un des sept types de cartes Google Wallet. Le type contrôle la mise en page de la carte et les champs disponibles. Les cartes typées utilisent la mise en page native de Google. La carte générique est de forme libre.

  • Générique : carte de forme libre à partir de vos propres champs.
  • Offre : coupons et réductions.
  • Carte de fidélité : cartes de fidélité et d’adhésion.
  • Billet d’événement : billets pour des événements.
  • Carte cadeau : cartes cadeaux et prépayées.
  • Vol : cartes d’embarquement.
  • Transport : billets de train, de bus, de tramway et de ferry.

Remplir les champs de la carte

Anchor link to

Les champs que vous voyez dépendent du type de carte. Les champs obligatoires sont marqués. Champs courants par type :

Type de carte
Champs clés
GénériqueTitre de la carte*, En-tête*, Sous-en-tête, champs de la carte
OffreTitre*, Fournisseur*, Détails, Petits caractères, Canal d’utilisation (en magasin / en ligne / les deux), Nom de l’émetteur
FidélitéNom du programme*, Nom du membre, ID du membre, Solde de points, Étiquette des points, Niveau de récompenses, Étiquette du niveau, Nom de l’émetteur
Billet d’événementNom de l’événement*, Lieu, Adresse, Date et heure de début/fin, Titulaire du billet, Numéro de billet, Type, Section, Rangée, Siège, Porte
Carte cadeauNom du marchand*, Numéro de la carte*, PIN, Solde + devise
VolCode IATA du transporteur*, Numéro de vol*, Origine*, Destination*, Départ*, Nom du passager*, Heure d’embarquement, Siège, Classe, Groupe d’embarquement, Code de confirmation
TransportType de transport* (bus / train / tram / ferry / autre), Opérateur*, Passager*, Type de trajet, étapes du voyage (origine*, destination*, horaires, quai, voiture, siège)

* Requis par Google.

Personnaliser le contenu de la carte

Anchor link to

Chaque carte est liée à un ID utilisateur. Utilisez des espaces réservés pour les tags pour afficher des données uniques à cet utilisateur, par exemple un solde de points sur une carte de fidélité ou le nom du destinataire sur une carte cadeau. Émettez une carte par ID utilisateur afin que chaque destinataire obtienne ses propres valeurs.

Pour insérer un espace réservé pour un tag :

  1. À côté d’un champ de texte pris en charge (par exemple, Marchand, Titre de la carte ou En-tête), cliquez sur {} pour insérer un tag.
  2. Dans TAG, sélectionnez le tag à insérer dans le champ.
  3. Dans FORMAT, choisissez comment afficher la valeur du tag : Tel quel (utiliser la valeur stockée), Entier (arrondir à un nombre entier), Prix (0.00) (afficher deux décimales), ou Mettre la première lettre en majuscule (mettre la première lettre en majuscule).
  4. Dans FALLBACK, saisissez éventuellement un texte à afficher lorsque le destinataire n’a pas de valeur pour le tag.
  5. Cliquez sur Insérer.
Champ de carte avec la boîte de dialogue Insérer un tag ouverte, montrant les options Tag, Format et Fallback

Pushwoosh remplit les valeurs des tags lorsque vous créez la carte et les actualise à chaque mise à jour.

Définir l’apparence

Anchor link to

Sous APPARENCE, configurez les couleurs, les images, qui peut enregistrer la carte et l’expiration.

Saisissez un code hexadécimal dans Couleur de fond, par exemple #FFFFFF pour le blanc. Incluez le # de début et six caractères.

Collez un lien HTTPS public dans URL du logo. Requis pour les cartes de fidélité et de transport.

Collez éventuellement un lien dans URL de l’image principale pour une large bannière sous les détails de la carte au recto. La taille recommandée est de 1032×336 px.

Section APPARENCE avec les champs couleur de fond, URL du logo, URL de l'image principale, Qui peut enregistrer la carte et Date d'expiration

Qui peut enregistrer la carte

Anchor link to

Dans Qui peut enregistrer la carte, sélectionnez qui peut ajouter la carte à Google Wallet :

  • Un utilisateur, tous ses appareils (par défaut) : la carte est liée à un seul compte Google et se synchronise sur tous les appareils de ce compte.
  • Un utilisateur, un appareil : la carte est enregistrée sur un seul appareil.
  • Toute personne ayant le lien : chaque compte Google qui ouvre le lien d’enregistrement obtient le même objet carte partagé. Lorsque vous mettez à jour la carte, Google livre automatiquement la modification à tous les détenteurs.

Expiration

Anchor link to

Définissez la Date d’expiration à laquelle Google doit faire expirer la carte, ou laissez-la vide pour aucune expiration.

Ajouter un code-barres

Anchor link to

Sous CODE-BARRES, choisissez un format et saisissez la valeur à encoder :

  1. Format : choisissez l’apparence du code-barres et le type de scanner qui peut le lire.
    • QR_CODE : code carré que la plupart des téléphones et scanners lisent facilement. Idéal pour la plupart des cartes.
    • PDF_417 : code-barres large composé de plusieurs rangées de lignes. Souvent requis pour les cartes d’embarquement.
    • AZTEC : code carré compact, similaire au QR. Courant sur les billets d’événement et de transport.
    • CODE_128 / EAN_13 : codes-barres 1D. Choisissez-les uniquement si votre scanner ou votre système de point de vente l’exige.
  2. Valeur : les données encodées dans le code-barres (par exemple, un numéro de billet ou d’adhésion). Pour utiliser une valeur unique par utilisateur, cliquez sur {} à côté du champ et insérez un espace réservé pour un tag.
  3. Texte alternatif : texte affiché sous le code-barres sur la carte.
Section CODE-BARRES avec les champs Format, Valeur et Texte alternatif

Ajouter des champs de détails et des liens

Anchor link to

Au recto de la carte, les utilisateurs voient la carte principale. Lorsqu’ils ouvrent les détails de la carte (le verso), ils peuvent lire des sections supplémentaires et appuyer sur les liens que vous ajoutez ici.

  • Modules de texte : blocs de texte supplémentaires au verso de la carte. Définissez un en-tête (le titre de la section) et un corps (le texte). Utilisez-les pour les conditions, les instructions ou d’autres informations qui ne tiennent pas au recto.
  • Liens : liens cliquables au verso de la carte. Définissez une URL et une courte description (par exemple, « Localisateur de magasin » ou « Conditions générales »).
Sections MODULES DE TEXTE et LIENS avec les champs en-tête, corps, URL et description

Ajouter un lien vers l’application (facultatif)

Anchor link to

Sous LIEN VERS L’APPLICATION, ajoutez un bouton au recto de la carte qui ouvre une page web ou votre application Android lorsqu’on appuie dessus. Vous pouvez définir une URL, un nom de package Android, ou les deux.

Si vous ne définissez que l’URL, le bouton ouvre cette adresse web sur n’importe quel appareil. Si vous ne définissez qu’un nom de package, le bouton fonctionne sur les appareils Android qui ont l’application installée, sans solution de repli web.

Section LIEN VERS L'APPLICATION avec les champs URL et Nom du package Android

Ajouter des emplacements (facultatif)

Anchor link to

Sous Pertinence basée sur la localisation, ajoutez des points d’intérêt. Google affiche une notification géolocalisée lorsque l’utilisateur se trouve à proximité d’un emplacement que vous ajoutez. Par exemple, faites apparaître une carte de fidélité près de votre magasin, un billet d’événement près du lieu, ou une carte d’embarquement près de l’aéroport.

Vous pouvez ajouter jusqu’à 10 emplacements, chacun défini par sa latitude et sa longitude.

Section EMPLACEMENTS avec les champs latitude et longitude pour ajouter des points d'intérêt

Saisir un ID utilisateur

Anchor link to

Saisissez l’ID utilisateur Pushwoosh de la personne qui recevra cette carte.

Pushwoosh émet la carte à cet utilisateur et la liste sous UTILISATEUR sur Toutes les cartes.

Prévisualiser et valider

Anchor link to

Un aperçu en direct se met à jour au fur et à mesure que vous modifiez, vous pouvez donc voir approximativement à quoi ressemblera la carte dans Google Wallet.

Pour vérifier la carte par rapport aux exigences de Google sans la créer, cliquez sur Valider. Le créateur signale les champs obligatoires manquants et d’autres problèmes.

Générer la carte

Anchor link to

Cliquez sur Générer. Pushwoosh vérifie la carte et la crée dans Google Wallet. Vous obtenez un lien d’enregistrement Ajouter à Google Wallet à partager avec les utilisateurs. En quelques secondes, la carte apparaît dans Toutes les cartes.

Pour modifier, obtenir le lien d’enregistrement, invalider et supprimer des cartes après leur création, consultez Gérer les cartes existantes.

Gérer les cartes via l’API

Anchor link to

Tout ce que fait le créateur de cartes est également disponible via l’API Google Wallet : créer, mettre à jour, lister, obtenir un lien d’enregistrement, définir l’état et supprimer des cartes.