Blocs de champs personnalisés

Vous pouvez recueillir des informations supplémentaires sur les clients avec le bloc Champ personnalisé. Les champs personnalisés peuvent être facultatifs ou obligatoires. Vous pouvez donc les configurer pour bloquer le paiement tant qu’un client ne les a pas remplis.

Checkout Blocks prend en charge divers types de saisie, notamment le texte brut, les menus déroulants, les cases à cocher et un sélecteur de date. Les données de champ personnalisé peuvent être enregistrées en tant que champ méta de commande, attribut de commande ou note de commande.

Plusieurs modèles sont disponibles. Ils pré-remplissent le contenu et les paramètres d’un bloc de champ personnalisé en fonction de certains cas d’utilisation courants :

• Accepter les conditions : ce modèle exige qu’un client accepte vos Conditions de service, sur lesquelles il peut cliquer pour les afficher dans une fenêtre pop-up avant de passer au paiement. La case à cocher n’est pas sélectionnée par défaut.
• Anniversaire : ce modèle donne aux clients la possibilité de fournir leur date de naissance lors du paiement à des fins de marketing.
• Message de cadeau : ce modèle permet aux clients d’inclure un message écrit facultatif lorsqu’ils passent une commande en cadeau pour quelqu’un d’autre.

Types de données pris en charge

Les champs personnalisés s’enregistrent dans la commande du client en tant que champ méta de commande, attribut de note de commande ou note de commande elle-même. Envisagez d’utiliser les champs méta de commande lorsque c’est possible, car il s’agit du moyen le plus fiable de stocker et de récupérer des données personnalisées sur les commandes dans Shopify.

Checkout Blocks ne prend pas en charge l’ajout de nouveaux champs dans les formulaires de paiement existants, tels que l’adresse de livraison ou l’adresse de facturation. Ajoutez plutôt un bloc de champ personnalisé au-dessus ou au-dessous du formulaire de paiement existant.

Champs méta de commande

Lors de l’enregistrement de champs personnalisés dans un champ méta de commande, l’espace de nom utilisé est checkoutblocks et la clé est définie lorsque vous ajoutez un champ personnalisé au bloc (par exemple, agree_to_terms).

Attributs de commande

Les attributs de commande, également appelés attributs de note ou attributs de panier, sont incompatibles avec les bordereaux d’expédition et les commandes provisoires par défaut de Shopify.

Si vous devez utiliser des bordereaux d’expédition ou des commandes provisoires, utilisez plutôt les champs méta de commande comme type de données.

Notes de commande

Lorsque vous enregistrez des champs personnalisés dans des notes de commande, tout contenu existant que le client ajoute au champ de note est remplacé par votre champ personnalisé. Si vous choisissez d’enregistrer les données de votre champ personnalisé en tant que note de commande, envisagez de désactiver l’option permettant d’ajouter une note de commande dans le panier de votre thème, si vous avez activé ce paramètre. Ainsi, les clients n’auront pas à saisir le contenu de leur note deux fois.

L’un des avantages de l’utilisation du type de notes de commande est qu’il affiche automatiquement les notes de commande existantes saisies dans le panier lors du paiement. Cela garantit une cohérence tout au long du flux de paiement pour des cas d’utilisation spécifiques, tels que les notes de commande ou les notes de livraison.

Les notes de commande sont incompatibles avec les commandes provisoires.

Types de saisie pris en charge

Les blocs de champs personnalisés prennent en charge les types de champs suivants :

• Case à cocher
• Sélecteur de date et d’heure
• Date de naissance
• Liste déroulante
• Champ de téléphone
• Boutons radio
• Saisie de texte

Créer un bloc de champ personnalisé

Vous pouvez créer et configurer un bloc de champ personnalisé dans l’appli Checkout Blocks. Après avoir créé un bloc de champ personnalisé, vous devez ajouter le bloc à la page de paiement.

Étapes :

1. Depuis votre interface administrateur Shopify, accédez à Applis > Checkout Blocks.

2. Cliquez sur Blocks, puis sur Créer un bloc.

