Aller au contenu

Extensions de checkout Shopify : upsells, badges et plus

Le checkout est la page la plus précieuse de votre boutique et, pendant des années, la plus difficile à modifier. Les extensions d'interface du checkout sont la réponse de Shopify : des blocs fournis par des apps qui s'insèrent dans le checkout et les pages suivantes. Voici ce qu'elles permettent et comment en obtenir une.

BlogSurfaces Shopify3 min de lecture
Abstract illustration of a shopping cart with puzzle-piece blocks slotting into it, representing Shopify checkout UI extensions

Ce qu'est une extension d'interface du checkout

Une extension d'interface du checkout est un bloc, fourni par une app, que Shopify affiche dans le checkout. Elle est construite avec les composants d'interface de Shopify : elle hérite de l'image de marque de votre checkout et reste rapide et sûre, et vous la placez dans l'éditeur de checkout comme un bloc de thème.

Les extensions remplacent l'ancienne méthode qui consistait à modifier directement les modèles du checkout. Shopify fait migrer toutes les boutiques vers ce modèle, appelé checkout extensibility, avec Shopify Functions pour la logique comme les réductions.

Où elles peuvent apparaître

Il existe deux groupes d'emplacements, et la différence compte à cause des offres :

  • Dans le checkout — les étapes informations, livraison et paiement. Les extensions y sont disponibles pour les boutiques Shopify Plus.
  • Après le checkout — la page de remerciement et la page de statut de commande. Les extensions y sont disponibles sur toutes les offres.

Si vous n'êtes pas sur Plus, c'est donc sur les pages de remerciement et de statut de commande qu'une extension de checkout peut travailler pour vous. Les règles d'offres de Shopify évoluent : consultez la documentation actuelle de checkout extensibility pour votre offre avant de construire.

Les blocs de checkout les plus créés

  • Ventes additionnelles après achat sur la page de remerciement — un produit complémentaire proposé quand l'intention est au plus haut.
  • Confiance et réassurance — politique de retours, promesse de livraison, badges de paiement sécurisé.
  • Notes de livraison et messages cadeau enregistrés sur la commande.
  • Aides sur le statut de commande — conseils d'entretien, guides de mise en route ou lien de support selon l'achat.
  • Sondages — un « comment nous avez-vous connus ? » en une question sur la page de remerciement.
  • Fidélité — points gagnés sur cette commande, ou incitation à créer un compte.

En créer une sans développeur

Dans AppFly, choisissez Un bloc au checkout dans le menu sous le champ de prompt — ou dites simplement « sur la page de remerciement » — et décrivez-le :

« Un bloc sur la page de remerciement qui affiche un guide d'entretien selon la catégorie de produit que le client vient d'acheter, avec un lien vers notre page support. »

L'agent écrit l'extension avec les composants de checkout de Shopify, l'enregistre et l'installe sur votre boutique. Vous la placez ensuite dans l'éditeur de checkout, la testez avec une commande test et itérez par chat. La version pas à pas est dans créer une app Shopify sans coder.

Les règles à connaître avant de commencer

  • Les extensions tournent dans un bac à sable. Elles ne peuvent pas injecter de scripts arbitraires ni restyler librement le checkout ; elles utilisent les composants de Shopify. C'est ce qui garde le checkout rapide et sûr.
  • Restez léger. Un message clair vaut mieux que trois qui se concurrencent au moment de payer.
  • La logique, c'est Functions. Si vous voulez changer un prix — une remise, une règle de livraison —, c'est une fonction de réduction ou une autre Shopify Function, pas un bloc d'interface. AppFly crée aussi des règles de réduction.

Questions fréquentes

Peut-on personnaliser le checkout Shopify sans Shopify Plus ?

Oui, sur les pages de remerciement et de statut de commande, où les extensions d'interface du checkout sont disponibles sur toutes les offres. Les extensions dans les étapes informations, livraison et paiement sont réservées à Shopify Plus.

Quelle différence entre une extension d'interface du checkout et une Shopify Function ?

Une extension d'interface ajoute quelque chose que le client voit, comme un bloc de contenu ou un champ de formulaire. Une Shopify Function modifie la logique exécutée par Shopify, comme le calcul d'une remise.

Comment ajouter un upsell sur la page de remerciement Shopify ?

Utilisez une app qui fournit une extension de checkout pour la page de remerciement, puis placez le bloc dans l'éditeur de checkout. Avec AppFly, vous pouvez décrire l'upsell et obtenir l'extension construite pour votre boutique.