Installer le formulaire de RDV
Ajoutez le formulaire de RDV Nudge à votre page Contact avec une seule balise, dans la page, derrière un bouton ou en lien à partager.
Ce qu’est le formulaire de RDV
En plus de la barre de chat, le Website Agent a un second affichage : le formulaire de RDV, pensé pour votre page Contact. Le visiteur saisit ses coordonnées, puis choisit un créneau. Rendez-vous et contacts arrivent au même endroit que ceux du chat : Rendez-vous et Contacts.
Pour régler ses questions et ses règles de réservation, voir la section Website Agent. Cette page explique comment le placer sur votre site.
Avant de commencer
Le formulaire de RDV est affiché par le même script Nudge que le widget. Installez d’abord le snippet du widget sur votre site (voir Installer l’agent sur votre site). Vous ajoutez ensuite une simple balise sur votre page Contact : pas de second script.
Obtenir la balise
Ouvrez le formulaire de RDV
Dans Nudge, allez dans Agents › Website Agent › Sur votre site. Sur la ligne Formulaire de RDV, cliquez sur Configurer.
Ouvrez la fenêtre d’installation
Cliquez sur Installer sur mon site. La fenêtre Installer le formulaire s’ouvre.
Choisissez où l’afficher
Dans Où l’afficher, choisissez l’une des trois options :
| Option | Ce que vous obtenez |
|---|---|
| Dans la page | Le formulaire s’affiche dans votre page, là où vous collez la balise. |
| Bouton qui l’ouvre | Un bouton. Un clic ouvre le formulaire par-dessus la page. |
| Lien à partager | Un lien qui ouvre le formulaire sur une page à lui, sans votre site autour. |
Choisissez votre site et copiez
Dans Votre site, choisissez Framer, WordPress, Webflow ou Code HTML : la balise est la même, seules les consignes changent. Cliquez sur Copier le code (ou Copier le lien).
Les balises
La valeur est l’identifiant de votre formulaire de RDV ; l’app la remplit pour vous.
<div data-nudge-form="your-booking-form"></div>Le formulaire prend toute la largeur de son conteneur, et sa hauteur s’adapte à son contenu.
Où la coller
Collez la balise sur votre page Contact, là où le formulaire doit apparaître :
| Site | Où |
|---|---|
| Framer | Ajoutez un bloc Embed sur la page Contact, puis collez le code. |
| WordPress | Ajoutez un bloc « HTML personnalisé » sur la page Contact, puis collez le code. |
| Webflow | Ajoutez un élément Embed sur la page Contact, puis collez le code. |
| Code HTML | Collez le code dans le HTML de la page Contact, là où le formulaire doit apparaître. |
Le bouton peut aller n’importe où : dans un en-tête, une section tarifs, sur plusieurs pages.
Publiez ensuite la page.
Vérifier l’installation
- Ouvrez une fois la page Contact publiée dans votre navigateur.
- Dans la fenêtre d’installation, cliquez sur Vérifier l’installation.
Quand le formulaire a été vu sur une page, Nudge affiche « Formulaire détecté sur votre page … », et l’en-tête du formulaire de RDV passe de Pas encore installé à Installé sur votre site. La ligne Formulaire de RDV de Sur votre site indique Installé.
Si Nudge répond « Pas encore détecté » : publiez la page, ouvrez-la une fois dans votre navigateur, puis vérifiez à nouveau. Si la Content Security Policy de votre site bloque Nudge, la fenêtre liste les sources à ajouter : voir Content Security Policy.
Bon à savoir
- Le script doit être sur la page. La balise seule n’affiche rien : c’est le snippet Nudge installé sur tout le site qui trouve la balise et affiche le formulaire. Si le widget est en pause, ou si votre espace n’a pas de formule active, le script ne charge rien et le formulaire ne s’affiche pas non plus.
- Les pages exclues affichent quand même le formulaire. Si vous masquez la barre de chat sur votre page Contact avec un motif d’URL exclu, le formulaire de RDV placé sur cette page s’affiche quand même.
- Les pages construites après le chargement sont prises en charge. Le formulaire apparaît aussi quand votre outil ajoute le bloc après le chargement de la page, ou quand le visiteur navigue dans un site monopage.
- Un seul espace. La balise n’affiche qu’un formulaire de RDV de l’espace auquel appartient le snippet.
Dépannage
Autres plateformes
Installez le snippet Nudge sur un site codé à la main, une app Next.js ou React, Shopify, Wix, Squarespace ou toute plateforme qui permet d’ajouter du code.
Content Security Policy (CSP)
Si votre site envoie une Content-Security-Policy, autorisez https://app.asknudge.ai dans script-src, connect-src et frame-src, et autorisez les styles inline.