3. Cliquez sur Champ personnalisé.

4. Sélectionnez le modèle pour le champ que vous souhaitez utiliser. Si vous ne souhaitez pas que des champs ou des paramètres soient pré-remplis, sélectionnez Modèle vierge.

5. Dans la section Nom du bloc, saisissez un nom pour le bloc. Celui-ci ne s’affiche pas pour vos clients.

6. Dans la section ID du bloc, utilisez le menu déroulant pour appliquer un numéro d’ID spécifique. En savoir plus sur les ID de bloc.

7. Dans la section Règles d’affichage, configurez les règles d’affichage de votre bloc :

   • Pour afficher le bloc à tous les clients, laissez la section Règles d’affichage vide.
   • Pour créer une règle d’affichage, cliquez sur ⊕ Ajouter une règle d’affichage, puis configurez votre règle. Ajoutez autant de règles d’affichage que nécessaire.

8. Dans la section Contenu, ajoutez et personnalisez le contenu de votre bloc :

   1. Dans le menu Enregistrer sous, sélectionnez l’endroit où enregistrer les données du champ personnalisé. En savoir plus sur les types de données des champs personnalisés.
   2. Dans la section Champs, cliquez sur ⊕ Ajouter un champ personnalisé, puis sélectionnez le type de champ personnalisé que vous souhaitez utiliser.
   3. Configurez les détails de votre champ personnalisé, tels que les étiquettes de champ, la clé de champ, les options de choix et si le champ est obligatoire. Cliquez sur Terminé.
   4. Facultatif : dans la section En-tête de la section, ajoutez un titre et un sous-titre à votre champ personnalisé.
   5. Facultatif : dans la section Paramètres, indiquez si vous souhaitez ajouter « (facultatif) » à l’étiquette de votre champ et si vous souhaitez afficher tous les champs.

9. Facultatif : dans la section Styles, cliquez sur Personnaliser la présentation pour personnaliser les marges, le conteneur et les styles de séparateur du bloc.

10. Facultatif : dans la section Publication, cliquez sur l’icône du crayon pour sélectionner les marchés et les pages de paiement sur lesquels vous souhaitez que le bloc s’affiche.

11. Cliquez sur Enregistrer.

Votre bloc est enregistré par défaut en tant que Brouillon. Lorsque vous souhaitez publier le bloc, dans la section Statut, sélectionnez Actif dans le menu déroulant.

Ajout d’un bloc de champ personnalisé au paiement

Vous pouvez ajouter un bloc de champ personnalisé existant au paiement. Les blocs doivent avoir le statut Actif pour s’afficher au moment du paiement.

Étapes :

1. Depuis votre interface administrateur Shopify, accédez à Applis > Checkout Blocks.

2. Cliquez sur Blocs.

3. Cliquez sur le bloc de champ personnalisé que vous souhaitez ajouter au paiement.

4. Cliquez sur Plus d’actions ⌄ > Ajouter au paiement.

5. Facultatif : dans la section ID du bloc d’aperçu, cliquez sur l’icône du presse-papiers pour copier l’ID d’aperçu unique du bloc.

6. Sélectionnez la configuration de paiement de votre choix, puis cliquez sur Ouvrir l’éditeur.

7. Dans l’éditeur de paiement et de comptes, ajoutez le bloc de champ personnalisé à votre page de paiement :

   1. Accédez à la page de paiement à laquelle vous souhaitez ajouter le bloc.
   2. Cliquez sur ⊕ Ajouter un bloc dans la section où vous souhaitez ajouter le bloc.
   3. Cliquez sur l’option Champ personnalisé de Checkout Blocks.
   4. Configurez les détails du bloc de paiement, puis sélectionnez l’ID de bloc correspondant.
   5. Facultatif : utilisez le champ ID du bloc d’aperçu (à des fins de test) et l’ID d’aperçu du bloc pour prévisualiser la façon dont le bloc s’affiche au moment du paiement.
   6. Facultatif : faites glisser-déposer le bloc dynamique pour modifier son emplacement sur la page de paiement.

8. Cliquez sur Enregistrer.