Par exemple, vous pouvez créer une boutique en ligne proposant des produits ou des pages promotionnelles pour la vente de formations en ligne, avec un panier d'achat distinct pour chaque produit. Grâce aux paramètres flexibles du panier d'achat, vous pouvez mettre en place les scénarios de vente les plus originaux sur votre site web.

Pour ajouter un panier d'achat au projet, rendez-vous dans 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.

Pour vérifier si le panier s'affiche correctement sur le site web, rendez-vous dans l'aperçu et cliquez sur l'icône du panier.

Dans l'aperçu, le produit test apparaît déjà par défaut dans le panier. Ce produit n'existe pas dans votre projet ; il sert uniquement à ê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, puis validez la commande.

Un panier peut être ajouté aussi bien à une page de projet distincte qu'à l'ensemble du projet.

Intégration du panier à l'ensemble du projet. Pour les sites web comportant plusieurs pages, placez le panier dans l'en-tête ou le pied de page afin qu'il soit toujours visible par les clients.

Placer le panier sur une page spécifique. Si vous ne travaillez pas avec un catalogue de produits et que vous vendez des articles à l'unité, ou si vous avez besoin de paramètres de panier différents selon les pages, vous pouvez ajouter un bloc « panier » à chaque page.

Placement du panier dans l'en-tête et le pied de page de la boutique en ligne. Sur Tilda , vous pouvez ajouter séparément l'en-tête et le pied de page uniquement aux pages de la boutique en ligne consacrées aux produits. Pour cela, les fiches produits doivent s'ouvrir sous forme de pages. Un guide détaillé sur l'utilisation des fiches est disponible via ce lien.

Le panier n'apparaîtra sur la page qu'une fois que l'acheteur y aura ajouté au moins un produit. Si aucun produit n'a été ajouté, l'icône du panier ne s'affichera pas.

Lorsqu'un acheteur ajoute un article à son 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 la sélection d'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 accédera à son panier.

Cliquez sur un tag pour accéder directement à la description du paramètre qui vous intéresse dans le guide.

Si un visiteur ajoute un article à son panier sur une page, puis ouvre une autre page ou quitte le site, cet article restera dans le panier pendant 30 jours. Vous pouvez modifier cette durée dans les paramètres du bloc. Si la valeur est définie sur 0, le produit sera supprimé du panier dès que la fenêtre contextuelle du panier sera fermée.

Par défaut, le panier ne propose aucune option de paiement ; vous devez les configurer séparément via les paramètres du site. Vous pouvez configurer un ou plusieurs systèmes de paiement. Rendez-vous dans Paramètres du site → Systèmes de paiement et sélectionnez ceux qui vous intéressent dans la liste.Vous trouverez ici des informations détaillées sur l'utilisation des systèmes de paiement.

Pour que les acheteurs n'aient pas à saisir leurs coordonnées lorsqu'ils effectuent de nouveaux achats sur votre site web, activez l'option permettant d'enregistrer leurs coordonnées.

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 ».

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 mentionner dans la politique de confidentialité de votre site web. Si l'acheteur souhaite supprimer ces données, il lui suffit de vider 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.

Si vous souhaitez que les commandes soient validées à partir d'un montant spécifique, par exemple 10 $, vous pouvez définir le montant minimum de commande.

Si un acheteur sélectionne un produit dont le montant est inférieur à ce seuil, celui-ci sera ajouté au panier, mais le bouton « Passer à la caisse » sera désactivé et l'acheteur verra s'afficher une info-bulle dans le panier.

Les acheteurs utilisent le formulaire de commande pour saisir leurs données sur votre site web. Pour le configurer, cliquez sur « Contenu » dans le bloc ST100. Ensuite :

— Ajoutez et configurez les champs que les acheteurs devront remplir, attribuez-leur des intitulés ;
— Sélectionnez les champs obligatoires ;
— Connectez les services de collecte de données pour recevoir les prospects issus du formulaire.

Vous pouvez choisir le style du panier et des champs dans les paramètres du bloc.

Par défaut, les données des formulaires sont conservées dans la section « Prospects » pendant 30 jours. Vous pouvez modifier cette durée pour la porter jusqu’à 90 jours dans les paramètres du site → Formulaires → Paramètres généraux des formulaires.

Vous pouvez recevoir vos prospects par e-mail, dans Google Sheets, ou les envoyer vers des services intégrés tels que MailChimp, GetResponse ou UniSender. Vous pouvez configurer ces intégrations dans la section « Paramètres du site → Formulaires »

Pour en savoir plus, consultez le guide sur les services de collecte de données.

Vous pouvez configurer la livraison dans le panier à l'aide des services de livraison connectés et du champ intégré « Variantes de livraison ». Ce guide explique 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 « Contenu » dans le bloc « Panier » de ST100. Ajoutez le type de champ « Variantes de livraison » et, dans le champ « Variantes », répertoriez les options de livraison, chacune sur une ligne distincte.

Si la livraison n’est pas gratuite, insérez le signe « = » et indiquez le prix de la livraison sans préciser de devise :

Si le site web ne propose pas de paiement en ligne et que le panier sert uniquement à collecter des prospects, vous pouvez configurer la page de confirmation 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 confirmation », indiquez le lien vers la page souhaitée.

Si vous avez associé un système de paiement à votre projet, vous devez configurer la page de confirmation dans les paramètres de ce système. Pour ce faire, rendez-vous dans Paramètres du site → Systèmes de paiement, sélectionnez le service dans la liste et indiquez l'URL de la page de confirmation dans ses paramètres.