---
description: Créez et gérez des widgets qui peuvent être intégrés sur votre site Web afin que les visiteurs du site puissent vous contacter via vos canaux préférés.
title: Widgets de croissance
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Nouveau🤖 Les agents IA sont désormais en ligne sur respond.io! Rencontrez votre nouvel agent de réception, agent des ventes ou d'assistance. En savoir plus.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/fr/whatsapp-business-calling-api)

Aidez-moi avec... ⌘ 

1. [All Collections >](/fr/help)
2. [ Produit >](/fr/help/product)
3. [ Paramètres de l'espace de travail >](/fr/help/workspace-settings)
4. Widgets de croissance

# Widgets de croissance

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg)

Joshua Lim

· 04 Apr 2025

3 min de lecture

Un widget de croissance vous permet d'intégrer un widget à canal unique ou multicanal sur votre site Web afin que les visiteurs puissent se connecter avec vous via leurs applications de messagerie préférées.

> Si vous souhaitez ajouter un widget de chat sur votre site Web, apprenez-en plus [ici](https://respond.io/fr/help/website-chat-widget/website-chat-widget-overview).

## Comment arriver ici

> Ce paramètre est accessible uniquement aux propriétaires et aux gestionnaires.

Ce paramètre est accessible depuis le menu de navigation **Paramètres** sous l'élément de sous-menu **Paramètres de l'espace de travail** , **Widgets de croissance**.

Dans la section Paramètres du widget de croissance, vous pouvez voir une liste des widgets existants dans votre espace de travail. Ici, vous pouvez modifier et gérer ces widgets ou en créer de nouveaux.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif?fm=avif&w=1000) 

Dans ce paramètre, vous pouvez :

* Créer un widget
* Gérer les widgets existants
* Supprimer un widget

## Création d'un widget

**Étape 1 :** Cliquez sur le bouton**Ajouter un widget**pour explorer tous les widgets disponibles.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1cSEqRmlBANAYqqY5FntFL/da1d2cbc82153ef8a38e9d4dc0a1d524/workspaces-add-widget.png?fm=avif&w=1000) 

**Étape 2 :** Sélectionnez le widget que vous souhaitez créer > cliquez sur le bouton**Créer un widget**

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2v1rbVsIBPfSndSWriVBe5/3b5fb7c19244b4bca71d4840d757063e/workspaces-createw.png?fm=avif&w=1000) 

> Vous ne pouvez sélectionner des widgets à canal unique que si le canal est connecté à l'espace de travail.

### Configurer le widget

Configurez le widget sélectionné en fonction des champs obligatoires.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4TI7vQA9U7yvcO9RtuCgse/965118031034edb7a1d1bac374f8446d/workspaces-configurew.png?fm=avif&w=1000) 

#### Domaines de sites Web

Ajoutez le(s) site(s) Web où le widget sera ajouté dans le champ Domaines du site Web. Voici'comment ajouter des sites Web à la liste blanche :

* Si l'utilisateur ajoute`https://app.respond.io`, alors seulement`https://app.respond.io`sera sur liste blanche. Tout autre sous-domaine ou racine ne devrait pas fonctionner.
* Si l'utilisateur ajoute`https://*.respond.io`, alors tous les sous-domaines, y compris le domaine racine, seront ajoutés à la liste blanche.
* Si l'utilisateur ajoute`https://respond.io`, alors seul le domaine racine sera ajouté à la liste blanche.
![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MMSfFMgRphP35jCbBejTT/8e9eac0f58354013130396de3ecef3ec/websitedomain.gif?fm=avif&w=1000) 

#### Choisissez vos chaînes

Sélectionnez la chaîne pour laquelle vous souhaitez créer un widget dans la liste déroulante des chaînes disponibles.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2BDzQ5y4lVIgvRau13PRrC/a818f134ff35c6794dc0b1b9d158f3d6/choosechannels.gif?fm=avif&w=1000) 

#### Paramètres avancés

Vous pouvez cliquer sur le bouton**Paramètres avancés**pour configurer davantage les champs facultatifs.

