Découvrez l’expérience des clients sur votre boutique, de la navigation jusqu’au paiement.

Ce guide montre ce que vos clients voient lorsqu’ils parcourent vos produits, les ajoutent au panier et passent au paiement. Avant que les clients puissent passer au paiement, vous devez ajouter des produits à votre site et associer un processeur de paiement.

Conseil : inscrivez-vous à notre webinaire Design tips to increase your store’s sales webinar (Conseils de design pour augmenter les ventes de votre boutique, en anglais uniquement), au cours duquel nous présenterons des outils et des conseils pour faire ressortir vos produits sur votre site et générer plus de ventes.

Les captures d’écran données en exemple dans ce guide proviennent d’un site version 7.1 fictif. Si votre site utilise la version 7.0, l’expérience client peut être légèrement différente. L’expérience d’achat de vos clients peut également varier légèrement en fonction de la configuration de votre boutique. Le meilleur moyen de savoir comment fonctionne votre processus de paiement est d’effectuer des commandes test.

Parcourir votre site

Lorsqu’un client se rend sur votre site, il le parcourt en utilisant la navigation. Pour voir vos produits, il clique sur un lien vers la page de votre boutique.

Lorsqu’il se trouve sur la page de la boutique, il peut voir vos produits et les filtrer par catégorie. 

La page Boutique présente jusqu’à 200 produits. S’il y a plus de 200 produits, les clients peuvent cliquer sur Suivant pour en afficher davantage. Si un produit possède plusieurs variantes avec des prix différents, la page Boutique affiche « À partir de [le prix de variante le plus bas] » dans le champ Prix.

Si vous avez activé des fonctionnalités spéciales de la page Boutique, comme l’Aperçu rapide ou le zoom, le client interagit avec ces fonctionnalités en survolant les images des produits présentés.

Autres façons de faire des achats

Les clients peuvent acheter des produits sur d’autres parties de votre site si vous utilisez des blocs Produit ou des blocs Sommaire pour les afficher sur différentes pages.

Si vous vendez vos produits via les Campagnes e-mail Squarespace ou que vous les synchronisez avec Facebook ou Instagram, les clients peuvent également les trouver même s’ils ne se trouvent pas sur votre site Squarespace.

Ajouter des produits au panier

Lorsque les clients cliquent sur un produit, la page Informations sur le produit s’ouvre et ils ont ainsi accès aux informations, images relatives aux produits, etc. Si le produit comporte plusieurs options, telles que des couleurs et tailles différentes, ils peuvent les sélectionner dans un menu déroulant ou cliquer sur un bouton. Pour ajouter le produit à leur panier, ils cliquent sur Ajouter au panier. Vous pouvez personnaliser le texte de ce bouton. Les clients peuvent ajouter jusqu’à 500 produits à leur panier. Si le calcul des frais d’expédition par transporteur est activé, ils peuvent ajouter jusqu’à 150 produits. S’ils saisissent une quantité supérieure à celle que vous avez en stock, un message d’erreur s’affiche pour leur indiquer le nombre maximum de produits qu’ils peuvent commander. 

Dans la version 7.1, vous pouvez également afficher le bouton Ajouter au panier sur votre page Boutique sous les images miniatures des produits, ce qui permet aux clients d’ajouter des articles à leur panier plus rapidement. Si un produit comporte une variante, les clients peuvent sélectionner l’option et cliquer sur Ajouter au panier sur la page Boutique. Si le produit comporte plusieurs variantes, les clients cliquent sur le bouton Afficher les options, qui les dirige vers la page Informations sur le produit où ils peuvent effectuer leur sélection.

Vérifier le panier

Une fois que les clients ont ajouté un article à leur panier, une notification de panier s’affiche en haut de la page, indiquant le nombre d’articles dans le panier et le coût total. Pour orienter les utilisateurs directement au paiement après la sélection d’un article, activez le Paiement express. Les clients peuvent poursuivre leurs achats ou cliquer sur l’icône du panier pour l’ouvrir.

Dans le panier, les clients peuvent enlever des produits ou modifier la quantité. Ils cliquent sur Paiement pour finaliser l’achat.

S’ils suppriment tous les produits du panier, un lien Continuer vos achats s’affiche. Ils seront redirigés vers votre page d’accueil par défaut, mais vous avez la possibilité de les rediriger vers une autre page.

Passer au paiement

Lorsque les clients cliquent sur le bouton Paiement, la page de paiement qui s’ouvre est protégée par SSL afin de garantir la sécurité des informations de leur carte bancaire. Un processus de paiement classique comporte les étapes suivantes :

1. E-mail : Le client saisit son adresse e-mail.Si vous avez activé l’option d’abonnement à la newsletter dans la page de paiement, le client a la possibilité de la cocher ou la décocher.
2. Connexion au compte client : Si le client possède un compte client, il peut se connecter pour accélérer le processus de paiement.Si vous avez activé l’option compte client, les clients peuvent en créer un lors du paiement.
3. Modes de livraison - Le client choisit entre l’expédition ou la livraison en point de retrait. S’il choisit l’expédition, il saisit son adresse de livraison. Lorsqu’il commence sa saisie, une liste de suggestions de saisie automatique optimisée par Google s’affiche. Le client sélectionne ensuite une option de livraison. Les options disponibles sʼaffichent par ordre croissant de prix, lʼoption la moins coûteuse étant sélectionnée par défaut. Si toutes les options ont le même prix, elles s’affichent dans l’ordre dans lequel vous les avez ajoutées.
4. Paiement et réductions : le client saisit les informations de sa carte bancaire et son adresse de facturation, ou il peut utiliser PayPal, Apple Pay ou Afterpay. Si vous avez des réductions actives, le client peut saisir un code de réduction. Les réductions s’appliquent au coût du produit, et non à celui de l’expédition. Seules les réductions proposant la livraison gratuite s’appliquent aux frais d’expédition.
5. Vérifier et acheter : le client clique sur Acheter pour passer sa commande. Si vous avez ajouté des politiques de la boutique, elles s’affichent ici sous forme de liens hypertexte.
6. Confirmation : après le paiement, les clients accèdent à une page de confirmation. 

Si vous bénéficiez automatiquement de la livraison gratuite, elle s’affichera une fois que les clients auront sélectionné l’option de livraison à laquelle la réduction s’applique. Si cette option est plus chère que les autres options avant la réduction, les clients devront la sélectionner manuellement.

Si les clients commandent plusieurs produits ayant des profils de traitement différents, les produits seront divisés par profil de traitement lors du paiement et les clients sélectionneront une option d’expédition pour chaque profil. Les clients paieront leur commande une seule fois, mais elle sera divisée en plusieurs commandes comportant des numéros de commande distincts, un pour chaque profil de traitement. Vous traiterez chaque commande individuellement dans le panneau Commandes. Les clients recevront plusieurs e-mails de confirmation de commande.

La page Confirmation de commande

Une page Confirmation de commande s’affiche une fois le paiement effectué. Le contenu de la page dépend du type de produit acheté par votre client. Si le client a acheté un produit physique, un produit à télécharger ou un service, la page de confirmation affiche le statut de la commande, les détails de la commande et permet de créer un compte client. Si votre client a acheté une carte-cadeau, une adhésion ou un abonnement, la page affiche le texte Commande confirmée et le numéro de commande. Pour prévisualiser ces pages, effectuez une commande test avec un type de produit accepté.

Authentification forte du client (SCA)

Les clients utilisant une carte de paiement émise dans l’EEE devront peut-être effectuer une étape d’authentification supplémentaire au moment de payer. Cette étape peut avoir lieu dans une fenêtre pop-up qui s’affiche dans leur navigateur ou via une notification push sur une application bancaire leur demandant de vérifier la transaction. Les modalités d’autorisation sont décidées par la banque du client. Pour en savoir plus, consultez l’article Authentification forte du client (SCA).

Vérifier les e-mails de commande

Une fois le processus de paiement terminé, le client recevra un e-mail de confirmation de la commande. S’il a acheté un produit à télécharger, il recevra un e-mail contenant un lien de téléchargement vers le produit. Pour les produits physiques, il recevra un deuxième e-mail lorsque vous traiterez sa commande. Les clients peuvent également cliquer sur un lien dans l’e-mail de confirmation de la commande pour connaître son statut.

Cette capture d’écran montre la disposition de l’e-mail de confirmation de commande, que vous pouvez personnaliser dans le panneau de notification client par e-mail.

Consulter la page Statut de la commande

Après le paiement d’un produit physique, d’un produit à télécharger ou d’un service, les clients accèdent à la page Statut de la commande. Ils peuvent également cliquer sur un lien présent dans l’e-mail de confirmation de commande pour revenir à cette page. La page Statut de la commande affiche les détails de la commande, tels que son numéro et son montant. Elle indique également le statut de la commande, qui peut être « En attente de traitement » ou « Traitée », selon que vous l’avez traitée ou non. Si le client a choisi une option d’expédition calculée par le transporteur et que vous avez acheté une étiquette d’expédition USPS sur Squarespace, les informations de suivi s’affichent également lorsque le client est connecté à son compte.

Lorsqu’ils sont connectés à leur compte, les clients peuvent également consulter leurs informations d’expédition et de facturation. Si le SSL est activé sur votre site, les clients peuvent également consulter les détails de la commande en saisissant leur adresse e-mail et un code figurant dans leur e-mail de confirmation de commande.  S’ils n’ont pas de compte, ils peuvent en créer un à partir de la page Statut de la commande. Si un client ne parvient pas à créer son compte client ou à s’y connecter, consultez le guide des comptes clients pour obtenir des conseils de résolution des problèmes.

Apparemment, la page du statut des commandes est vide

Si la page du statut de la commande apparaît vide ou présente d’autres défauts d’affichage, le problème est peut-être le code personnalisé que vous avez ajouté à votre site. Le code personnalisé peut parfois interférer avec le code intégré de Squarespace et provoquer des erreurs. Pour résoudre le problème, supprimez tout code personnalisé de votre site, enregistrez-le dans un document texte pour le conserver en toute sécurité, puis actualisez la page. Le code personnalisé est une modification avancée qui ne fait pas partie du domaine de compétence de l’assistance Squarespace. Si vous avez besoin d’aide, vous pouvez accéder au Squarespace Forum, notre forum en ligne où les clients s’entraident pour tout ce qui concerne le codage.