Vue d’ensemble des blocs permettant de personnaliser la page de paiement à l’aide de Checkout Blocks

Les blocs de l’application Checkout Blocks, créée avec des extensions d’interface utilisateur, vous aident à personnaliser le paiement en fournissant des blocs d’application que vous pouvez faire glisser et déposer directement dans l’éditeur de paiement et de comptes. Certains types de blocs ajoutent des éléments de personnalisation visuelle à votre paiement, tels que des bannières d’information et d’avertissement ou des messages sur les articles. D’autres types de blocs ajoutent des éléments interactifs à votre paiement, tels que des sélecteurs de variantes ou de quantités pour les articles, ou des cases à cocher ou des champs de texte pour que les clients puissent sélectionner ou saisir des informations supplémentaires.

Checkout Blocks peut prendre en charge jusqu’à 30 blocs actifs par type de bloc. Vous pouvez avoir jusqu’à 30 champs personnalisés, 30 blocs de contenu dynamique ou d’autres types de blocs une seule fois. Vous pouvez créer plus de 30 blocs, mais seuls les 30 premiers blocs actifs s’affichent lors du paiement.

Les blocs qui s’affichent sur la page de paiement dépendent des règles d’affichage que vous avez appliquées au bloc, de l’ordre dans lequel les blocs sont hiérarchisés, ainsi que de l’utilisation ou non d’un ID de bloc d’application pour toujours afficher un bloc particulier à un emplacement particulier.

Sur cette page

Blocs d’application disponibles dans Checkout Blocks

Checkout Blocks prend en charge plusieurs types de blocs d’application. Le type de bloc dépend du type de contenu que vous souhaitez ajouter à votre page de paiement, si vous souhaitez ajouter des règles d’affichage conditionnels et à quelles pages vous souhaitez ajouter le bloc.

Certains blocs ne peuvent pas être ajoutés à certaines pages de paiement en raison de la fonction du bloc lui-même. Par exemple, un bloc de champs personnalisés repose sur la saisie d’informations supplémentaires par le/la client(e), comme l’ajout d’une note personnalisée ou le fait de cocher une case. Ces informations doivent être saisies avant la fin de la commande, de sorte que le champ personnalisé ne peut pas être ajouté aux pages après achat, telles que la page de remerciement ou la page de statut de commande.

Tableau listant les blocs d’applications Checkout Blocks disponibles, ainsi que les pages de paiement sur lesquelles ils sont pris en charge et une brève description de chaque bloc d’application.
Bloc d’application	Pages prises en charge	Description
Bloqueur d’adresses	Paiement	Bloquer le paiement en fonction des règles de format d’adresse.
Champs personnalisés	Paiement	Inclure des champs personnalisés dans le processus de paiement, tels qu’une case à cocher pour l’acceptation des conditions ou un champ de messagerie pour les cadeaux.
Contenu dynamique	Paiement Merci Statut de la commande	Affichez du contenu tel que du texte, des bannières et des boutons en fonction des règles conditionnelles que vous avez définies. Ce bloc est disponible pour les marchands ayant souscrit un forfait Basic Shopify ou un forfait supérieur.
Modification d’une rubrique	Paiement Merci Statut de la commande	Permettre aux clients de modifier les rubriques dans le paiement du résumé de la commande, par exemple en incluant une variante ou un sélecteur de quantité. Agit également comme conteneur pour le contenu de la rubrique.
Contenu de la rubrique	Paiement Merci Statut de la commande	Afficher le message spécifique à une rubrique, tel que `Promotion finale`.
Icônes d’expédition et de paiement	Paiement	Afficher les icônes pour les modes d’expédition et les moyens de paiement pris en charge.
Contenu statique	Paiement Merci Statut de la commande	Contrairement aux blocs de contenu dynamique, ce contenu s’affiche pour tous les clients et prend en charge le texte et les bannières. Ce bloc est disponible pour les marchands ayant souscrit un forfait Basic Shopify ou un forfait supérieur.

En savoir plus sur la création des blocs d’application.

Analyses de bloc

Chaque bloc actif dispose d’analyses de vues, qui s’affichent en haut de la page des détails des blocs dans l’application Checkout Blocks. Ces analyses comptabilisent le nombre de fois où le bloc s’est affiché lors du paiement.

Par défaut, le bloc affiche les analyses de données du jour, mais vous pouvez cliquer sur le menu déroulant de la date et utiliser le sélecteur de date pour consulter les analyses de données pour des jours ou des fourchettes de dates spécifiques.

Pour réinitialiser les analyses de données du bloc, cliquez ⋮ > Réinitialiser les analyses de données. Cette opération est irréversible.

Afficher les règles relatives aux blocs de

De nombreux types de blocs, tels que les blocs de contenu dynamique et de champs personnalisés, vous permettent de définir les conditions qui doivent être remplies pour que votre bloc de paiement s’affiche sur la page de paiement. Vous pouvez définir plusieurs règles d’affichage par bloc, et vous pouvez également déterminer si toutes les règles doivent être respectées ou si une seule règle doit être respectée pour que le bloc soit affiché.

La syntaxe des règles d’affichage varie en fonction du type de bloc que vous construisez, mais en général, les règles sont construites en utilisant les éléments suivants dans l’ordre, le cas échéant :

La catégorie de règle, telle que Product type ou Cart total.
L’opérateur logique, tel que Is ou Is not, ou Is greater than, Containsou Ends in.
Le paramètre qui définit la valeur spécifique que vous souhaitez, comme Dresses ou 50.00.