* **Texte de survol :** S'affiche lorsque vous survolez le widget
* **Texte pré-rempli (facultatif) :** Texte pré-rempli avant d'envoyer un message
* **Inclure l'URL de la page actuelle :** Cochez cette case pour inclure l'URL de la page actuelle dans le texte pré-rempli

> La fonctionnalité « inclure l'URL de la page actuelle » est uniquement disponible pour WhatsApp, Viber et les chaînes de messagerie électronique.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1MYLyLozRByTsjbDvrr1aM/8d0620e360d0b6f4535e4eedc610a138/workspaces-advanced-settings.png?fm=avif&w=1000) 

#### Installer le script

Copiez le script généré pour l'installer sur votre site Web et cliquez sur le bouton**Terminé**. Vous pouvez également transmettre les instructions d'installation par courrier électronique.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/sEm4u6WmVilu3Xjfdz0Rv/d6541119d3f441855bb6fe315c1edcaa/growth-widgets-7.png?fm=avif&w=1000) 

> Référez-vous [ici pour savoir comment installer le script sur votre site Web](https://respond.io/fr/help/website-chat-widget/website-chat-widget#installing%5Fthe%5Fchat%5Fwidget).

> Cliquez sur le bouton Générer un widget dans le coin supérieur droit une fois terminé.

## Gestion des widgets

Une fois que vous avez créé un widget, vous pouvez le gérer comme ci-dessous.

### Ouvrir le code d'installation

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7liJXSQ6a8K0P0AvSlsVsL/00b273a27c309b4972c7d8aec6659876/installation-code.png?fm=avif&w=1000) 

Pour voir ou copier le code d'installation (script) du widget créé, cliquez sur le bouton **Code d'installation** et suivez les instructions à l'écran.

> Cette fonction n'est pas applicable au générateur de code QR.

### Téléchargez le QR Code

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2Omh41BIWxCUyCKB5axLfa/f38aa08096e4eef8c0a450d62f374585/qr-code.png?fm=avif&w=1000) 

Pour télécharger le code QR généré, cliquez sur le bouton **Scanner le code** , puis sur le bouton **Télécharger** et sélectionnez les dimensions de pixels souhaitées pour votre code numérisable.

> Ceci s'applique uniquement au générateur de code QR, pas aux autres widgets de messagerie.

> Pour plus d'informations sur la façon d'utiliser cette fonctionnalité, lisez notre article de blog [sur l'utilisation de codes numérisables ici](https://respond.io/fr/blog/facebook-messenger-code).

### Personnaliser le Widget

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7jpBHww29KHkVGZzWNuXJc/d671069da8e50bd7d8009e3b6ccc80f4/customize-widget.png?fm=avif&w=1000) 

Pour personnaliser les widgets existants, cliquez sur le bouton **Personnaliser** pour ouvrir la page de personnalisation.

Il y a 5 sections que vous pouvez personnaliser en fonction du type de widget :

#### **Général**

Vous pouvez configurer les paramètres généraux suivants :

* **Nom du widget :** Nom utilisé en interne pour identifier le widget
* **Domaines du site Web :** Les sites Web sur lesquels le widget doit être installé. Si vous n'ajoutez pas votre site Web à cette liste, votre widget ne se chargera pas. Vous pouvez saisir plusieurs URL si vous prévoyez d'installer le widget sur plusieurs sites Web.

#### **Chaînes**

Vous pouvez personnaliser les éléments suivants pour définir le comportement du widget en fonction du canal sélectionné :

* **Texte de survol :** Le texte de survol s'affiche dans une info-bulle lorsque vous survolez le widget.
* **Texte pré-rempli :** Le texte pré-rempli est une suggestion de saisie lorsqu'un contact démarre une conversation.
* **Référence :** La référence apparaîtra lorsqu'une conversation est ouverte et vous permettra de suivre la source du contact.
* **Couleurs :** Choisissez la couleur d'arrière-plan de l'icône de la chaîne et l'apparence de l'icône dans le widget.

#### **Affichage & Apparence**

Vous pouvez personnaliser les éléments suivants pour modifier l’apparence d’affichage du widget sur votre site Web :

