Ajouter un bouton de chat WhatsApp à Squarespace

Créez le widget ici, copiez un bloc de HTML et collez-le dans Squarespace. Aucun plugin à installer, aucun abonnement mensuel, et aucun script chargé depuis le serveur de quelqu'un d'autre.

Ouvrir le générateur complet

L'ajouter à Squarespace

Allez dans Paramètres → Avancé → Injection de code sur votre site Squarespace.
Collez le code dans le champ Pied de page.
Enregistrez, puis rechargez votre site en ligne pour voir le bouton.
L'injection de code demande un forfait Business ou supérieur ; sur Personal, ajoutez un bloc de code aux pages concernées.

Pourquoi pas un plugin ?

Un plugin de chat hébergé ajoute une requête tierce à chaque chargement de page, peut changer son propre design sans vous prévenir, et finit généralement par réclamer un abonnement quand votre trafic grandit. Le code que vous créez ici est du HTML, du CSS et du JavaScript bruts qui vivent dans votre propre gabarit : environ 11 Ko, aucune requête externe, et la feuille de route de personne d'autre.

Avant de coller

Créez d'abord le widget dans le générateur complet et utilisez « Télécharger la page de test » pour vérifier le rendu. Copiez ensuite le code et suivez les étapes ci-dessus : collez-le une seule fois, dans un gabarit partagé par toutes les pages, plutôt que page par page.

Questions fréquentes

Le widget de chat va-t-il ralentir mon site ?

Il ajoute environ 11 Ko de HTML, CSS et JavaScript en ligne et ne fait aucune requête réseau : il ne coûte donc aucun téléchargement séparé et ne peut pas bloquer le rendu. Les widgets de chat hébergés chargent généralement 100 Ko ou plus depuis un tiers.

Le widget est-il accessible ?

Les contacts sont de vrais liens : ils fonctionnent sans JavaScript et avec un lecteur d'écran. Le bouton annonce son état, le panneau se ferme avec Échap, le focus y entre et en ressort, chaque cible fait au moins 44 pixels, et l'animation est supprimée si le visiteur demande moins de mouvement.