Skip to main content

Ajouter le widget de prospects à votre site web

Tous les forfaitsDébutant5 minutesMis à jour le 26 août 2026

Allez dans Paramètres > Intégrations > Widgets de site web, configurez le bouton flottant (formulaire de contact, prise de rendez-vous, WhatsApp), copiez l'extrait de code généré et collez-le avant la balise de fermeture du corps de votre site web. Les soumissions arrivent instantanément dans WorkZen sous forme de prospects et de demandes de réservation.

Votre site web reçoit déjà des visiteurs. Le bouton flottant les transforme en prospects : une bulle dans le coin de chaque page qui propose un formulaire de contact, une véritable prise de rendez-vous selon vos disponibilités réelles, et une ligne WhatsApp, le tout alimentant directement WorkZen.

Configurer le widget

Allez dans Paramètres > Intégrations > Widgets de site web et ouvrez l'onglet Bouton flottant. Activez n'importe quelle combinaison des options suivantes :

  • Formulaire de contact : les visiteurs vous envoient un message, qui devient un prospect.
  • Planificateur : les visiteurs prennent rendez-vous, ce qui devient une demande de réservation.
  • WhatsApp : un bouton de clavardage qui ouvre WhatsApp vers votre numéro (indiquez le numéro avec l'indicatif du pays).

Le texte du bouton de chaque option est modifiable, de sorte que « Prendre un rendez-vous » peut devenir « Réservez mon estimation ».

Règles de réservation

Le planificateur réserve selon des règles que vous contrôlez :

ParamètreOptions
Disponibilité des réservationsVos heures d'ouverture uniquement, ou 24/7
Intervalle des créneauxToutes les 15 ou 30 minutes, toutes les heures, ou toutes les 2 heures
Afficher la sélection de servicePermettre aux visiteurs de choisir un type de service avant de sélectionner une heure
Demander l'adresseRecueillir l'adresse de la visite pendant la réservation
Afficher une plage horaireProposer une fenêtre d'arrivée (14 h à 16 h) au lieu d'une heure exacte, avec une durée de fenêtre de 1 à 4 heures

Cliquez sur Enregistrer les paramètres du widget et les modifications sont publiées immédiatement sur votre widget en direct.

Installez-le

Copiez l'extrait de la case Code généré et collez-le juste avant la balise </body> fermante de votre site. Dans les constructeurs de site (Wix, Squarespace, Webflow, Shopify), collez-le dans le paramètre « code personnalisé » ou « code de pied de page ». C'est toute l'installation.

L'Aperçu en direct sur la page des paramètres montre exactement ce que les visiteurs verront avant même que vous ne touchiez à votre site.

Verrouillez-le à vos domaines

Le widget s'authentifie avec une clé du widget publique. Par défaut, il se charge sur n'importe quel domaine, et la page des paramètres vous en avertit. Ajoutez votre site sous Domaines autorisés et le widget refusera de se charger ailleurs. Si la clé se retrouve un jour là où elle ne devrait pas, Régénérer en émet une nouvelle (mettez ensuite à jour votre extrait de code).

Personnalisez-le

Plan availability

La personnalisation du widget nécessite ZenGrow ou un forfait supérieur : la couleur du thème de votre marque, un choix d'icônes de bouton, la position en bas à gauche ou en bas à droite, et le retrait de la mention « Powered by WorkZen ». Sur le forfait gratuit, le widget fonctionne avec l'apparence par défaut de WorkZen.

Aller plus loin

Les développeurs peuvent ouvrir le widget depuis des boutons déjà présents sur votre site, le piloter avec JavaScript, et envoyer les conversions à Google Analytics. Consultez personnaliser le widget de site web avec votre propre code.

Où vont les soumissions

  • Les soumissions du formulaire de contact apparaissent dans Prospects, prêtes à être réclamées.
  • Les demandes de réservation apparaissent sur votre Tableau de bord ; en accepter une crée la visite sur votre calendrier.

Étape par étape

  1. 1

    Configurer le widget

    Allez dans Paramètres > Intégrations > Widgets de site web et ouvrez l'onglet Bouton flottant. Activez les options de formulaire de contact, de planificateur et de WhatsApp que vous souhaitez.

  2. 2

    Définir vos règles de réservation

    Choisissez la disponibilité des réservations (heures d'ouverture ou 24/7), l'intervalle des créneaux horaires, la sélection de service et si vous souhaitez recueillir l'adresse de la visite.

  3. 3

    Copier le code

    Copiez l'extrait de code généré et collez-le avant la balise de fermeture du corps sur votre site web.

  4. 4

    Regardez les prospects arriver

    Les soumissions de contact deviennent des prospects et les réservations apparaissent sur votre tableau de bord comme demandes de réservation.

Frequently Asked Questions

Si vous pouvez coller un extrait de code dans le HTML de votre site (ou dans la case « code personnalisé » de votre constructeur de site), non. L'installation complète tient en un copier-coller.
Oui, le widget fonctionne sur tous les forfaits, y compris le forfait gratuit. Personnaliser ses couleurs, son icône et sa position, et retirer la mention WorkZen, nécessite ZenGrow ou un forfait supérieur.
La clé du widget est publique par conception, mais vous pouvez la verrouiller. Ajoutez vos domaines sous Domaines autorisés et le widget refusera de se charger ailleurs. Si une clé fuite, régénérez-la.
Les soumissions du formulaire de contact arrivent comme prospects dans votre section Prospects. Les demandes de réservation apparaissent sur votre tableau de bord, où les accepter crée la visite.
Cet extrait fonctionne aussi sur WordPress, mais il existe également une extension dédiée [Connecteur WorkZen](/fr/help/integrations/connect-wordpress-connector/) qui capture les soumissions des extensions de formulaire que vous utilisez déjà (Contact Form 7, WPForms, Elementor, et plus encore).

Cet article répond à :

  • Comment ajouter un formulaire de contact à mon site web ?
  • Comment permettre à mes clients de prendre rendez-vous depuis mon site web ?
  • Comment installer le widget WorkZen ?
  • Comment restreindre les sites qui peuvent utiliser mon widget ?

Vous avez encore des questions?

Parcourez le centre d'aide, ou lancez-vous et voyez par vous-même. WorkZen est gratuit pour commencer.

Retour au centre d'aide