* **Message contextuel :** Le message contextuel est affiché aux visiteurs du site Web une fois par jour 5 secondes après le chargement de la page. Si ce n'est pas défini, aucun message contextuel n'apparaîtra.
* **Taille du widget :** Choisissez entre la taille du widget Grand, Standard ou Petit.
* **Options d'affichage :** Choisissez d'afficher ce widget sur un ordinateur de bureau, des appareils mobiles ou les deux.

#### **Position**

Vous pouvez modifier la position du widget sur votre site Web en fonction des paramètres suivants :

* **Alignement :** Spécifiez si vous souhaitez afficher le widget en bas à gauche ou à droite du site Web.
* **Espacement vertical :** Spécifiez la quantité d'espacement vertical entre le widget et le bas de l'écran.
* **Espacement horizontal :** Spécifiez la quantité d'espacement horizontal entre le widget et le bord de l'écran.

#### **Paramètres supplémentaires**

Personnalisation supplémentaire pour les widgets :

* **Masquer la marque Respond.io :** Supprimez la marque respond.io de votre widget.

## Supprimer un widget

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3DMqeOcw4oNk6tMo9n1tXQ/6fc0f30860447ebccfa8c7dd80a4d21c/delete-widget.png?fm=avif&w=1000) 

Pour supprimer un widget existant, cliquez sur le bouton **Supprimer** et suivez les instructions à l'écran. Cela supprimera complètement le widget de votre espace de travail.

> Soyez prudent lorsque vous supprimez un widget de votre espace de travail. Lorsqu'un widget est supprimé, toutes ses configurations seront supprimées. La suppression ne peut pas être annulée.

Partager cet article

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/workspace-settings/growth-widgets)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/workspace-settings/growth-widgets)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/workspace-settings/growth-widgets)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/workspace-settings/growth-widgets)

## 

Articles connexes 👩‍💻

* [AppelsApprends à gérer les configurations des appels pour tes canaux d'appel connectés. ](/fr/help/workspace-settings/calls)
* [Invites de l'IADécouvrez comment installer et configurer les invites d'IA. ](/fr/help/workspace-settings/ai-prompts)
* [Assistance IADécouvrez comment installer et configurer AI Assist. ](/fr/help/workspace-settings/ai-assist)
* [Cycle de vieApprenez à suivre et gérer vos Contacts tout au long de votre processus de vente sur notre plateforme. ](/fr/help/workspace-settings/workspace-settings-lifecycle)
* [Importation des contactsApprenez comment importer, réviser et gérer les données sur la plateforme. ](/fr/help/workspace-settings/data-import)

Vous ne trouvez pas ce que vous recherchez? 🔎

[Contacter le support technique](/fr/contact-us)

2025-12-05T03:57:29.008Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Créez et gérez des widgets qui peuvent être intégrés sur votre site Web afin que les visiteurs du site puissent vous contacter via vos canaux préférés.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4GvzCieeTBRY4TRJUbIr4y/b92428e6b049d23f546269180534f7ea/Ryan_Tan_Avatar.svg","name":"Joshua Lim","url":"https://respond.io/fr/author"},"dateCreated":"2025-01-28T04:11:59.000Z","dateModified":"2025-04-04T10:14:25.056Z","datePublished":"2025-01-28T04:11:59.000Z","headline":"Widgets de croissance","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","mainEntityOfPage":"https://respond.io/fr/help/workspace-settings","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/57mm9I3T8Pi7UnYorlg6BA/eb93ab9123b0b352e6ce270e5ce0be09/workspaces-growthw.gif","url":"https://respond.io/fr/help/workspace-settings/growth-widgets"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/fr/help","position":1},{"@type":"ListItem","name":"Produit","item":"https://respond.io/fr/help/product","position":2},{"@type":"ListItem","name":"Paramètres de l&apos;espace de travail","item":"https://respond.io/fr/help/workspace-settings","position":3},{"@type":"ListItem","name":"Widgets de croissance","item":"https://respond.io/fr/help/workspace-settings/growth-widgets","position":4}]}]
```
