Partager et intégrer un formulaire

Trois façons d'utiliser un formulaireCopier le lien

• Lien direct — chaque formulaire a sa propre page de réservation. Partagez-la par e-mail, dans votre signature, dans une publicité ou sur les réseaux sociaux.
• L'intégrer à votre site — collez un court code une seule fois ; le formulaire apparaît dans la page, en pop-up, en panneau latéral, en bouton flottant ou, pour les formulaires conversationnels, en barre en bas de page.
• Laisser des agents IA réserver — voir IA dans Réglages des formulaires.

Tout se règle dans l'onglet Affichage de la page du formulaire.

Choisir le mode d'affichageCopier le lien

Sur la page du formulaire, ouvrez Affichage et choisissez une carte :

Le changement est en ligne dès qu'il est enregistré : le code installé sur votre site relit le mode d'affichage, le déclenchement, le ciblage et le design à chaque chargement de page. Vous n'avez jamais besoin de le recoller.

Partager le lien directCopier le lien

La ligne Lien de l'onglet Affichage donne l'adresse du formulaire, sous la forme :

https://app.asknudge.ai/<espace>/<formulaire>

Cliquez sur Ouvrir pour la voir comme un visiteur. Vous pouvez ajouter des paramètres au lien :

Intégrer le formulaire à votre siteCopier le lien

Le code ressemble à ceci :

<script src="https://app.asknudge.ai/widget/loader.js"
  data-org="votre-espace"
  data-form="votre-formulaire" async></script>

Copiez le code depuis l'application plutôt que de le saisir : il contient déjà le nom de votre espace et celui du formulaire. Pour les particularités de chaque outil de création de site et la Content Security Policy, voir Installation et CSP.

Choisir quand il s'ouvreCopier le lien

Le panneau Déclenchement et code contient les règles d'ouverture.

Formulaires classiques (pop-up, panneau latéral, bouton flottant)Copier le lien

• Déclencheur : Manuel (API uniquement) (ne s'ouvre que depuis votre code ou votre bouton), Intention de sortie, Profondeur de défilement (un pourcentage de la page), Temps sur la page (en secondes) ou Clic sur un élément (un sélecteur CSS comme .reserver-demo).
• Fréquence : Une fois par session, Une fois par jour, Une fois par semaine ou Une seule fois.
• Design de l'intégration : opacité de l'overlay, position sur la page, largeur du conteneur, rayon des coins et couleur de fond ; pour le bouton flottant, sa couleur, sa taille, sa position, son décalage, sa forme et un libellé facultatif comme « Réserver un appel ».

Formulaires conversationnels (barre en bas)Copier le lien

Réglez séparément Apparition sur ordinateur et Apparition sur mobile : Immédiate, Après scroll (%), Après délai (secondes) ou Après lecture d'une section (secondes). Le temps n'est compté que lorsque la page est visible.

Pour tous les modesCopier le lien

• Ciblage par appareil : Tous les appareils, Ordinateur uniquement ou Mobile uniquement.
• Masquer si déjà converti : un visiteur qui a déjà envoyé le formulaire ou réservé ne le revoit pas.
• Attendre le consentement aux cookies : le widget attend le consentement de votre bandeau cookies.

Le piloter depuis votre codeCopier le lien

Facultatif, pour les développeurs. Sous API JavaScript, dans le même panneau :

// Ouvrir ou fermer le formulaire depuis vos propres boutons
Nudge.open()
Nudge.close()

// Réagir aux actions des visiteurs
Nudge.on('form_submitted', (data) => {
  console.log('Lead capturé', data)
})
Nudge.on('booking_created', (data) => {
  console.log('Rendez-vous pris', data)
})

Un usage courant : le déclencheur Manuel (API uniquement), avec votre propre bouton « Réserver une démo » qui appelle Nudge.open().

CouleursCopier le lien

Couleurs, dans l'onglet Affichage, règle la couleur principale du formulaire. Pour les formulaires conversationnels, vous pouvez aussi régler la Bulle du visiteur et la Bulle de l'assistant. Les autres réglages visuels (modèle, thème, affichage du calendrier, confirmation) sont communs à tous les formulaires, dans Paramètres › Formulaires › Apparence.

FAQCopier le lien