Accédez à la section des sites et cliquez sur le bouton "Créer" :
En cliquant sur le bouton "Créer", un menu déroulant s'ouvre avec les types de sites. Sélectionnez "Boutique en ligne" :
Après avoir cliqué sur le bouton "Boutique en ligne", vous accéderez aux paramètres du site, où vous devrez ouvrir l'onglet "Produits" :
Catégorie de produit
Après être allé dans la section "Produits", vous verrez les modèles de fiches produits :
Vous pouvez configurer directement les produits eux-mêmes, mais si vous souhaitez les catégoriser pour que vos clients puissent facilement trouver ce dont ils ont besoin par catégorie sur le site, nous vous recommandons de créer d'abord des catégories.
Pour ce faire, cliquez sur l'icône en forme d'engrenage :
Ensuite, le menu de droite s'ouvre avec les paramètres de catégorie :
Cliquez sur le bouton "Créer une catégorie" :
Dans la fenêtre qui s'ouvre, saisissez le nom de la catégorie et sélectionnez la couleur (elle sera affichée dans le tableau des produits).
Vous pouvez également modifier l'affichage des colonnes dans les paramètres de catégorie :
Après avoir configuré la catégorie, vous pouvez passer aux paramètres de la fiche produit.
Comment importer des produits depuis une autre plateforme
Par exemple, nous avons téléchargé un tableau avec des produits que nous avons créés manuellement dans la section Tableaux de Mavibot.
Si vous devez transférer une boutique en ligne d'un site ou d'un autre service vers Mabibot, utilisez les onglets pour télécharger des produits dans les paramètres de catégorie :
Il y a un onglet Importer dans les paramètres de catégorie. Cliquez sur le bouton du même nom pour télécharger le tableau avec les fiches produits :
Après avoir téléchargé le fichier contenant vos fiches produits (exportées depuis une autre plateforme), vous devrez mapper les colonnes.
Une fois le tableau de produits téléchargé, vous verrez une interface de mappage avec deux colonnes clés :
- La première colonne du tableau : elle affiche les noms de vos colonnes provenant du tableau téléchargé. Les colonnes correspondent aux noms de colonnes du tableau.
- La deuxième colonne du tableau : affiche un exemple de valeurs extraites de la deuxième ligne, juste après les en-têtes de colonnes.
- Colonne Produit : permet de comparer (ou d'ignorer, si une colonne n'est pas nécessaire) les valeurs des colonnes du tableau téléchargé avec les colonnes du produit.
Ensuite, cliquez sur "Télécharger les produits".
Prêt !
Vous pouvez ainsi télécharger rapidement des produits sur MaviBot et lancer votre boutique en ligne.
Si nécessaire, vous pouvez modifier une fiche produit en cliquant sur l'icône en forme de loupe dans la ligne du produit.
Comment exporter des fiches produits
Pour exporter les fiches produits créées d'un site à un autre, utilisez l'onglet d'exportation dans les paramètres de catégorie.
Il y a un onglet "Exporter les produits" dans les paramètres de catégorie.
Exporter les produits : ici, vous pouvez configurer les colonnes du tableau de fiches produits que vous souhaitez exporter (télécharger sur votre appareil) et transférer vers un autre projet.
Pour supprimer les colonnes inutiles, il suffit de décocher la case dans la ligne avec le nom de la colonne.
Ensuite, cliquez sur "Exporter les produits" — les fiches produits seront alors téléchargées sur votre appareil au format tableau :
Vous pouvez exporter des fiches produits au format cvs depuis n'importe quelle plateforme, ce qui vous permet de configurer et de lancer rapidement une boutique en ligne.
Fiche produit
Pour créer une nouvelle fiche, cliquez sur le bouton rond "+".
La fenêtre des paramètres du produit s'ouvrira.
Pour modifier une fiche produit existante, cliquez sur la loupe dans la ligne du produit.
Ici, vous devez ajouter le titre, télécharger une image (une ou plusieurs) et ajouter une description.
Ensuite, spécifiez le prix du produit et d'autres détails :
a) Catégorie de produit
b) Prix (par exemple, prix actuel et ancien prix — utile pour afficher les réductions)
c) Article (numéro)
d) Quantité (vous pouvez spécifier combien d'articles sont disponibles dans votre boutique)
e) Description courte
Attention !
Créez d'abord au moins un produit avant d'ajouter des catégories de produits
Ensuite, si nécessaire, ajoutez les caractéristiques du produit et cliquez sur "Enregistrer".
Après cela, la fiche produit apparaîtra dans le tableau de l'onglet "Produits".
Pour ajouter d'autres produits, cliquez sur le bouton rond "+" :
Paramètres du site
Après avoir créé les catégories nécessaires et rempli les fiches produits, passez aux paramètres du site. Pour ce faire, cliquez sur le nom de votre site dans la barre de navigation supérieure.
Vous reviendrez alors aux paramètres du site, où vous devrez cliquer sur la page pour accéder aux paramètres de la section.
Vous passerez en mode édition de la page en cliquant sur le bouton "+" :
Dans le menu de droite, sélectionnez la section "Catalogue de produits" :
Les fiches produits de l'onglet "Produits", y compris tous les détails, prix et images, apparaîtront automatiquement dans les paramètres de la section :
Vous n'êtes plus qu'à quelques pas :
- Maintenant, sélectionnez les catégories de produits que vous souhaitez afficher dans la section :
- Ensuite, sélectionnez le nombre de colonnes :
- Spécifiez combien de produits afficher au début (avant de cliquer sur le bouton "Afficher plus") :
- Ensuite, activez les interrupteurs si vous souhaitez que vos clients trient les produits par catégories et filtres, et affichent une description courte du produit :
Maintenant, cliquez sur "Enregistrer".
Passez maintenant la souris sur la section et cliquez sur "Paramètres" pour la personnaliser.
Maintenant, passez la souris sur la section et cliquez sur l'icône "Paramètres" pour la personnaliser.
Dans les paramètres de la section, vous pouvez :
- Personnaliser la typographie : Sélectionnez la police et ajustez sa taille pour la section.
- Styliser l'arrière-plan : Téléchargez une image ou choisissez une couleur unie ou un dégradé.
- Configurer la mise en page : Ajustez la largeur, la visibilité, la taille globale et l'alignement.
Vous pouvez en savoir plus sur les paramètres globaux de la section ici.
Maintenant, allez dans l'aperçu.
Ici, vous pouvez prévisualiser comment le site affiche les produits, tester le fonctionnement des filtres et de la recherche par catégorie, et visualiser le panier et le processus de paiement.
Vous pouvez ajouter n'importe quel nombre de sections pour votre boutique en ligne — par exemple, pour afficher des catégories de produits spécifiques dans chaque section ou placer des sections sur différentes pages du site.
Tout ce que vous avez à faire est de remplir les fiches produits, tandis que les paramètres de section sont minimaux pour un lancement rapide.
Comment modifier l'adresse d'un site
Pour donner à votre site une adresse propre et concise au lieu d'une URL générée automatiquement (comme celle ci-dessous), vous pouvez personnaliser le lien de la page. Accédez aux paramètres du site pour effectuer cette modification.
Ensuite, dans les paramètres principaux, mettez à jour les champs comme indiqué dans l'image ci-dessous.
- Nom du site. C'est le nom affiché dans la section Sites. Le modifier vous aide à identifier et trouver le site plus facilement dans votre liste ultérieurement.
- Titre de l'onglet du navigateur. Le titre affiché dans l'onglet du navigateur et la barre d'adresse.
- URL. L'adresse du site.
Votre boutique en ligne entièrement fonctionnelle est prête !
Comment partager un lien dans un chatbot
Vous pouvez partager un lien vers votre boutique en ligne dans un chatbot. Par exemple, vous pouvez envoyer un lien direct (compatible avec la plupart des messageries) ou utiliser le bouton dédié Web App dans Telegram.
Telegram Web-app
Vous pouvez partager votre boutique en ligne dans un chatbot via un bouton Telegram Web App ou comme un lien standard (pour d'autres messageries).
Méthode 1 : Bouton Telegram Web App
Cette méthode ouvre votre boutique dans l'interface native de Telegram.
Étape 1. Copiez l'adresse de votre boutique
Copiez l'URL depuis la barre d'adresse de votre navigateur ou depuis la fiche de la boutique dans la section "Sites".
Étape 2. Créez ou modifiez un bloc
Créez un nouveau bloc dans le constructeur ou intégrez-le dans un flux de bot existant.
Étape 3. Configurez le bouton Telegram Web App
- Dans votre bloc, accédez à Boutons dans les paramètres et cliquez sur "Ajouter un bouton."
- Dans la fenêtre modale, sélectionnez la fonction "Application Web Telegram".
- Collez l'URL de votre boutique dans le champ du lien.
- Nommez le bouton (par exemple, "Aller sur le site") et cliquez sur "Ajouter."
- Définissez le type de bouton sur "Inline" ou "Clavier" selon vos besoins, puis enregistrez les paramètres du bloc.
Étape 4. Testez le Bot
Déclenchez le bloc (par exemple, en envoyant le mot "Boutique"). Le bot répondra avec un message contenant le bouton. En cliquant dessus, votre boutique s'ouvrira en tant qu'application Web Telegram.
Méthode 2 : Bouton de lien standard (pour d'autres messageries)
Cette méthode crée un bouton standard qui ouvre la boutique dans un navigateur web.
Étape 1. Copiez l'adresse de votre boutique
Copiez l'URL depuis la barre d'adresse de votre navigateur ou depuis la fiche de la boutique dans la section "Sites".
Étape 2. Créez ou modifiez un bloc
Créez un nouveau bloc dans le constructeur ou intégrez-le dans un flux de bot existant.
Étape 3. Configurez le bouton de lien
- Dans votre bloc, accédez à Boutons dans les paramètres et cliquez sur "Ajouter un bouton."
- Dans la fenêtre modale, laissez la fonction par défaut (généralement "Ouvrir l'URL").
- Collez l'URL de votre boutique dans le champ du lien et nommez le bouton.
- Définissez le type de bouton sur "Inline" ou "Clavier" et enregistrez les paramètres du bloc.
Terminé !
Vous avez configuré avec succès votre chatbot pour partager votre boutique en ligne via un lien direct ou une application Web Telegram native.