Comment créer une boutique en ligne
Accédez à la section des sites et cliquez sur le « Créer » bouton :

En cliquant sur le bouton « Créer », un menu déroulant avec les types de sites s’ouvre. À partir de là, 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 des modèles de fiches produits :

Vous pouvez passer directement à la configuration des produits eux-mêmes, mais si vous souhaitez les catégoriser afin 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 la 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 la catégorie :

Après avoir configuré la catégorie, vous pouvez aller 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 Tableaux section 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 les produits dans les paramètres de la catégorie :

Il y a un Importation onglet dans les paramètres de la 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 associer les colonnes.
Une fois le tableau des produits téléchargé, vous verrez une interface de correspondance avec deux colonnes clés :
La première colonne du tableau : elle affiche les noms de vos colonnes 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 prises dans la deuxième ligne, juste après les en-têtes de colonne.
Colonne de produit : aide à comparer (ou à 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 !
Ainsi, vous pouvez rapidement télécharger 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 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 la catégorie.

Il y a un « Exporter les produits » onglet dans les paramètres de la catégorie.
Exporter les produits : ici, vous pouvez configurer quelles colonnes du tableau des fiches produits 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 correspondant au 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, afin de configurer et 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, indiquez le prix du produit et d’autres détails :
a) Catégorie de produit b) Prix (par ex., prix actuel et ancien prix — utile pour afficher des remises) c) Référence (numéro) d) Quantité (vous pouvez indiquer combien d’articles sont disponibles dans votre boutique) e) Courte description

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 ensuite 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 d’é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 », avec tous les détails, prix et images, apparaîtront automatiquement dans les paramètres de la section :

Vous n’êtes plus qu’à quelques étapes :
Maintenant, sélectionnez les catégories de produits que vous souhaitez afficher dans la section :

Ensuite, sélectionnez le nombre de colonnes :

Indiquez 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 courte description du produit :

Cliquez maintenant sur « Enregistrer ».

Passez maintenant la souris sur la section et cliquez sur « Paramètres » pour la personnaliser.
Passez maintenant la souris sur la section et cliquez sur l’ « Paramètres » icône 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.
Passez maintenant à l’aperçu.
Ici, vous pouvez prévisualiser la manière dont le site affiche les produits, tester le fonctionnement des filtres et de la recherche par catégorie, et voir le panier ainsi que le processus de paiement.
Vous pouvez ajouter autant de sections que vous le souhaitez 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.
Il vous suffit de remplir les fiches produits, tandis que les paramètres de la section sont minimaux pour un lancement rapide.
Comment changer l’adresse d’un site
Pour donner à votre site une adresse claire et concise au lieu d’une URL générée automatiquement (comme celle affichée ci-dessous), vous pouvez personnaliser le lien de la page. Allez dans les 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 Sites section. Le modifier vous aide à identifier et à retrouver le site plus facilement dans votre liste par la suite.

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 Web App bouton dans Telegram.
Web app Telegram
Vous pouvez partager votre boutique en ligne dans un chatbot via un bouton Telegram Web App ou sous forme de lien standard (pour les 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 carte de la boutique dans la « Sites » section.
É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, allez à Boutons dans les paramètres et cliquez sur « Ajouter un bouton. »
Dans la fenêtre modale, sélectionnez « Application Web Telegram » fonction.
Collez l’URL de votre boutique dans le champ du lien.
Nommez le bouton (par ex., « Aller sur le site ») et cliquez sur « Ajouter. »
Définissez le type de bouton sur « En ligne » ou « Clavier » selon vos besoins, puis enregistrez les paramètres du bloc.
Étape 4. Testez le bot
Déclenchez le bloc (par ex., en envoyant le mot « Boutique »). Le bot répondra avec un message contenant le bouton. En cliquant dessus, votre boutique s’ouvrira comme une application Web Telegram.
Méthode 2 : bouton de lien standard (pour les 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 carte de la boutique dans la « Sites » section.
É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, allez à 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 « En ligne » 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.
Mis à jour