Aller au contenu
Menu

Rechercher sur le site

Tape pour chercher dans les guides, le blog, l'API et le produit.

↑ ↓ pour naviguer · Entrée pour ouvrir · Échap pour fermer

Gratuit · Sans inscription · Se colle sur n'importe quel site

Widget WhatsApp pour votre site web

Composez votre bulle flottante WhatsApp, regardez-la changer en direct et copiez le code. Gratuit, sans inscription, et il se colle de la même façon sur votre site ou sur celui de votre client.

Votre numéro WhatsApp

C'est tout ce dont le widget a besoin pour fonctionner.

Son apparence

Chaque changement s'affiche à l'instant dans l'aperçu à côté.

Couleur du bouton
Position du bouton
Style du bouton
Textes du widget

Copiez et collez

Collez ce code juste avant la balise de fermeture </body> du site. Ça marche pareil sur votre propre site ou sur celui d'un client.

</body>
<script
  src="https://tbit.app/js/whatsapp-button.js"
  async
  onLoad="whatsappButton({
    locale: 'fr',
    phoneNumber: '',
    buttonName: 'WhatsApp',
    brandName: 'Votre marque',
    brandSubtitleText: 'Répond généralement en moins d\'une journée',
    callToAction: 'Démarrer le chat',
    welcomeMessage: 'Bonjour 👋',
    buttonPosition: 'right',
    buttonStyle: 'icon-with-text'
  })"
></script>

Saisissez votre numéro WhatsApp ci-dessus et le code apparaît ici.

Ni inscription ni e-mail. Le code se génère dans votre navigateur et il est à vous.

Aperçu

Appareil de l'aperçu
Votre marqueRépond généralement en moins d'une journée

Votre marqueBonjour 👋

Ce que le visiteur envoie en touchant le bouton

Démarrer le chat

Saisissez votre numéro WhatsApp pour voir l'aperçu

Comment installer le widget sur votre plateforme

Choisissez où vous allez le coller. Deux minutes suffisent, quelle que soit la plateforme parmi les cinq.

WordPress

1. Dans votre tableau de bord WordPress, allez dans « Apparence » > « Éditeur de thème »
2. Sélectionnez « footer.php » dans le menu latéral
3. Collez le script juste avant la balise </body>
4. Enregistrez les modifications

Autre option : utilisez une extension comme « Insert Headers and Footers » et collez le code dans le champ « Footer », sans modifier de fichiers.

Shopify

1. Allez dans votre interface d'administration Shopify
2. Ouvrez « Boutique en ligne » > « Thèmes »
3. Cliquez sur « Actions » > « Modifier le code »
4. Dans le menu latéral, sélectionnez « theme.liquid »
5. Collez le script juste avant la balise </body>
6. Enregistrez les modifications

Wix

1. Dans l'éditeur Wix, cliquez sur « Paramètres » (⚙️) dans la barre du haut
2. Sélectionnez « Paramètres avancés » > « Code personnalisé »
3. Cliquez sur « + Ajouter du code personnalisé »
4. Collez le script dans le champ de code
5. Dans « Placer le code dans », choisissez « Body - fin »
6. Enregistrez et publiez votre site

Webflow

1. Ouvrez votre projet dans Webflow
2. Allez dans « Site settings » > « Custom code »
3. Dans « Footer code », collez le script
4. Publiez votre site pour voir les changements

HTML simple

1. Ouvrez le fichier de votre page, par exemple index.html
2. Descendez jusqu'à la fin du document et repérez la balise </body>
3. Collez le script juste avant cette balise
4. Mettez le fichier en ligne sur votre serveur

Si votre site a plusieurs pages, répétez l'opération dans le gabarit qu'elles partagent toutes.

Ajoutez WhatsApp à votre site web en quelques minutes

Comment ajouter un bouton WhatsApp à votre site web

Ajouter un bouton WhatsApp flottant à votre site web est simple : il suffit de copier-coller un petit script HTML avant la fermeture de </body> de votre page. Ce widget de chat apparaît sur toutes vos pages et permet à vos visiteurs de vous écrire directement sur WhatsApp en un seul clic.

Widget de chat flottant WhatsApp en HTML

