Comment configurer un panier d'achat
Configuration d'un panier d'achat pour une boutique en ligne
Regardez ce tutoriel pour savoir comment configurer un panier d'achat.
Comment ajouter un panier d'achat dans une boutique en ligne
Comment utiliser un panier d'achat dans une boutique en ligne
Conseils spécifiques pour utiliser un panier d'achat
Persistance du panier, montant minimum de commande et autres paramètres
À l'aide du panier, l'acheteur peut sélectionner les options de paiement et de livraison, remplir ses coordonnées et d'autres informations supplémentaires.
Dans Tilda, vous pouvez utiliser le panier pour vendre une sélection d'articles du catalogue, ainsi qu'un seul produit ou service.
Dans Tilda, vous pouvez utiliser le panier pour vendre une sélection d'articles du catalogue, ainsi qu'un seul produit ou service.
Par exemple, vous pouvez créer une boutique en ligne avec des produits ou des pages promotionnelles pour vendre des cours en ligne avec des paniers d'achat uniques pour chaque produit. Grâce aux paramètres flexibles du panier d'achat, vous pouvez créer les scénarios de vente les plus atypiques sur le site web.
Ajouter un panier
Pour ajouter un panier d'achat au projet, accédez à la bibliothèque de blocs et cliquez sur la catégorie « Boutique ». Sélectionnez le bloc ST100 « Panier d'achat avec formulaire de commande » dans la liste.
Comment vérifier si le panier fonctionne
Pour vérifier si le panier d'achat s'affiche correctement sur le site Web, accédez à l'aperçu et cliquez sur l'icône du panier d'achat.
Dans l'aperçu, le produit test est déjà affiché par défaut dans le panier. Ce produit n'existe pas dans votre projet, il est uniquement utilisé pour être affiché dans l'aperçu.
Pour vérifier si le système de paiement ou le service de livraison fonctionne, vous devez publier la page contenant le panier. Sur la page publiée, ajoutez un produit au panier, remplissez tous les champs et passez une commande.
Si vous n'avez qu'un seul système de paiement ou service de livraison de produits connecté au panier, le titre de l'intégration ne s'affichera pas dans le panier.
Les titres des intégrations s'afficheront si plusieurs services sont connectés au panier.
Les titres des intégrations s'afficheront si plusieurs services sont connectés au panier.
Scénarios d'utilisation du panier d'achat
Un panier d'achat peut être ajouté à la fois à une page de projet distincte et à l'ensemble du projet.
Placer le panier d'achat dans l'ensemble du projet. Pour les sites Web comportant plusieurs pages, placez le panier d'achat dans l'en-tête ou le pied de page afin qu'il soit toujours visible pour les clients.
Placer le panier d'achat dans l'ensemble du projet. Pour les sites Web comportant plusieurs pages, placez le panier d'achat dans l'en-tête ou le pied de page afin qu'il soit toujours visible pour les clients.
Paramètres d'en-tête et de pied de page. Pour plus d'informations, consultez le guide.
Placer le panier d'achat sur une page spécifique. Si vous ne travaillez pas avec un catalogue de produits et vendez des articles individuels, ou si vous avez besoin de paramètres de panier d'achat différents sur différentes pages, vous pouvez ajouter un bloc panier d'achat à chaque page.
Pour que les paramètres des paniers d'achat ne se chevauchent pas lorsque vous utilisez cette option, vous devez sélectionner l'option Ne pas enregistrer le produit dans un panier lors de la configuration du panier d'achat.
Pour ce faire, allez dans Paramètres, ouvrez l'onglet Plus de paramètres et cochez la case Ne pas enregistrer le produit dans le panier. Lorsque vous fermez le panier, le produit sera supprimé. Si l'acheteur passe à une autre page, les paramètres précédents du panier ne seront pas conservés dans le panier de l'autre page.
Placer le panier dans l'en-tête et le pied de page de la boutique en ligne. Dans Tilda, vous pouvez ajouter séparément l'en-tête et le pied de page uniquement aux pages liées aux produits dans la boutique en ligne. Pour ce faire, les fiches produits doivent s'ouvrir sous forme de pages. Un guide détaillé sur l'utilisation des fiches est disponible à cette adresse.
Comment fonctionne le panier d'achat sur la page
Le panier d'achat n'apparaîtra sur la page qu'après que l'acheteur y ait ajouté au moins un produit. Si aucun produit n'a été ajouté, l'icône du panier d'achat ne s'affichera pas.
Si un panier d'achat est ajouté à l'en-tête, au pied de page ou à la page du site web, son icône sera toujours affichée dans l'aperçu. En cliquant sur l'icône, vous verrez un exemple de produit. Cela montre comment fonctionne le panier d'achat.
Ne vous inquiétez pas, ni l'icône ni le produit ne seront affichés dans la version publiée du site web.
Ne vous inquiétez pas, ni l'icône ni le produit ne seront affichés dans la version publiée du site web.
Le panier apparaît dès que vous cliquez sur le bouton « Acheter ».
Lorsqu'un acheteur ajoute un article au panier, une fenêtre contextuelle contenant le formulaire de commande s'affiche à l'écran.
Si vous désactivez l'option permettant d'afficher le panier après avoir sélectionné un article, celui-ci sera ajouté au panier sans que le formulaire de commande ne soit rempli. L'acheteur pourra remplir le formulaire ultérieurement lorsqu'il se rendra dans le panier.
Si vous désactivez l'option permettant d'afficher le panier après avoir sélectionné un article, celui-ci sera ajouté au panier sans que le formulaire de commande ne soit rempli. L'acheteur pourra remplir le formulaire ultérieurement lorsqu'il se rendra dans le panier.
Dans les paramètres du panier, vous pouvez également configurer le comportement par défaut de suppression des produits du panier lorsqu'il est fermé. Pour plus d'informations sur les raisons pour lesquelles vous en avez besoin et sur la manière de le configurer, consultez le guide ci-dessous.
Configurer l'ouverture du panier
Paramètres généraux du panier et du paiement
Cliquez sur une balise pour accéder directement à la description du paramètre dont vous avez besoin dans le guide.
Persistance du panier d'achat
Si un visiteur du site Web ajoute un article au panier sur une page, puis ouvre une autre page ou ferme le site Web, l'article sera conservé dans le panier pendant 30 jours. Vous pouvez modifier cette durée dans les paramètres du bloc. Si elle est définie sur 0, le produit sera supprimé du panier dès que la fenêtre contextuelle du panier sera fermée.
Configurer la durée pendant laquelle un article doit être conservé dans le panier
Connexion des systèmes de paiement au panier d'achat
Par défaut, il n'y a pas d'options de paiement dans le panier, vous devez les connecter séparément via les paramètres du site web. Vous pouvez connecter un ou plusieurs systèmes de paiement. Allez dans Paramètres du site → Systèmes de paiement et sélectionnez ce dont vous avez besoin dans la liste. Vous trouverez ici des informations détaillées sur l'utilisation des systèmes de paiement.
La page permettant de configurer le système de paiement et la devise
Enregistrement des coordonnées
Pour que les acheteurs n'aient pas à remplir leurs coordonnées lorsqu'ils effectuent de nouveaux achats sur votre site web, activez l'option permettant d'enregistrer leurs informations de contact.
Pour ce faire, ouvrez le bloc ST100 → Contenu → Champs de saisie et ajoutez une nouvelle case à cocher : Enregistrer les coordonnées pour le prochain achat.
Pour ce faire, ouvrez le bloc ST100 → Contenu → Champs de saisie et ajoutez une nouvelle case à cocher : Enregistrer les coordonnées pour le prochain achat.
Activer l'option permettant d'enregistrer les coordonnées de l'acheteur
Les données contenues dans le panier sont enregistrées dans le navigateur de l'acheteur, il n'est donc pas nécessaire de les inclure dans la politique de confidentialité de votre site web. Si l'acheteur souhaite supprimer ces données, il lui suffit d'effacer le cache de son navigateur.
Toutes les données transférées sont cryptées et protégées contre toute interception par des tiers.
Toutes les données transférées sont cryptées et protégées contre toute interception par des tiers.
Montant minimum de commande
Si vous souhaitez que les commandes soient soumises à partir d'un montant spécifique, tel que 10 $, vous pouvez spécifier le montant minimum de la commande.
Si un acheteur sélectionne un produit d'un montant inférieur, celui-ci est ajouté au panier, mais le bouton « Passer à la caisse » sera inactif et l'acheteur verra s'afficher un message d'aide dans le panier.
Si un acheteur sélectionne un produit d'un montant inférieur, celui-ci est ajouté au panier, mais le bouton « Passer à la caisse » sera inactif et l'acheteur verra s'afficher un message d'aide dans le panier.
Les bons de commande
Les acheteurs utilisent le formulaire de commande pour soumettre leurs données sur votre site web. Pour le configurer, cliquez sur Contenu dans le bloc ST100. Ensuite :
— Ajoutez et configurez les champs à remplir par les acheteurs, attribuez-leur des titres ;
— Sélectionnez les champs obligatoires ;
— Connectez les services de capture de données pour recevoir les prospects à partir du formulaire.
Vous pouvez sélectionner le style du panier et des champs dans les paramètres du bloc.
— Ajoutez et configurez les champs à remplir par les acheteurs, attribuez-leur des titres ;
— Sélectionnez les champs obligatoires ;
— Connectez les services de capture de données pour recevoir les prospects à partir du formulaire.
Vous pouvez sélectionner le style du panier et des champs dans les paramètres du bloc.
Bon de commande pour une boutique en ligne
Services de saisie de données
Par défaut, les données du formulaire sont conservées dans la section Prospects pendant 30 jours. Vous pouvez modifier cette période jusqu'à 90 jours dans Paramètres du site → Formulaires → Paramètres généraux du formulaire.
Vous pouvez recevoir des prospects par e-mail, Google Sheets ou les envoyer à des services intégrés tels que MailChimp, GetResponse, UniSender. Vous pouvez les connecter dans la section Paramètres du site → Formulaires
Pour en savoir plus, consultez le guide des services de capture de données.
Vous pouvez recevoir des prospects par e-mail, Google Sheets ou les envoyer à des services intégrés tels que MailChimp, GetResponse, UniSender. Vous pouvez les connecter dans la section Paramètres du site → Formulaires
Pour en savoir plus, consultez le guide des services de capture de données.
Exemple de connexion des services de capture de données dans le panier d'achat
Variantes de livraison
Vous pouvez définir la livraison dans le panier à l'aide des services de livraison connectés et du champ intégré « Variantes de livraison ». Ce guide décrit comment ajouter des services de livraison au projet et les connecter au panier.
Ci-dessous, l'option du champ Variantes de livraison sans services de livraison connectés est décrite.
Pour afficher les variantes de livraison lors de la passation d'une commande, cliquez sur le contenu dans le bloc Panier ST100. Ajoutez le type de champ Variantes de livraison et, dans le champ Variantes, listez les options de livraison, chaque option sur une ligne distincte.
Si la livraison n'est pas gratuite, mettez le signe « = » et indiquez le prix de la livraison sans devise :
Ci-dessous, l'option du champ Variantes de livraison sans services de livraison connectés est décrite.
Pour afficher les variantes de livraison lors de la passation d'une commande, cliquez sur le contenu dans le bloc Panier ST100. Ajoutez le type de champ Variantes de livraison et, dans le champ Variantes, listez les options de livraison, chaque option sur une ligne distincte.
Si la livraison n'est pas gratuite, mettez le signe « = » et indiquez le prix de la livraison sans devise :
Enlèvement local gratuit
Livraison par coursier 20 $ = 20
Livraison par coursier 20 $ = 20
Page de confirmation pour le panier d'achat
Si le site web ne propose pas de paiement en ligne et que le panier sert uniquement à recevoir des prospects, vous pouvez configurer la page de réussite directement dans celui-ci. Cliquez sur Contenu dans le bloc ST100, accédez à l'onglet Plus, puis, dans le champ URL de la page de réussite, indiquez le lien vers la page souhaitée.
Configuration de la page de réussite via le panier ST100
Si vous avez connecté le système de paiement au projet, vous devez configurer la page de réussite dans les paramètres du système de paiement. Pour ce faire, accédez à Paramètres du site → Systèmes de paiement, sélectionnez le service dans la liste et indiquez l'URL de la page de réussite dans ses paramètres.
Comment commencer à accepter les paiements sur votre site web pour des biens ou des services.
Instructions pour la mise en ligne des produits sur la page de la boutique en ligne.
Instructions pour la création d'une boutique en ligne multipages.
Scénario de vente d'un produit sans sélection de paramètres supplémentaires.
Comment faire pour que l'acheteur puisse choisir un paramètre : couleur, taille, heure ou autre paramètre.
Comment transférer des données vers les caisses en ligne Cloudpayments, Robokassa, YKassa
Configuration de la vente d'un produit unique
Les systèmes de paiement populaires sont intégrés à Tilda. Vous pouvez en connecter un ou plusieurs.
Vous pouvez proposer différentes options de livraison et leur attribuer des prix différents.
Comment ajouter des options supplémentaires que l'acheteur peut sélectionner avant de passer commande
Comment faire en sorte que l'acheteur sur le site commande uniquement le produit et le paie ensuite ?
