Aperçu des blocs pour personnaliser votre paiement à l’aide de Checkout Blocks

Les blocs de l’appli Checkout Blocks, créés avec des extensions d’IU, vous aident à personnaliser le paiement en fournissant des blocs que vous pouvez glisser-déposer directement dans l’éditeur de paiement et de comptes. Certains types de blocs ajoutent des éléments de personnalisation visuelle à votre paiement, comme des bannières d’information et d’avertissement ou des messages d’article du panier. D’autres types de blocs ajoutent des éléments interactifs à votre paiement, comme des sélecteurs de variante ou de quantité pour les articles du panier, ou des cases à cocher ou des champs de texte que les clients peuvent sélectionner ou dans lesquels ils peuvent 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 simultanément. Vous pouvez créer plus de 30 blocs, mais seuls les 30 premiers blocs actifs s’affichent au moment du paiement.

Les blocs qui s’affichent au moment du paiement dépendent des règles d’affichage que vous avez appliquées au bloc, de l’ordre de priorité des blocs, ainsi que de l’utilisation ou non d’un ID de bloc pour toujours afficher un bloc particulier à un emplacement particulier.

Blocs disponibles dans Checkout Blocks

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

Certains blocs ne peuvent pas être ajoutés à certaines pages de paiement en raison de leur fonction. Par exemple, un bloc de champ personnalisé nécessite qu’un client saisisse des informations supplémentaires, comme l’ajout d’une note personnalisée ou le cochage d’une case. Ces informations doivent être saisies avant que la commande ne soit terminée. Le champ personnalisé ne peut donc pas être ajouté aux pages après achat, telles que la page de remerciement ou la page de statut de la commande.

En savoir plus sur la création de blocs.

Analyse des blocs

Chaque bloc actif dispose d’une analyse des vues qui s’affiche en haut de la page de détails du bloc dans l’appli Checkout Blocks. Cette analyse comptabilise le nombre de fois où le bloc a été affiché sur la page de paiement.

Par défaut, le bloc affiche l’analyse pour Aujourd’hui, mais vous pouvez cliquer sur le menu déroulant de la date et utiliser le sélecteur de date pour examiner l’analyse de jours ou de périodes spécifiques.

Pour réinitialiser les analyses du bloc, cliquez sur > Réinitialiser les analyses. Cette action est irréversible.

Règles d’affichage des blocs

De nombreux types de blocs, tels que les blocs de contenu dynamique et de champ personnalisé, vous permettent de définir des conditions qui précisent les circonstances à remplir pour que votre bloc de paiement s’affiche lors du paiement. Vous pouvez définir plusieurs règles d’affichage par bloc, et vous pouvez également définir si toutes les règles ou si une seule règle doit être remplie pour afficher le bloc.

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

1. La catégorie de la règle, telle que Type de produit ou Total du panier.
2. L’opérateur logique, tel que Est ou N’est pas, ou Est supérieur à, Contient ou Se termine par.
3. Le paramètre qui définit la valeur spécifique que vous souhaitez, telle que Robes ou 50,00.

Par exemple, pour afficher une bannière destinée aux clients qui dépensent beaucoup afin de les inviter à créer un compte, vous pouvez créer un bloc avec les règles d’affichage suivantes :

• Afficher uniquement lorsque : toutes les règles sont remplies
• Total du panier > Est supérieur ou égal à > USD > 100,00
• Client est connecté > Faux

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

ID de bloc

Certains types de blocs, tels que le champ personnalisé ou le contenu dynamique, ont la possibilité de spécifier un ID de bloc. Un ID de bloc de 0 est sélectionné par défaut.

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

Exemple 1 : utilisez des ID de bloc différents pour spécifier des emplacements différents 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 facultative dans la barre latérale. Ces deux blocs utilisent le type de bloc champ personnalisé. Vous pouvez donc ajouter le bloc Champ personnalisé deux fois dans l’éditeur de paiement et de comptes, et placer chaque bloc à l’endroit où vous souhaitez qu’il s’affiche. Cependant, vous devez être en mesure de définir quel bloc particulier va à quel emplacement.

La case à cocher obligatoire peut être définie avec l’ID de bloc 1, et la note cadeau facultative avec l’ID de bloc 2. Dans l’éditeur de paiement et de comptes, vous pouvez ensuite définir le bloc Champ personnalisé dans la zone de contenu principale pour qu’il utilise l’ID de bloc 1 afin d’afficher la case à cocher obligatoire, et le bloc Champ personnalisé dans la barre latérale pour qu’il utilise l’ID de bloc 2 afin d’afficher la note cadeau facultative.

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

Vous proposez 3 réductions automatiques sur l’expédition :

• 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
• l’expédition gratuite pour les commandes de plus de 100 USD

Pour encourager les clients à ajouter d’autres articles à leur panier avant de finaliser leur commande, vous souhaitez ajouter une bannière dynamique dans la section Mode d’expédition du processus de paiement qui invite les clients à ajouter d’autres articles à leur panier en fonction de la réduction sur l’expédition qu’ils sont le plus près d’obtenir.

Vous pouvez configurer 3 blocs de contenu dynamique qui ont tous le même ID de bloc, comme 6 :

Assurez-vous que le bloc Palier d’expédition 1 a la priorité de tri la plus élevée et que le bloc Palier d’expédition 3 a la priorité de tri la plus faible. Dans ce cas, lorsqu’un client dépense moins de 25 USD, même si les conditions d’affichage des 3 blocs ont techniquement été remplies, le bloc du Palier 1 s’affiche avec le message le plus approprié. Lorsqu’un client dépense plus de 25 USD mais moins de 50 USD, le bloc du Palier 2 s’affiche avec une priorité plus élevée, même si les conditions du bloc du Palier 3 ont également été techniquement remplies.

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