# Comment créer une boutique en ligne

Accédez à la section des sites et cliquez sur le **« Créer »** bouton :

<figure><img src="/files/a8997a1cdc2f8b80b03d29da7cab3bf915b4ce88" alt=""><figcaption></figcaption></figure>

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 »

<figure><img src="/files/5a47dcbb27faee0a7c5cf61185a760cc2a41cdab" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/fd60842129606bfab0ac14b581510969c4a861ee" alt=""><figcaption></figcaption></figure>

### Catégorie de produit

Après être allé dans la section « Produits », vous verrez des modèles de fiches produits :

<figure><img src="/files/fe022eb09ba249b60f41f7eba127b8089f8a6512" alt=""><figcaption></figcaption></figure>

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 :

<figure><img src="/files/ec5046262da2e703521b5d46a07210cefe530d52" alt=""><figcaption></figcaption></figure>

Ensuite, le menu de droite s’ouvre avec les paramètres de la catégorie :

<figure><img src="/files/3a20c281b2fe8403c85b534a93444ccc8524db91" alt=""><figcaption></figcaption></figure>

Cliquez sur le bouton « Créer une catégorie » :

<figure><img src="/files/125b4d3d1c5de909c550fbbdc97784d4f4641c33" alt=""><figcaption></figcaption></figure>

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 :

<figure><img src="/files/4dc249cd900432bca90aea858d1c3ab8e6a009ca" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Après avoir configuré la catégorie, vous pouvez aller aux paramètres de la fiche produit.
{% endhint %}

### 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** ](/doc/fr/websites/sites/blocks/sheets.md)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 :

<figure><img src="/files/ec5046262da2e703521b5d46a07210cefe530d52" alt=""><figcaption></figcaption></figure>

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 :

<figure><img src="/files/c79faeea1aa7de0b59b1db79ccb93d476ca453fb" alt=""><figcaption></figcaption></figure>

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 :

1. **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.
2. **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.
3. **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 »**.

{% hint style="success" %}
Prêt !&#x20;

Ainsi, vous pouvez rapidement télécharger des produits sur MaviBot et lancer votre boutique en ligne.
{% endhint %}

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.

<figure><img src="/files/ec5046262da2e703521b5d46a07210cefe530d52" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="/files/5aeb6dbc8123a9c0b4c83416236ba241f87eef28" alt=""><figcaption></figcaption></figure>

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 :

<figure><img src="/files/c5acbd1d43ff993137e5ec96a7b6f9293cdbb311" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Vous pouvez exporter des fiches produits au format cvs depuis n’importe quelle plateforme, afin de configurer et lancer rapidement une boutique en ligne.
{% endhint %}

### Fiche produit

Pour créer une nouvelle fiche, cliquez sur le bouton rond « + ».

<figure><img src="/files/979b6056e252d52916728ec81020d1ab8ceb14d2" alt="" width="563"><figcaption></figcaption></figure>

La fenêtre des paramètres du produit s’ouvrira.

<figure><img src="/files/b786962bb2c3b6eca5ffe3ff6bb44e143530ec57" alt=""><figcaption></figcaption></figure>

Pour modifier une fiche produit existante, cliquez sur la loupe dans la ligne du produit.

<figure><img src="/files/f042312c078596adb0a31abfbc9f99324baffb49" alt=""><figcaption></figcaption></figure>

Ici, vous devez ajouter le titre, télécharger une image (une ou plusieurs) et ajouter une description.

<figure><img src="/files/b4df1d09203197aec214b7d1e04e2996067982f5" alt="" width="344"><figcaption></figcaption></figure>

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

<figure><img src="/files/57d2a7e6780e8dcb507f28b32f25f3b1efe4533e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Attention !&#x20;

Créez d’abord au moins un produit avant d’ajouter des catégories de produits
{% endhint %}

Ensuite, si nécessaire, ajoutez les caractéristiques du produit et cliquez sur « Enregistrer ».

<figure><img src="/files/e75e5c0279f73ff1481ac41764ee8c5d068016f8" alt=""><figcaption></figcaption></figure>

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 « + » :

<figure><img src="/files/fa897113704e6a91f1104b7d0730b1370c0aeef6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/93fdd43ce7b807f60e577e5f3c35649abf405167" alt=""><figcaption></figcaption></figure>

