Blocs de champ personnalisé

Vous pouvez percevoir des informations client supplémentaires avec le bloc Champ personnalisé. Les champs personnalisés peuvent être facultatifs ou obligatoires. Vous pouvez donc configurer les champs personnalisés de manière à bloquer le processus de paiement avant que le/la client(e) ne puisse poursuivre.

Checkout Blocks prend en charge une grande variété de types d’entrées, y compris du texte brut, des menus déroulants, des cases à cocher et un sélecteur de date. Les données du champ personnalisé peuvent être enregistrées en tant que champ méta de la commande, attribut de la commande ou note de la commande.

Il existe plusieurs modèles qui pré-remplissent le contenu et les paramètres d’un bloc de champs personnalisés en fonction de certains cas d’utilisation courants :

Acceptez les conditions générales : ce modèle exige qu’un(e) client(e) accepte vos conditions de service, accessibles par un clic et affichées dans une fenêtre de boutique pop-up avant de procéder 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 à l’occasion du paiement à des fins de marketing.
Message de cadeau : ce modèle offre aux clients la possibilité d’inclure un message écrit facultatif lorsqu’ils placent une commande en cadeau pour quelqu’un d’autre.

Sur cette page

Types de données prises en charge

Les champs personnalisés sont enregistrés dans la commande du/de la client(e) en tant que champ méta de la commande, attribut de la note de commande ou note de la commande elle-même. Pensez à utiliser les métafichiers de commande dans la mesure du possible, car il s’agit de la façon la plus robuste de stocker et de récupérer des données personnalisées sur les commandes dans Shopify.

Checkout Blocks n’est pas pris en charge pour l’ajout de nouveaux champs aux formulaires de paiement existants, tels que l’adresse d’expédition ou l’adresse de facturation. Au lieu de cela, ajoutez un bloc de champs personnalisés au-dessus ou au-dessous du formulaire de paiement existant.

Champs méta de commandes

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 la commande

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

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

Notes de commande

Lorsque vous enregistrez des champs personnalisés dans les notes de commande, tout contenu existant que le/la client(e) ajoute au champ de la note est remplacé par votre champ personnalisé. Si vous choisissez d’enregistrer les données de votre champ personnalisé sous la forme d’une note de commande, pensez à désactiver l’option d’ajout d’une note de commande dans le panier de votre thème, si vous avez activé ce paramètre. Cela signifie que les clients n’ont pas à saisir deux fois le contenu de leur note.

L’utilisation du type notes de commande présente l’avantage d’afficher automatiquement les notes de commande saisies dans le panier lors du paiement. Ceci permet d’assurer la cohérence du flux de paiement pour des cas d’utilisation spécifiques, tels que les bons de commande ou les bons de livraison.

Les notes de commande sont incompatibles avec les commandes provisoires.

Types d’entrée 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 téléphone
Cases d’option
Entrée de texte

Créer un bloc de champ personnalisé

Vous pouvez créer et configurer un champ personnalisé dans l’application Checkout Blocks. Après avoir créé un champ personnalisé, vous devez ajouter le bloc au paiement.

Étapes :

Dans votre interface administrateur Shopify, accédez à Applications > Checkout Blocks.
Cliquez Blocs, puis cliquez sur Créer un bloc.
Cliquez sur Champ personnalisé.
Sélectionnez le modèle pour le champ que vous souhaitez utiliser. Si vous ne souhaitez pas que les champs ou les paramètres soient préremplis, sélectionnez Modèle vide.
Dans la section Nom du bloc, saisissez un nom pour le bloc. Ceci ne s’affiche pas pour vos clients.
Dans la section App block ID (ID de bloc d’application), utilisez le menu déroulant pour appliquer un numéro d’ID spécifique. En savoir plus sur les ID des blocs d’applications.
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.
Dans la section Contenu, ajoutez et personnalisez le contenu de votre bloc :
1. Dans le menu Enregistrer sous, sélectionnez où enregistrer les données de champ personnalisées. En savoir plus sur les types de champs de données personnalisées.
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 le caractère obligatoire ou non du champ. 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 ajoutez « (facultatif) » à votre étiquette de champ et si vous décidez d’afficher tous les champs.
Facultatif : dans la section Styles, cliquez sur Personnaliser le design pour personnaliser la marge, les conteneurs et les styles de séparation du bloc.
Facultatif : dans la section Publication, cliquez sur l’icône en forme de crayon pour sélectionner les marchés et les pages de paiement dans lesquels vous souhaitez que le bloc s’affiche.
Cliquez sur Enregistrer.

Votre bloc est enregistré comme brouillon par défaut. Lorsque vous êtes prêt(e) à publier le bloc, dans la section Statut, sélectionnez Actif dans le menu déroulant.

Ajoutez un champ personnalisé à la page de paiement

Vous pouvez ajouter un bloc de champ personnalisé existant à la page de paiement. Les blocs doivent être définies sur Actif pour s’afficher lors de la page de paiement.

Étapes :

Dans votre interface administrateur Shopify, accédez à Applications > Checkout Blocks.
Cliquez sur Blocs.
Cliquez sur le bloc de champ personnalisé que vous souhaitez ajouter au paiement.
Cliquez sur Plus d’actions ⌄ > Ajouter au paiement.
Facultatif : dans la section Identification du bloc de prévisualisation, cliquez sur l’icône du presse-papiers pour copier l’identifiant unique de prévisualisation du bloc.
Sélectionnez la configuration de paiement souhaitée, puis cliquez sur Ouvrir l’éditeur.
Dans l’éditeur de commandes et de comptes, ajoutez le bloc de champs personnalisés à votre paiement :
1. Naviguez jusqu’à la page de paiement à laquelle vous souhaitez ajouter le bloc.
2. Cliquez sur ⊕ Ajouter un bloc d’application dans la section à laquelle vous souhaitez ajouter le bloc.
3. Cliquez sur l’option Champ personnalisé de Checkout Blocks.
4. Configurez les détails du bloc de paiement et sélectionnez l’identifiant du bloc d’application correspondant.
5. Facultatif : utilisez le champ Identification du bloc de prévisualisation (à des fins de test) et l’identifiant de prévisualisation du bloc pour prévisualiser l’affichage du bloc au paiement.
6. Facultatif : glissez-déposez le bloc dynamique pour modifier l’emplacement de la page de paiement où vous souhaitez qu’il s’affiche.
Cliquez sur Enregistrer.