Personnalisations courantes de la page de paiement à l’aide de Checkout Blocks

Vous pouvez personnaliser votre page de paiement à l’aide de Checkout Blocks de plusieurs façons. Cette page contient des guides succincts pour certaines personnalisations courantes de la page de paiement à l’aide de Checkout Blocks.

Créer des paliers de réduction des expéditions pour des valeurs de panier spécifiques

Si vous souhaitez créer des niveaux de réduction sur l’expédition, tels que « 50 % de réduction sur l’expédition pour les commandes de plus de 50 USD » et « expédition gratuite pour les commandes de plus de 100 USD », vous pouvez créer plusieurs réductions d’expédition automatique en fonction de la règle Sous-total du panier. La réduction sur l’expédition la plus élevée s’applique aux paiements qui répondent aux critères de remises multiples.

Étapes :

1. Dans l’interface administrateur Shopify, cliquez sur Canaux de vente > Checkout Blocks.
2. Cliquez sur Réductions > Ajouter une réduction > Montant de réduction sur l’expédition.
3. Dans la section Montant hors frais d’expédition, sélectionnez Réduction automatique, puis ajoutez votre message de réduction (par exemple : 50 % de réduction sur l’expédition des commandes de plus de 50 USD).

4. Dans la section Configuration des remises, créez votre jeu de règles de remise 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 remise, configurez votre jeu de règles :
      1. Cliquez sur ⊕ Ajouter une règle.
      2. Configurez votre règle de manière à ce qu’elle soit Cart subtotal > Is greater than or equal to > 50.00.

5. Facultatif : vous pouvez configurer les options suivantes :

   • Options de livraison, pour spécifier les options de livraison auxquelles la réduction doit s’appliquer. Lors de la sélection d’options spécifiques, vous pouvez choisir d’appliquer les options par titre, par prix ou par type de livraison.
   • Combinaisons, pour permettre aux clients de combiner le code de réduction avec des remises sur les produits ou les commandes.
   • Dates d’activité, pour spécifier la date de début et d’expiration éventuelle de la réduction.

6. Dans la section Résumé, vérifiez les détails de votre remise pour confirmer sa bonne configuration.

7. Cliquez sur Enregistrer.

8. Depuis l’interface administrateur Shopify, retournez à Canaux de vente > Checkout Blocks.

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

10. Dans la section Montant hors frais de port, sélectionnez Réduction automatique, puis ajoutez votre message de réduction (par exemple : expédition gratuite à partir de 100 $ d’achats).

11. Dans la section Configuration des remises, créez votre jeu de règles de remise personnalisé :

    1. Dans le menu déroulant Valeur de la réduction, sélectionnez Expédition gratuite.
    2. Dans la section Règles de remise, configurez votre jeu de règles :
       1. Cliquez sur ⊕ Ajouter une règle.
       2. Configurez votre règle de manière à ce qu’elle soit Cart subtotal > Is greater than or equal to > 100.00.

12. Facultatif : vous pouvez configurer les options suivantes :

    • Options de livraison, pour spécifier les options de livraison auxquelles la réduction doit s’appliquer. Lors de la sélection d’options spécifiques, vous pouvez choisir d’appliquer les options par titre, par prix ou par type de livraison.
    • Combinaisons, pour permettre aux clients de combiner le code de réduction avec des remises sur les produits ou les commandes.
    • Dates d’activité, pour spécifier la date de début et d’expiration éventuelle de la réduction.

13. Dans la section Résumé, vérifiez les détails de votre remise pour confirmer sa bonne configuration.

14. Cliquez sur Enregistrer.

Modifier la copie de « OR » sous les méthodes de paiement accélérées

Vous pouvez déplacer un bloc d’icônes d’expédition et de paiement pour l’affichage sous la ligne de séparation ---- OR ---- sous les options de paiement accéléré, puis modifier le texte « OR » pour n’importe quel texte personnalisé que vous préférez, tel que « Types 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 paiements dans l’éditeur de paiement et de comptes.
2. Faites glisser-déposer le bloc Icônes expédition et paiements pour l’afficher sous la section Porte-monnaie électronique.
3. Dans votre interface administrateur Shopify, allez dans 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 alternatif.
6. Dans la bannière du moyen de paiement alternatif, changez le champ Or pour inclure votre texte personnalisé.
7. Cliquez sur Enregistrer.

