Personnalisations courantes du processus de paiement à l’aide de Checkout Blocks

Vous pouvez personnaliser votre processus de paiement de nombreuses façons à l’aide de Checkout Blocks. Cette page contient de brefs guides sur certaines personnalisations courantes du processus de paiement réalisées avec Checkout Blocks.

Créer des paliers de réduction sur l’expédition pour des valeurs de panier spécifiques

Si vous souhaitez créer des paliers de réduction sur l’expédition, comme « 50 % de réduction sur l’expédition pour les commandes de plus de 50 $ » et « expédition gratuite pour les commandes de plus de 100 $ », vous pouvez créer plusieurs réductions automatiques sur l’expédition basées sur la règle Sous-total du panier. La réduction sur l’expédition la plus avantageuse s’applique aux paiements qui remplissent les critères de plusieurs réductions.

Étapes :

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

2. Cliquez sur Réductions > Ajouter une réduction > Montant de réduction sur l’expédition.

3. Dans la section Montant de réduction sur l’expédition, sélectionnez Réduction automatique, puis ajoutez votre message de réduction (par exemple : 50 % de réduction sur l’expédition pour les commandes de 50 $ et plus).

4. Dans la section Configuration de la réduction, créez votre ensemble de règles de réduction personnalisé :

   1. Dans le menu déroulant Valeur de la réduction, sélectionnez Pourcentage, puis ajoutez 50 %.
   2. Dans la section Règles de réduction , configurez votre ensemble de règles :
      1. Cliquez sur ⊕ Ajouter une règle.
      2. Configurez votre règle comme suit : Sous-total du panier > Est supérieur ou égal à > 50,00.

5. Facultatif : vous pouvez configurer les options suivantes :

   • Options de livraison, pour spécifier les options de livraison auxquelles vous souhaitez que la réduction s’applique. Lorsque vous sélectionnez des options spécifiques, vous pouvez choisir de les appliquer par titre, par prix ou par type de livraison.
   • Combinaisons, pour autoriser les clients à combiner le code de réduction avec des réductions sur les produits ou les commandes.
   • Dates d’activité, pour spécifier la date de début de la réduction et si elle expire.

6. Dans la section Résumé, vérifiez les détails de votre réduction pour confirmer qu’elle est correctement configurée.

7. Cliquez sur Enregistrer.

8. Depuis votre interface administrateur Shopify, retournez à Applications > Checkout Blocks.

9. Cliquez sur Réductions > Ajouter une réduction > Montant de réduction sur l’expédition.

10. Dans la section Montant de réduction sur l’expédition, sélectionnez Réduction automatique, puis ajoutez votre message de réduction (par exemple : Expédition gratuite pour les commandes de 100 $ et plus).

11. Dans la section Configuration de la réduction, créez votre ensemble de règles de réduction personnalisé :

    1. Dans le menu déroulant Valeur de la réduction, sélectionnez Expédition gratuite.
    2. Dans la section Règles de réduction , configurez votre ensemble de règles :
       1. Cliquez sur ⊕ Ajouter une règle.
       2. Configurez votre règle comme suit : Sous-total du panier > Est supérieur ou égal à > 100,00.

12. Facultatif : vous pouvez configurer les options suivantes :

    • Options de livraison, pour spécifier les options de livraison auxquelles vous souhaitez que la réduction s’applique. Lorsque vous sélectionnez des options spécifiques, vous pouvez choisir de les appliquer par titre, par prix ou par type de livraison.
    • Combinaisons, pour autoriser les clients à combiner le code de réduction avec des réductions sur les produits ou les commandes.
    • Dates d’activité, pour spécifier la date de début de la réduction et si elle expire.

13. Dans la section Résumé, vérifiez les détails de votre réduction pour confirmer qu’elle est correctement configurée.

14. Cliquez sur Enregistrer.

Modifier le texte « OU » sous les moyens de paiement accélérés

Vous pouvez déplacer un bloc d’icônes d’expédition et de paiement pour l’afficher sous la ligne de séparation ---- OU ---- sous les options de paiement accéléré, puis modifier le texte « OU » pour le remplacer par le texte personnalisé de votre choix, tel que « Moyens de paiement acceptés » ou « Services d’expédition pris en charge ».

Étapes :

1. Créez et configurez un bloc d’icônes d’expédition et de paiement dans l’éditeur de la page de paiement et des comptes.
2. Faites glisser-déposer le bloc Icônes d’expédition et de paiement pour l’afficher sous la section Portefeuilles.
3. Dans votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
4. Dans le thème utilisé, cliquez sur ... > Modifier le contenu du thème par défaut.
5. Utilisez la barre de recherche pour rechercher le terme alternative.
6. Dans la section Bannière de moyen de paiement alternatif de la page de paiement, modifiez le champ Ou pour y inclure votre texte personnalisé.
7. Cliquez sur Enregistrer.

Afficher un message sous des modes d’expédition spécifiques

Vous pouvez utiliser le bloc de contenu dynamique pour afficher un message sous des modes d’expédition spécifiques lors du paiement.

Par exemple, si vous proposez les tarifs d’expédition Standard, Express et International Express, vous pouvez afficher un bref message sous l’option d’expédition « International Express » pour préciser que les droits et frais de douane ne sont pas inclus dans le prix d’expédition affiché.

Étapes :

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

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

3. Cliquez sur Contenu dynamique.

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

5. Dans la section ID du bloc, définissez l’ID sur Dynamique ou appliquez un numéro d’ID spécifique. En savoir plus sur les ID de bloc.

6. Dans la section Règles d’affichage, configurez les règles d’affichage de votre bloc pour qu’il s’affiche uniquement lorsque le mode d’expédition spécifique est inclus. Dans cet exemple, la règle est configurée pour un affichage sous International Express :

   1. Cliquez sur ⊕ Ajouter une règle d’affichage.
   2. Dans la boîte de dialogue Sélectionner une règle, sélectionnez Titre du mode d’expédition.
   3. Configurez la règle sur Contient > International.

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

   1. Dans la section Éléments de contenu, cliquez sur ⊕ Ajouter un élément de contenu, puis sélectionnez Texte.
   2. Dans la boîte de dialogue de l’élément de contenu, ajoutez un court message, tel que Des droits de douane et taxes supplémentaires peuvent s’appliquer., puis cliquez sur Terminé.

8. 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.

9. Cliquez sur Enregistrer, puis définissez le statut du bloc sur Actif.

10. Dans l’éditeur de paiement et de comptes, ajoutez le bloc dynamique à la section Tarif d’expédition du paiement.

11. Cliquez sur Enregistrer.

Inclure un champ personnalisé sur le bordereau d’expédition d’une commande

Checkout Blocks permet à votre boutique de recueillir des données client à l’aide d’un bloc de champs personnalisés et de les enregistrer dans un champ méta de commande.

Étapes :

1. Dans Checkout Blocks, créez et configurez un bloc de champs personnalisés. Assurez-vous que le bloc est configuré pour enregistrer les données en tant que champ méta de commande.
2. Dans votre interface administrateur Shopify, allez à Paramètres > Expédition et livraison.
3. Dans la section Documents, cliquez sur Modèle de bon de livraison.
4. À l’emplacement du modèle où vous souhaitez afficher la valeur du champ personnalisé, ajoutez la ligne de code suivante en remplaçant key par la clé de votre champ personnalisé :

{{ order.metafields.checkoutblocks.key }}

5. Facultatif : si vous souhaitez afficher la valeur du champ personnalisé de manière conditionnelle, vous pouvez encadrer le contenu avec une instruction Liquid if/else en fonction des conditions requises.
6. Cliquez sur Enregistrer.

Vous pouvez utiliser plusieurs clés de champ personnalisé dans le modèle de bordereau d’expédition. Par exemple, ce code affiche le numéro de bon de commande d’une commande (champ méta utilisant po comme clé) uniquement si le client a accepté les conditions de la commande (champ méta utilisant agree_to_terms comme clé) :

{% if order.metafields.checkoutblocks.agree_to_terms %}
    PO #{{ order.metafields.checkoutblocks.po }}
{% endif %}

Ajouter un champ personnalisé d’une commande au profil du client

Vous pouvez synchroniser les données de commande saisies par le biais des blocs de champs personnalisés en utilisant l’appli Shopify Flow.

Vous pouvez télécharger un exemple de fichier .flow pour ajouter une valeur de champ méta birth_date à un profil de client. Personnalisez les valeurs de ce modèle pour qu’elles correspondent aux clés de champ personnalisé que vous souhaitez ajouter.

Étapes :

1. Dans Checkout Blocks, créez et configurez un bloc de champs personnalisés. Assurez-vous que le bloc est configuré pour enregistrer les données en tant que champ méta de commande.
2. Dans Shopify Flow, configurez un flux de travail personnalisé pour qu’il s’exécute lorsqu’une commande est passée :
   1. Cliquez sur Créer un flux de travail > Sélectionner un déclencheur.
   2. Sélectionnez Shopify > Commande créée.
   3. Sur le déclencheur, cliquez sur Puis ⊕ > Condition.
   4. Cliquez sur Ajouter une variable, puis sélectionnez Commande > champs méta > clé.
   5. Dans le champ Clé, ajoutez la clé du champ personnalisé que vous souhaitez ajouter au profil du client, par exemple birth_date.
   6. Sur la condition, cliquez sur Puis ⊕ > Action.
   7. Cliquez sur Shopify > Mettre à jour le champ méta du client.
3. Dans la section Mise à jour du champ méta du client Dans cette section, saisissez les informations suivantes :
   1. Espace de nom du champ méta : le champ méta que vous souhaitez ajouter, par exemple personal_info.
   2. Clé : la clé du champ méta, par exemple dob.
   3. Type : le type de valeur que vous souhaitez inclure, par exemple Date.
   4. Valeur :

{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

Lorsque votre flux de travail est terminé, cliquez sur Activer le flux de travail pour l’activer.