Par exemple, si vous souhaitez afficher une bannière à l’intention des clients qui dépensent beaucoup et les inviter à créer un compte, vous pouvez créer un bloc avec les règles d’affichage suivantes :

Only show when: All rules pass
Cart total > Is greater than or equal to > USD > 100.00
Customer is logged in > False

Selon cet ensemble de règles d’affichage, votre bannière s’affiche uniquement lorsque le/la client(e) a dépensé 100 USD ou plus et qu’il ou elle n’est pas déjà connecté(e) à un compte client. La bannière ne s’affiche pas lorsque les clients sont connectés, et elle ne s’affiche pas non plus lorsque les clients ne dépensent pas jusqu’au seuil de 100 USD.

ID des blocs d’applications

Certains types de blocs, tels que le champ personnalisé ou le contenu dynamique, peuvent avoir un ID de bloc d’application. Un ID de bloc d’application de 0 est sélectionné par défaut.

Un ID de bloc d’application vous permet d’ajouter différents blocs du même type dans différentes sections de la page de paiement. Vous pouvez voir le bloc d’application de la page de paiement de l’éditeur comme un paramètre fictif, qui peut se charger en plusieurs blocs possibles en fonction des règles d’affichage que vous configurez dans le bloc. Vous pouvez ajouter jusqu’à 10 blocs d’applications différents « paramètres fictifs » sur chaque page de paiement.

Exemple 1 : utilisez différents ID de blocs d’application pour spécifier différents emplacements pour différents blocs du même type.

Vous souhaitez afficher une case à cocher obligatoire dans la zone de contenu principale, mais avec une note cadeau en option dans la barre latérale. Ces deux blocs utilisent le type de bloc de champ personnalisé, de sorte que vous pouvez ajouter le bloc d’application de champ personnalisé deux fois lors du paiement et l’éditeur de compte, et placer chaque bloc à l’endroit où vous souhaitez qu’ils s’affichent. Toutefois, vous devez être en mesure de déterminer quel bloc particulier est placé à quel emplacement.

Il est possible d’attribuer à la case à cocher obligatoire l’identifiant de bloc d’application 1 et à la note de cadeau facultative l’identifiant de bloc d’application 2. Dans l’éditeur de paiement et de comptes, vous pouvez ensuite définir le bloc d’application Champ personnalisé dans la zone de contenu principale pour utiliser l’ID de bloc d’application 1 et afficher la case à cocher requise, et le bloc d’application Champ personnalisé dans la barre latérale pour utiliser l’ID de bloc d’application 2 et afficher la note de cadeau en option.

Exemple 2 : utilisez le même ID de bloc d’application pour spécifier un seul emplacement pour les blocs du même type avec des règles d’affichage différentes.

Vous offrez 3 réductions sur l’expédition automatique :

une réduction de 10 % sur les commandes de plus de 25 USD
une réduction de 25 % sur les commandes de plus de 50 USD
une expédition gratuite sur les commandes supérieures à 100 USD

Pour encourager les clients à ajouter plus à leur panier avant de terminer leur commande, vous souhaitez ajouter une bannière dynamique dans la section Mode d’expédition de la page de paiement, invitant les clients à compléter leur panier au vu de la réduction sur l’expédition qu’ils sont sur le point d’obtenir.

Vous pouvez configurer 3 blocs de contenu dynamique portant tous le même ID de bloc d’application, par exemple 6 :

Tableau de trois exemples de blocs de contenu dynamique, ainsi que leurs règles d’affichage et contenu applicables.
Nom du bloc	Afficher la règle	Contenu de la bannière
Expédition Niveau 1	Le total du panier > est inférieur à > 25,00 USD	« Votre panier bénéficie d’une remise de 10 % sur les frais de port si vous dépensez 25 $ ou plus.
Expédition Niveau 2	Le total du panier > est inférieur à > 50,00 USD	« Votre panier bénéficie d’une remise de 25 % sur les frais d’expédition si vous dépensez 50 $ ou plus.
Expédition Niveau 3	Le total du panier > est inférieur à > 100,00 USD	« Votre panier bénéficie d’une expédition gratuite si vous dépensez 100 $ ou plus ».

Assurez-vous que le bloc Expédition Niveau 1 présente la priorité de tri la plus élevée, et que le bloc Expédition Niveau 3 celui avec la priorité de tri la plus basse. Dans ce cas, lorsqu’un(e) client(e) dépense moins de 25 USD, même si les conditions d’affichage des 3 blocs ont techniquement été remplies, le bloc de niveau 1 s’affiche avec le message le plus approprié. Lorsqu’un(e) client(e) dépense plus de 25 USD mais moins de 50 USD, le bloc Niveau 2 s’affiche à la priorité supérieure, même si les conditions du bloc de niveau 3 ont aussi été remplies techniquement.

Enfin, dans l’éditeur de paiement et de comptes, vous pouvez ajouter un seul bloc d’application de contenu dynamique avec un ID de bloc d’application de 6 à la section Frais d’expédition, et le plus approprié des 3 blocs de contenu dynamique que vous avez créés s’affichera dans cet espace « conteneur » lors du paiement. Lorsqu’un(e) client(e) dépense au moins 100 USD, aucun contenu dynamique ne s’affiche dans cette zone de la page de paiement, car aucune règle d’affichage n’a été satisfaite pour les blocs de contenu dynamique avec un ID de bloc d’application de 6.