Le guide sur le checkout du parcours Shopify : les bases expliquait que la personnalisation visuelle de base (logo, couleurs, blocs de contenu) est accessible à tout marchand, quel que soit son forfait. Ce guide complète ce tableau côté développeur : que peut-on construire de plus, avec du code, et pour qui ?

Des composants fournis par Shopify, pas du HTML libre

Contrairement à une section de thème, où vous écrivez librement du HTML et du Liquid, une Checkout UI Extension s'appuie sur un ensemble de composants d'interface fournis et contrôlés par Shopify : un bloc de texte, une bannière, une case à cocher, dans des emplacements précis autorisés du checkout. Cette contrainte n'est pas un manque de liberté accidentel : elle garantit que le checkout reste cohérent, rapide et fiable, quel que soit le nombre d'extensions installées par un marchand, puisque c'est l'étape la plus sensible de tout le parcours d'achat.

Pour quels marchands, concrètement

Les extensions publiques les plus courantes, comme un contenu ajouté à la page de remerciement ou à la page de statut de commande, sont accessibles aux marchands sur un forfait payant standard. Une personnalisation plus poussée, avec des composants sur mesure directement à l'intérieur des étapes de coordonnées, de livraison ou de paiement, ainsi que l'accès complet à l'API de personnalisation visuelle du checkout, reste réservée aux boutiques sur le forfait Shopify Plus. Pour Atelier Lumière, sur un forfait standard, seule la première catégorie serait accessible.

Où vit une Checkout UI Extension

Comme une Theme App Extension, une Checkout UI Extension se développe à l'intérieur d'un projet d'application, comme celui créé au guide 22 de ce parcours, et se déploie avec elle. Elle s'exécute dans un environnement isolé et sécurisé, distinct du reste du code du checkout, précisément pour qu'une erreur dans votre extension ne puisse jamais faire échouer le paiement d'un client.

Un aperçu volontairement limité

Ce guide reste un aperçu, pas un tutoriel complet de construction d'une Checkout UI Extension : c'est un sujet avancé, qui suppose déjà une bonne maîtrise des applications Shopify vues dans la catégorie précédente de ce parcours. L'objectif ici est que vous sachiez que cette possibilité existe, et pour qui elle est réellement accessible, avant d'aller plus loin si votre projet le justifie.

Vérifiez que vous avez compris

Atelier Lumière reste sur un forfait Shopify standard, sans passer à Shopify Plus. Pouvez-vous développer une Checkout UI Extension qui ajoute un champ de saisie personnalisé directement dans l'étape de paiement du checkout ?

Non, pas ce niveau de personnalisation précis. Un contenu ajouté à la page de remerciement ou de statut de commande resterait accessible, mais une modification directe des étapes de coordonnées, de livraison ou de paiement du checkout demande un forfait Shopify Plus, comme expliqué dans ce guide.

Chapitre terminé