Notre widget WhatsApp flottant est construit en HTML, CSS et JavaScript pur : il fonctionne donc sur n'importe quelle plateforme, que ce soit WordPress, Shopify, Wix, Webflow ou du HTML statique. Ni extension ni configuration compliquée : insérez le code et c'est prêt.

Une alternative au chat en direct, en mieux

Contrairement aux chats en direct classiques qui disparaissent quand l'utilisateur quitte votre site, WhatsApp garde la conversation ouverte. Vous pouvez donc continuer à vendre, répondre aux questions ou envoyer des informations même après que le visiteur a quitté votre page.

Extension de chat pour Shopify, WordPress, Wix et Webflow

Notre widget WhatsApp fonctionne comme une extension universelle : compatible avec Shopify, WordPress, Wix, Webflow et n'importe quel créateur de sites. Pas besoin d'installer d'extension supplémentaire ni de vous soucier de compatibilité : le code fonctionne sur toute plateforme qui permet d'insérer du HTML personnalisé.

Questions fréquentes sur le widget WhatsApp

Qu'est-ce que le widget WhatsApp ?

C'est une bulle flottante qui s'affiche sur votre site web et permet à vos visiteurs de vous écrire directement sur WhatsApp en un seul clic. Ils n'ont pas besoin d'enregistrer votre numéro ni de remplir de formulaire : la conversation démarre tout de suite.

Comment installer le widget sur mon site web ?

Saisissez votre numéro sur cette page, ajustez les textes et la couleur, et copiez le code qui apparaît en dessous. Collez-le juste avant la balise de fermeture </body> de votre page web et enregistrez.

Une fois installé, la bulle apparaît sur toutes vos pages sans aucun réglage supplémentaire.

C'est gratuit ? Faut-il s'inscrire ?

Le générateur est gratuit et ne demande ni inscription, ni e-mail, ni carte. Le code se génère dans votre navigateur pendant que vous tapez et vous pouvez le copier autant de fois que vous voulez.

Vous n'avez pas non plus besoin d'un compte TBit pour l'utiliser : seulement d'un numéro WhatsApp actif.

Puis-je l'installer sur le site d'un client ?

Oui, c'est justement le cas pour lequel il est pensé. Saisissez le numéro WhatsApp de votre client, ajustez le nom de la marque, la couleur et les textes jusqu'à ce que l'aperçu ressemble à son site, copiez le code et collez-le dans son gabarit.

Vous pouvez le refaire pour autant de clients que vous voulez : chaque code est indépendant et n'est lié à aucun compte.

Puis-je personnaliser le logo ou le message de bienvenue ?

Oui. Vous pouvez ajouter le logo de votre entreprise pour qu'il apparaisse à côté de la bulle et définir le message de bienvenue que verront vos visiteurs, par exemple :

« Bonjour ! Vous voulez en savoir plus sur nos produits ? »

Vous gardez ainsi l'identité visuelle de votre marque et offrez une expérience cohérente dès le premier contact.

Pourquoi ajouter une bulle WhatsApp sur mon site ?

Parce qu'elle transforme les visiteurs en vraies conversations.

Les gens font plus confiance à WhatsApp qu'aux formulaires ou aux e-mails. En offrant un canal direct, vous multipliez vos occasions de vente, vous répondez plus vite et vous créez une relation plus proche avec vos clients.

En quoi est-ce différent d'un chat en direct classique ?

Contrairement à un chat en direct qui disparaît quand le visiteur quitte la page, WhatsApp garde la conversation ouverte même après.

Vous pouvez ainsi poursuivre l'échange, envoyer des informations ou conclure une vente sans perdre le contact avec le client.

Le widget est-il sûr ?

Oui. Toute la communication a lieu directement dans WhatsApp, donc les informations sont protégées par le chiffrement de la plateforme.

TBit ne stocke ni vos messages ni vos conversations. Le code est généré dans votre navigateur avec les données que vous saisissez sur cette page.

Fonctionne-t-il sur n'importe quelle page et dans n'importe quel pays ?

Oui. Le widget fonctionne sur tout site web qui permet d'insérer du code HTML et dans tous les navigateurs modernes. Il vous faut seulement un compte WhatsApp Business ou personnel actif.