Shopify propose à chaque marchand un processus de commande prédéfini. Il est rapide et sécurisé, sans effort supplémentaire de votre part. Cependant, vous pourriez souhaiter l'ajuster pour mieux l'adapter au design de votre boutique, éliminer les frictions ou ajouter des offres spéciales.
Toutes les plateformes e-commerce intègrent des champs personnalisés : par exemple, ajouter une note ou un message cadeau est possible sur toutes les solutions majeures (WooCommerce, Squarespace, Ecwid, etc.). Mais Shopify est sans doute la plus flexible pour modifier le tunnel de commande sans développement sur mesure.
Dans cet article, nous allons voir quelles personnalisations du tunnel de commande Shopify sont réalisables et comment les mettre en œuvre.
Quel est le niveau de personnalisation du tunnel de commande Shopify ?
La plupart des pages de paiement sur Shopify se ressemblent. La page est divisée en deux : à gauche, le client saisit ses informations de livraison et de paiement, et à droite s'affiche le récapitulatif de la commande.
Vous ne pouvez pas modifier cette structure ni la logique de paiement. Ce que vous pouvez faire consiste à modifier l'apparence de la page et à ajouter des champs supplémentaires. Même de légères retouches esthétiques peuvent grandement améliorer l'expérience client et augmenter vos conversions.
Que faire si vous souhaitez modifier la structure du tunnel de commande ?
❗ Actuellement, seuls les marchands Shopify Plus peuvent modifier la logique de paiement via le modèle checkout.liquid. Cependant, cela comporte des risques et Shopify le déconseille. Modifier le code du tunnel de commande présente les dangers suivants :
- Cela peut casser des éléments du site et empêcher les clients de finaliser leurs commandes.
- L'intégration de code tiers peut être complexe et chronophage.
- Le JavaScript tiers peut accéder à des données sensibles, entraînant des problèmes de sécurité.
Pour y remédier, Shopify développe une architecture d'extensions pour permettre aux développeurs de créer des applications de personnalisation. Vous pouvez déjà ajuster de nombreux éléments via diverses applications Shopify, mais les extensions offriront bien plus d'opportunités. Basées sur les composants d'interface et l'API de branding de Shopify, elles permettront d'enrichir, de remplacer ou d'ajouter des fonctionnalités inédites.
Lors de Shopify Editions Winter 2023, Shopify a annoncé la possibilité d'un tunnel de commande sur une seule page.
Types de personnalisations du tunnel de commande Shopify
Ceci étant dit, nous allons aborder deux types majeurs de personnalisations : les modifications de thème que vous pouvez facilement implémenter vous-même, et les fonctionnalités supplémentaires intégrées via des applications Shopify.
1. Personnalisations visuelles simples de votre tunnel de commande Shopify
Voyons ce que vous pouvez faire dans l'éditeur de thème sans aide extérieure. Cliquez sur Personnaliser à côté de votre thème actuel, choisissez Paiement dans le menu supérieur, puis accédez à la section Paiement dans les Paramètres du thème à gauche.
Voici de nombreuses personnalisations simples réalisables :
- Ajoutez votre logo à la page de paiement. Votre logo doit accompagner le client d'une page à l'autre pour une image de marque cohérente. Ne vous contentez pas d'afficher le nom de votre boutique : utilisez votre logo.
- Modifiez les couleurs des sections de page, du texte, des liens et des boutons. Plutôt que de conserver les couleurs par défaut, vous pouvez définir celles qui correspondent le mieux à votre identité visuelle. Vous pouvez également ajouter une image d'arrière-plan pour le contenu principal de la page et le récapitulatif de commande, mais ce n'est pas recommandé : les informations dans ces zones doivent rester parfaitement lisibles.
Shopify propose également plusieurs polices d'écriture. Si vous en trouvez une qui vous convient, sélectionnez-la pour personnaliser l'apparence de votre tunnel de commande.
- Ajoutez une bannière de marque ou une image pertinente en en-tête. Bien qu'il s'agisse d'un élément simple, une image en en-tête peut totalement transformer l'aspect de votre page de paiement.
Vous pouvez également modifier certains champs depuis votre interface administrateur Shopify dans la section Paiement et comptes :
- Modifiez les inscriptions marketing. Vous pouvez ajouter des options d'inscription par e-mail et SMS, et remplacer le texte par défaut « Recevoir des actualités et des offres par e-mail » par une formulation personnalisée. Pour ce faire, cliquez sur Personnaliser les libellés des cases à cocher et saisissez vos propres textes dans les champs correspondants.
Cependant, si vous souhaitez mettre en avant ces champs avec un design spécifique ou contrôler leur emplacement, les paramètres par défaut ne suffiront pas. Les applications Shopify ou le développement sur mesure vous permettront de personnaliser ces cases d'inscription.
- Définissez les options de connexion client et les champs obligatoires. Dans vos paramètres d'administration, vous pouvez déterminer comment les visiteurs passent commande : autoriser le paiement en tant qu'invité, configurer Multipass, etc. De plus, vous pouvez ajuster les champs obligatoires et optionnels : par exemple, vous pouvez inclure ou exclure la ligne d'adresse 2.
- Autorisez les pourboires. Si cela est pertinent pour votre activité, vous pouvez permettre à vos clients d'exprimer leur satisfaction en activant les pourboires lors du paiement.
2. Personnalisations du paiement Shopify via des applications ou d'autres outils
Diverses applications peuvent vous aider à rendre votre processus de paiement impeccable et générateur de conversions. Voici quelques exemples de ce que vous pouvez faire :
- Remplacez le fil d'Ariane par une barre de progression. Le fil d'Ariane généré automatiquement pour le paiement est souvent trop discret. Si vous souhaitez que vos clients comprennent clairement combien d'étapes sont nécessaires pour finaliser leur commande, vous pouvez ajouter une barre de progression.
- Affichez un seuil de livraison gratuite. Il est judicieux de rappeler le seuil de livraison gratuite à différentes étapes du parcours d'achat : vous pouvez l'ajouter dans l'en-tête de votre boutique, le mettre en évidence sur la page du panier et dans le tiroir du panier, ainsi que lors du paiement (uniquement lorsque les conditions de livraison gratuite ne sont pas encore remplies).
- Ajoutez un cadeau gratuit avec l'achat. Si vous utilisez une application comme Gift Box qui permet d'offrir des produits, le cadeau apparaîtra automatiquement dans le récapitulatif de commande dès que les conditions définies sont remplies (seuil de dépenses, par exemple).
- Proposez des ventes incitatives (upsell et cross-sell). Les techniques d'upselling peuvent être très efficaces à différentes étapes du tunnel, y compris lors du paiement. Vous pouvez ajouter des offres post-achat sur la page de remerciement grâce à Candy Rack. Si vous souhaitez explorer différentes méthodes et solutions pour augmenter vos ventes pendant ou après le paiement, consultez notre sélection des meilleures applications d'upsell Shopify.
- Ajoutez un compte à rebours de paiement. L'urgence est un puissant moteur pour inciter les clients à finaliser leurs achats. Montrez-leur que vos produits sont très demandés grâce à un compte à rebours.
- Permettez à vos clients de s'inscrire aux mises à jour par e-mail et SMS. Cette fonctionnalité est disponible dans les paramètres d'administration de Shopify (nous avons expliqué son fonctionnement précédemment), mais les applications vous offrent une plus grande flexibilité dans la présentation des options d'inscription.
Vous pouvez intégrer plusieurs types d'inscriptions : pour vos campagnes marketing et pour le suivi des expéditions. Des applications comme AfterShip vous aideront pour ces dernières.
- Ajoutez des badges de confiance. Des applications comme Trust Me vous aideront à ajouter facilement des badges affichant les méthodes de paiement acceptées ou d'autres indicateurs de confiance.
- Affichez vos coordonnées ou d'autres informations utiles. Pourquoi laisser des zones vides si vous pouvez rappeler à vos clients les avantages de vos produits ? Vous pouvez créer une section dédiée sous le récapitulatif de commande :
Vous pouvez également rappeler vos coordonnées aux clients. Cela peut réduire le taux d'abandon de panier, car les clients seront plus enclins à résoudre les problèmes qu'ils rencontrent.
- Permettez aux clients de laisser des commentaires. Des applications comme Checkout Comments vous permettront d'ajouter un champ supplémentaire au paiement pour recueillir des avis ou permettre aux clients de formuler des demandes de personnalisation.
- Rendez le récapitulatif de commande fixe. Pour que les clients ne perdent pas de vue leur commande lorsqu'ils remplissent les champs de livraison et de paiement, vous pouvez utiliser un récapitulatif fixe (il suivra le défilement de la page).
- Créez un paiement sur une seule page. Il existe des outils tiers comme Checkify qui vous aideront à concevoir un processus de paiement regroupant toutes les étapes sur une seule page.
Nous espérons que les fonctionnalités mentionnées vous inspireront à personnaliser votre page de paiement pour la rendre irrésistible. Pour plus de conseils, consultez notre guide sur l'optimisation du paiement Shopify.
