Blogs Shopify

Configurez l’achat en ligne et le retrait en drive sur Shopify : tutoriel en images

achat en ligne retrait en drive 

La pandémie de COVID-19 perturbe actuellement des millions de vie à travers le monde. Les petits commerces non essentiels sont les plus durement touchés par cette crise, puisque les gens doivent rester en confinement chez eux par mesure de sécurité.

Ici à Shopify, non agissons rapidement en lançant de nouvelles fonctionnalités de produits et de nouvelles offres pour aider les marchands comme vous à traverser cette crise. Actuellement, les petites entreprises locales doivent trouver de nouvelles façons créatives de rester en contact avec leurs clients.  

Ce tutoriel est censé vous apprendre à créer rapidement une boutique en ligne pour donner la possibilité à vos clients d’acheter en ligne et de récupérer leur commande en drive et sans contact, en se garant près du trottoir de votre magasin physique.

Comment fonctionne le « retrait en drive »?

Le retrait en drive sans contact permet aux clients qui vivent à proximité de votre magasin d’acheter tout ce dont ils ont besoin en ligne, et de récupérer leur commande en drive près du trottoir de votre magasin — sans même avoir à sortir de leur voiture. Cette option de « retrait en drive », en plus d’être souvent plus pratique, contribue à réduire les frais d’expédition et à minimiser le contact de personne à personne. Voici les étapes de la mise en place de ce modèle de commande :

  1. Votre client commande et paie en ligne via votre nouvelle boutique e-commerce. Vous recevez la commande par e-mail pour pouvoir emballer les produits en toute sécurité.
  2. Vous envoyez une notification au client lorsque sa commande est prête.
  3. Votre client arrive en voiture et se gare devant le trottoir de votre magasin.  
  4. Vous placez sa commande sans contact dans son coffre.
  5. Mission accomplie : votre client reçoit sa commande sans contact.

Achat en ligne et retrait en drive : étapes pour mettre en place cette expérience d’achat

Ce tutoriel est censé vous permettre de mettre en service votre boutique en ligne dans un délai de 10 minutes à une heure, en fonction du nombre de produits que vous devez ajouter.  

1. Avant de commencer à vendre

Avant de commencer à vendre des produits en ligne, il faut de préférence préparer les éléments suivants :

  • Photos de votre magasin physique.
  • Logos ou autres actifs de branding de votre magasin physique. Si vous devez créer un logo rapidement, utilisez le créateur de logo de Shopify.
  • Descriptions de produits brèves qui décrivent vos produits et expliquent aux clients pourquoi ils devraient les acheter. Si vous avez besoin d’aide pour rédiger des descriptions persuasives, consultez notre guide à ce sujet.
  • Photos de produits pour mettre en valeur votre catalogue. Vous pouvez prendre des photos professionnelles avec la plupart des smartphones haut de gamme.

2. Créez votre boutique en ligne

La première étape consiste à vous rendre sur la page d’accueil de Shopify et à démarrer votre essai gratuit de 14 jours. Vous devrez renseigner le nom de votre boutique, qui deviendra votre nom de domaine Shopify — soit l’URL à laquelle vos clients vont accéder s’ils souhaitent passer une commande dans votre boutique en ligne.

Pour ce tutoriel, nous allons expliquer comment mettre en service une boutique en ligne pour un commerce fictif qui se dénomme « Mon Marché Bio ». L’URL à utiliser dans ce cas au moment de l’inscription sur Shopify serait « monmarchebio.myshopify.com ». Vous pouvez acheter un nom de domaine personnalisé ultérieurement, mais ce n’est pas nécessaire pour le lancement initial de votre boutique en ligne.

Lecture complémentaire : Liste de vérification pour configurer votre boutique en ligne.

3. Ajoutez des produits

Vous pouvez ajouter des produits de plusieurs façons. Mais pour créer une expérience « d’achat en ligne et de retrait en drive », voici les étapes recommandées :