Vous reviendrez ensuite aux paramètres du site, où vous devrez cliquer sur la page pour accéder aux paramètres de la section.

<figure><img src="/files/6590b5febc076ec1eb012bbec64de633f111f1ce" alt=""><figcaption></figcaption></figure>

Vous passerez en mode d’édition de la page en cliquant sur le bouton « + » :

<figure><img src="/files/a35d79e762abfc929fa308d4f561ca6f70edd2c0" alt=""><figcaption></figcaption></figure>

Dans le menu de droite, sélectionnez la section « Catalogue de produits » :

<figure><img src="/files/3a4b1181f098437dc17c687ed288d0d643d37718" alt=""><figcaption></figcaption></figure>

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 :

<figure><img src="/files/6bbbe17cccdfe37a02df53336cc20e368a8e74f7" alt=""><figcaption></figcaption></figure>

Vous n’êtes plus qu’à quelques étapes :

1. Maintenant, sélectionnez les catégories de produits que vous souhaitez afficher dans la section :

<figure><img src="/files/bbd44421158011d01cbe421a6f34a9aafea5a6ba" alt="" width="375"><figcaption></figcaption></figure>

2. Ensuite, sélectionnez le nombre de colonnes :

<figure><img src="/files/9d128e18af12f9712781dd42353c9fed6e5fa799" alt="" width="375"><figcaption></figcaption></figure>

3. Indiquez combien de produits afficher au début (avant de cliquer sur le bouton « Afficher plus »)

<figure><img src="/files/5ec19b9581fdc931d3470eb476f218ffcd4b7334" alt=""><figcaption></figcaption></figure>

4. 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 :

<figure><img src="/files/4c03d896171e3c44b56cd3f4c4e2052ce914ba59" alt="" width="375"><figcaption></figcaption></figure>

Cliquez maintenant sur « Enregistrer ».

<figure><img src="/files/0196ab84bd0b06affb76ff1e8c183a7b0b78446a" alt="" width="375"><figcaption></figcaption></figure>

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.

{% hint style="success" %}
Vous pouvez en savoir plus sur les paramètres globaux de la section [ici](/doc/fr/websites/sites/blocks/settings.md).
{% endhint %}

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.

{% hint style="success" %}
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.
{% endhint %}

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

<figure><img src="/files/d5394fe273813f0698f61d651e883fc14d457b3d" alt=""><figcaption></figcaption></figure>

Ensuite, dans les paramètres principaux, mettez à jour les champs comme indiqué dans l’image ci-dessous.

<figure><img src="/files/c84cb6dca0310f133a283c11eafb384d156069b0" alt="" width="375"><figcaption></figcaption></figure>

1. **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.

<figure><img src="/files/0835cf552cc0a74ff3a2bb36dd6d8c76f46dd3fc" alt="" width="375"><figcaption></figcaption></figure>

2. **Titre de l’onglet du navigateur.** Le titre affiché dans l’onglet du navigateur et la barre d’adresse.
3. **URL.** L’adresse du site.

{% hint style="success" %}
Votre boutique en ligne entièrement fonctionnelle est prête !
{% endhint %}

## 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&#x20;

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

{% hint style="info" %}
**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**

1. Dans votre bloc, allez à **Boutons** dans les paramètres et cliquez sur **« Ajouter un bouton. »**
2. Dans la fenêtre modale, sélectionnez **« Application Web Telegram »** fonction.
3. Collez l’URL de votre boutique dans le champ du lien.
4. Nommez le bouton (par ex., **« Aller sur le site »**) et cliquez sur **« Ajouter. »**
5. 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.
{% endhint %}

{% hint style="info" %}

#### **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**

1. Dans votre bloc, allez à **Boutons** dans les paramètres et cliquez sur **« Ajouter un bouton. »**
2. Dans la fenêtre modale, laissez la fonction par défaut (généralement **« Ouvrir l’URL »**).
3. Collez l’URL de votre boutique dans le champ du lien et nommez le bouton.
4. Définissez le type de bouton sur **« En ligne »** ou **« Clavier »** et enregistrez les paramètres du bloc.
   {% endhint %}

{% hint style="success" %}
**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.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/fr/websites/online-store/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.