Afficher un message sous les 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 offrez les tarifs d’expédition Standard, Express et International Express et que vous souhaitez peut-être afficher un bref message sous l’option d’expédition « International » pour clarifier que les frais et droits de douane ne sont pas inclus dans le prix d’expédition affiché.

Étapes :

1. Dans l’interface administrateur Shopify, cliquez sur Canaux de vente > Checkout Blocks.
2. Cliquez Blocs, puis cliquez sur Créer un bloc.
3. Cliquez sur Contenu dynamique.
4. Dans la section Nom du bloc, saisissez un nom pour le bloc. Ceci ne s’affiche pas pour vos clients.
5. Dans la section ID du bloc d’application, définissez l’ID comme Dynamique ou appliquez un numéro d’ID spécifique. En savoir plus sur ID des blocs d’applications.

6. Dans la section Afficher les règles, configurez les règles d’affichage de votre bloc pour qu’elles s’affichent uniquement lorsque le mode d’expédition spécifique est inclus. Dans cet exemple, la règle est configurée pour s’afficher 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 comme Contient > International.

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

   1. Dans la section Articles de contenu, cliquez sur ⊕ Ajouter l’article de contenu, puis sélectionnez Texte.
   2. Dans la boîte de dialogue de l’article de contenu, ajoutez votre court message, tel que Des frais de douane supplémentaires peuvent s’appliquer., puis cliquez sur Terminé.

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

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 de votre paiement.

11. Cliquez sur Enregistrer.

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

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

Étapes :

1. Dans Checkout Blocks, créez et configurez un bloc de champ personnalisé. Assurez-vous que le bloc est configuré pour être enregistré 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 Bordereaux d’expédition, cliquez sur Modèle de bordereau d’expédition.
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 }}

1. Facultatif : si vous souhaitez afficher la valeur du champ personnalisé de manière conditionnelle, vous pouvez entourer le contenu d’une instruction Liquid si/sinon basée sur les conditions requises.
2. Cliquez sur Enregistrer.

Vous pouvez utiliser plusieurs valeurs clés de champs personnalisés dans le modèle de bordereau d’expédition. Par exemple, ce code affiche le numéro de bon de commande (champ méta utilisant po comme clé) uniquement lorsque le/la client(e) a accepté les termes 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é sur une commande à partir d’un profil client

Vous pouvez synchroniser les données de commande saisies par le biais de blocs de champs personnalisés en tirant parti de l’application Shopify Flow.

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

Étapes :

1. Dans Checkout Blocks, créez et configurez un bloc de champ personnalisé. Assurez-vous que le bloc est configuré pour être enregistré en tant que Champ méta de commande.

2. Dans Shopify Flow, configurez un flux de travail personnalisé à exécuter lorsqu’une commande est passée :

   1. Cliquez sur Créer un flux de travail > Sélectionner un déclencheur.
   2. Sélectionnez la commande Shopify > Commande créée.
   3. Sur le déclencheur, cliquez sur Ensuite ⊕ > État.
   4. Cliquez sur Ajouter une variable, puis sélectionnez Commande > champs méta > clé.
   5. Dans le champ Clé, ajoutez la clé pour le champ personnalisé que vous souhaitez ajouter au profil du client, comme birth_date.
   6. Sur la condition, cliquez sur Ensuite ⊕ > Action.
   7. Cliquez sur Shopify > Mettre à jour le champ méta client.

3. Dans la section Mettre à jour un champ méta client, saisissez les informations suivantes :

   1. Espace de nom du champ méta : le champ méta que vous souhaitez ajouter, comme personal_info.
   2. Clé : la clé du champ méta, telle que dob.
   3. Type : type de valeur que vous souhaitez inclure, comme 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 est terminé, cliquez sur Activer le flux de travail pour l’activer.