Depuis le menu latéral de votre interface Shopify, cliquez sur l’onglet « Produits » > puis sur « Tous les produits ». Sur cette page, cliquez sur « Ajouter un produit ». Entrez un titre pour votre produit, ainsi qu’une description du produit, et importez une photo.

    Assurez-vous de sélectionner « Suivre la quantité ».
      Puisque vous n’allez pas procéder à l’expédition, décochez la case « Ce produit doit être expédié ».

        Assurez-vous d’ajouter les variantes de votre produit, si celui-ci présente plusieurs options (p.ex. différentes quantités en grammes/millilitres, différentes tailles, différentes couleurs, etc.).

          variantes

          💡 Astuce: pour pouvoir mettre en service votre boutique en ligne en moins d’une heure, vous pourriez ajouter uniquement les meilleures ventes ou les produits essentiels dans un premier temps, et développer votre catalogue au fur et à mesure.

          Lecture complémentaire : Ajout et mise à jour de produits.

          4. Personnalisez votre thème

          Le thème que vous choisissez doit refléter votre magasin physique — considérez-le comme votre vitrine d’affichage digitale. Vous pouvez choisir l’un des thèmes gratuits que nous proposons, ou explorer la Boutique de thèmes pour trouver le thème parfait pour votre activité.

          Votre boutique en ligne utilise un thème par défaut, « Debut », pour afficher votre contenu. Nous garderons ce même thème dans le cadre de ce tutoriel. Après avoir choisi un thème, vous pourrez le personnaliser pour l’adapter à votre marque.

          Cliquez sur « Boutique en ligne », puis sur « Thèmes », et enfin sur le bouton « Personnaliser » bleu de la section de droite pour commencer à personnaliser la page d’accueil de votre boutique en ligne.

          Dans cet éditeur, toutes les sections qui composent la page d’accueil de votre thème sont personnalisables une par une dans le menu de gauche. Il vous suffit d’identifier l’appellation de chaque section, et de la retrouver dans le menu latéral de gauche pour commencer à l’éditer en cliquant dessus.

          Commencez par éditer pour l’instant les sections les plus essentielles pour avoir une boutique fonctionnelle : « Image avec calque de texte » et « Colonnes de texte et images ».

          Cliquez ensuite sur chacune des autres sections, et cliquez sur le bouton « Retirer la section » en bas pour les faire disparaitre du thème. De façon alternative, vous pourriez tout simplement cliquer sur l’icône en forme d’œil pour « Cacher » les autres sections.

          Concentrez-vous maintenant sur la première des deux sections conservées, « Image avec calque de texte ». Cette section de votre page d’accueil présente votre boutique en ligne à vos clients. Ajoutez une photo de votre magasin physique et personnalisez le titre et le sous-titre. 

          Ensuite, ajoutez le texte du bouton d’appel à l’action de votre page d’accueil, et choisissez « All products » dans la section « Lien du bouton » pour le faire apparaitre afin de permettre aux visiteurs de commencer à acheter directement.

          Cliquez maintenant sur le bouton « Enregistrer » en haut à droite, et passez à la deuxième section « Colonne de texte et images » pour inclure plus de détails. Dans notre boutique fictive, nous allons utiliser cette section pour expliquer aux clients comment le retrait sans contact en drive fonctionne lorsque le client se gare en face du magasin. Enregistrez vos modifications lorsque vous aurez fait de même.

          Maintenant, revenez à la page principale de l’éditeur de thème. Sélectionnez l’onglet « En-tête » dans le menu supérieur pour modifier la section d’en-tête de votre site e-commerce, c’est-à-dire la partie supérieure de la page d’accueil. Il s’agit de l’endroit idéal pour ajouter votre logo. Nous avons créé le logo de notre boutique fictive en quelques secondes avec le créateur gratuit de logo en ligne de Shopify, Hatchful, disponible en français.

          Vous pouvez voir l’apparence de notre boutique fictive ci-dessous :

          Lecture complémentaire : Thèmes pour votre boutique en ligne.

          5. Personnalisez vos pages de produits

          Il est maintenant temps de configurer des pages de produits simples pour présenter vos articles. Accédez au menu déroulant en haut de votre écran et sélectionnez « Pages de produits ». (Vous devez déjà avoir créé un produit pour que cette page s'affiche dans le menu.)

          Sélectionnez « Afficher le sélecteur de quantité » pour permettre à vos clients de choisir le nombre d’unités à ajouter à leur panier pour chaque produit. Ensuite, sélectionnez « Afficher le nom des variantes ».

          La dernière étape pour configurer vos pages de produits consiste à décocher la case « Afficher le bouton de passage à la caisse dynamique ».

          Remarque : le passage à la caisse dynamique accélère l’achat en permettant au client de sauter l’étape de confirmation du panier et de payer la commande directement avec l’une des méthodes qu’affiche le bouton, qui change de façon dynamique pour montrer au client toutes les options de paiement accéléré disponibles. Mais puisqu’il faudra ajouter un champ à remplir pour la plaque d’immatriculation de la voiture du client lors du passage à la caisse, cette option ne peut pas être proposée dans ce cas.

          6. Personnalisez la page du panier d’achat

          La page du panier d’achat est la page où les clients peuvent voir tous les articles qu’ils ont ajoutés à leur panier, et qu’ils ont l’intention d’acheter. Il faut apporter certaines modifications très simples pour configurer « l’expérience d’achat en ligne et de retrait en drive sans contact » :

          • Accédez à « Panier » depuis le menu déroulant supérieur de l’éditeur de thème.
          • Dans le menu latéral, sélectionnez « Page du panier ».
          • Cochez les deux cases, « Activer les mises à jour automatiques » et « Activer les notes de panier ». Les notes de panier sont nécessaires pour que les clients puissent ajouter leur numéro de plaque d’immatriculation. Enregistrez vos modifications.

          Avant d’ajouter la note relative au numéro de plaque d’immatriculation, sachez que vous pouvez apporter deux autres améliorations facultatives à votre thème pour le personnaliser et le rendre plus professionnel :

          • Revenez au menu latéral, et sélectionnez l’onglet « Paramètres de thèmes ».
          • Vous verrez un onglet « Médias sociaux ». Cliquez dessus et ajoutez les URL des comptes de réseaux sociaux de votre entreprise.
          • Vous verrez également un onglet « Favicon », qui est l’icône qui s’affiche sur l’onglet du navigateur lorsque votre site y est ouvert. Envisagez d’utiliser votre logo comme favicon. Le créateur de logo de Shopify, Hatchful, vous enverra par e-mail un fichier Zip contenant plusieurs formats de fichiers lorsque vous aurez créé votre logo, y compris une image au format favicon.

          parametres

          Revenez maintenant à la page initiale de votre interface Shopify, et cliquez sur « Boutique en ligne » sous « Canaux de vente ». À droite, là où le thème que vous utilisez s’affiche, cliquez sur « Actions » et sur « Modifier les langues ».

          Choisissez « Cart » dans le menu supérieur, puis dans le champ intitulé « Note », remplacez le texte existant par les instructions suivantes dans la partie en français : « Veuillez indiquer votre numéro de plaque d’immatriculation et votre marque de voiture ». Enregistrez vos modifications.

          note

          Ce nouveau champ avec cette nouvelle mention s’affichent maintenant sur la page du panier :

           champ

          7. Personnalisez vos e-mails de notification

          Vous avancez vite, et à ce rythme, vous aurez bientôt terminé ! Configurons maintenant les e-mails que les clients vont recevoir de la part de votre boutique après avoir payé leur commande. Ces e-mails de notification devront leur indiquer le moment où leur commande est prête à être retirée en drive.

          Pour commencer, accédez aux « Paramètres » de votre boutique dans le coin inférieur droit de votre interface, et cliquez sur « Notifications » > « Confirmation de commande ». Il s’agit de l’e-mail par défaut que les clients recevront lorsqu’ils passeront leur commande.

          Dans le « Corps de l'e-mail (HTML) », vous allez devoir remplacer un petit bout de code. Ne vous en faites pas, nous vous guidons étape par étape.

          Il faudra commencer par sélectionner le texte suivant dans le corps de l’e-mail (et seulement cette portion), et le supprimer.

          {% capture email_body %} {% if requires_shipping %} Bonjour {{ customer.first_name }}, nous préparons l'envoi de votre commande. Nous vous informerons quand celle-ci aura été envoyée. {% endif %} {% endcapture %}

          Une fois que vous aurez supprimé l’extrait ci-dessus, le corps de texte aura cet aspect :

          Dans la deuxième ligne, collez ce nouveau bout de code :

          {% capture email_body %} Bonjour {{ customer.first_name }}, nous vous remercions pour votre commande ! Nous préparons votre commande pour que vous puissiez venir la retirer sans contact, en voiture. Nous vous informerons par e-mail lorsqu’elle sera prête à être récupérée ! {% endcapture %}

          Votre nouveau corps d'e-mail devrait donc ressembler à ceci :

          Assurez-vous de cliquer sur « Aperçu » pour prévisualiser votre e-mail et vérifier que tout a été fait correctement :

          Maintenant, retournez à la liste des notifications pour modifier un autre modèle d’e-mail intitulé « Confirmation d’expédition ». C’est l’e-mail que vous allez envoyer aux clients lorsque leur commande sera prête.

          Commencez par supprimer ce code du « Corps de l'e-mail (HTML) » :

          Dans la première ligne du corps d'e-mail, collez ce nouveau code :

          {% capture email_body %} Bonjour {{ customer.first_name }}, nous vous remercions pour votre commande! Veuillez vous rendre à notre magasin en voiture et assurez-vous que votre coffre est ouvert. Nous vérifierons le numéro de votre plaque d’immatriculation avant de déposer votre commande dans votre coffre !{% endcapture %}

          Finalement, changez l’objet de l’e-mail en collant ce nouvel objet dans le champ prévu à cet effet :

          Votre commande {{ name }} à récupérer en drive

          8. Lancez votre boutique

          Vous pouvez réaliser toutes les étapes précédentes avec l’essai gratuit de Shopify. Une fois que vous êtes prêt à mettre en ligne votre boutique, il faudra choisir le bon forfait pour votre activité. Le forfait Shopify Basic contient toutes les fonctionnalités dont vous aurez besoin pour proposer l’expérience « d’achat en ligne, retrait en drive » à vos clients.

          Une fois que vous sélectionnez un forfait, vous êtes invité à fournir des informations de paiement. Mais vous ne serez facturé qu’à la fin de votre période d’essai de 14 jours.

          Dès que vous êtes prêt, revenez à votre interface principale et Désactivez le mot de passe de votre boutique. Une fois que vous cliquerez sur le bouton Enregistrer, votre boutique en ligne pourra accueillir vos premiers visiteurs !

          9. Acceptez les commandes

          Lorsque vous recevrez une commande, vous recevrez aussi un e-mail de Shopify à l’adresse e-mail avec laquelle vous avez créé votre compte. Vous pouvez également vous connecter à votre boutique depuis https://fr.shopify.com/ pour examiner vos commandes à tout moment. Les commandes s’affichent dans la section « Commandes » du menu latéral de votre interface.

          Une fois qu’une commande est prête à être récupérée en drive, vous pourrez saisir le paiement, puis sélectionner « Marquer comme traitée ». Cette action saisira le paiement de la carte bancaire du client et déclenchera l’envoi d’un e-mail à ce dernier lui informant que sa commande est prête à être récupérée en drive.

          Ensuite, dans la section du Récapitulatif, cliquez sur le bouton « Traiter les éléments ». Vous devriez également ajouter la balise « prête » à chaque commande traitée pour pouvoir retrouver ces commandes avec la fonction de recherche.

          Dans chaque commande prête, vous pourrez trouver le numéro de plaque d’immatriculation du client dans la section « Notes » sur le panneau de droite.

          Finalement, supprimez la balise « prête » une fois que la commande a été placée dans le coffre du client.

          10. Acceptez les paiements

          Toutes les méthodes de paiement prises en charge par Shopify dépendent de fournisseurs tiers (PayPal, Visa, MasterCard, etc.) qui traitent vos transactions. Ces fournisseurs pourraient facturer des frais supplémentaires, et appliquer certaines règles lorsque vous vendez certaines catégories de produits par le biais de leur service. Lorsque vous configurez une méthode de paiement, vous devez vous assurer de discuter avec un représentant de la compagnie qui fournit le service pour vous assurer de bien comprendre les règles et les frais qui s’appliquent.

          Suivez ces instructions pour vous assurer de configurer correctement les méthodes de paiement.

          D’autres façons d’améliorer votre boutique en ligne

          Votre boutique Shopify étant désormais en ligne et accessible par vos clients, vous pouvez envisager de suivre d’autres étapes supplémentaires pour améliorer davantage l’expérience d’achat de ces derniers.


          Si vous avez besoin d’assistance supplémentaire, vous pouvez contacter notre équipe d'assistance. Nous vous fournirons une assistance sur mesure pour tous les points que vous évoquerez — du transfert de votre activité en ligne, à la gestion de la crise économique que vous pourriez traverser en ce moment.

          Clause de non-responsabilité : assurez-vous auprès de vos autorités locales que votre magasin est autorisé à rester ouvert, ou à livrer des produits localement avant de proposer vos produits en vente aux clients par le biais de ces initiatives ou de votre boutique en ligne. 

          Sujets: