À quoi sert le widget de demande de devis ?
Le widget de demande de devis est un formulaire à intégrer sur votre site web (page contact, vitrine, CMS, WordPress, etc.). Vos visiteurs y renseignent leurs coordonnées et les informations sur leur événement ; chaque envoi crée automatiquement une demande de devis dans NeoVenue, visible dans le menu Demandes de devis.
Vous configurez le formulaire une fois dans NeoVenue (champs, style, salles concernées), puis vous collez un court extrait de code HTML sur votre site. Le formulaire est chargé depuis NeoVenue et se met à jour lorsque vous modifiez la configuration.
Où configurer le widget ?
Connectez-vous à NeoVenue avec un compte ayant les droits sur les paramètres.
Allez dans Paramètres.
Ouvrez Widget et extension.
Cliquez sur l’onglet Widget devis (onglet actif par défaut).
Lien direct : Paramètres → Widget et extension → Widget devis
Prérequis
Avoir au moins une salle créée dans Paramètres → Salles. Sans salle, vous ne pouvez pas créer de formulaire.
Connaître le domaine de votre site (ex.
monsite.frouwww.monsite.fr) pour l’ajouter aux sites autorisés.
Étape 1 — Créer un formulaire
Sur l’onglet Widget devis, cliquez sur Ajouter un formulaire.
Un formulaire est créé avec un token d’intégration unique. Cliquez sur Modifier pour le configurer.
Plusieurs salles : vous pouvez créer un formulaire par salle (jusqu’à autant de formulaires que vous avez de salles). Chaque formulaire possède son propre token et son propre code d’intégration.
Étape 2 — Autoriser votre site et activer le formulaire
Dans la fiche du formulaire :
Sites autorisés
Pour des raisons de sécurité, seules les pages dont le domaine (et éventuellement le chemin) figure dans la liste Sites autorisés à afficher le widget peuvent charger le formulaire et envoyer des demandes.
Renseignez l’origine du site, par ex.
monsite.frouwww.monsite.fr(sanshttps://).Le chemin est optionnel : utilisez-le pour limiter l’affichage à une page précise (ex.
/contact). Laissez vide pour autoriser tout le site.Cliquez sur Ajouter un site si vous devez autoriser plusieurs domaines ou chemins.
Activer le formulaire
Cochez Activer cette page. Tant que le formulaire n’est pas activé, le widget ne fonctionnera pas sur votre site, même si le code est en place.
Étape 3 — Choisir les salles concernées
Si vous gérez plusieurs salles, vous pouvez définir le périmètre du formulaire :
Option | Comportement |
Formulaire pour toutes les salles | Le visiteur choisit la salle dans une liste déroulante. |
Formulaire pour une salle uniquement | La salle est fixée ; le visiteur ne la choisit pas. Utile pour un site dédié à une seule salle ou une page par lieu. |
Si vous n’avez qu’une seule salle, cette section n’apparaît pas : le formulaire s’applique automatiquement à cette salle.
Étape 4 — Personnaliser les champs du formulaire
Dans Champs à afficher dans le formulaire, vous composez le formulaire :
Disponibles (à gauche) : cliquez sur un champ pour l’ajouter au formulaire.
Affichés dans le formulaire (à droite) : réordonnez (↑ ↓), modifiez le libellé, le placeholder, le caractère obligatoire ou optionnel, puis retirez les champs inutiles.
Champs standards
Prénom, nom, e-mail, téléphone, date et type d’événement, horaires, nombre d’invités, message, provenance du client, etc. Le bloc Particulier / Organisation permet au visiteur d’indiquer s’il s’agit d’une entreprise (nom, type d’organisation, fonction du contact).
Champs toujours obligatoires en base : prénom, nom et type d’événement ne peuvent pas être rendus optionnels.
Listes déroulantes
Les listes Type d’événement, Provenance du client, Comment vous nous avez découvert ? et Type d’organisation sont alimentées par Paramètres → Système → Types. Vous pouvez définir l’ordre des options (A → Z ou Z → A) pour chaque liste.
Champs personnalisés
Vous pouvez ajouter des champs texte, nombre ou case à cocher. Leurs réponses sont ajoutées en tête du champ Message / Remarques au format « Libellé : valeur ».
Créneaux horaires
Pour Heure de début et Heure de fin, vous pouvez proposer uniquement des demi-heures (09:00, 09:30, etc.) au lieu de toutes les minutes.
Étape 5 — Choisir le style
Dans Style du formulaire, sélectionnez un preset :
Brut
Élégant / premium
Moderne
Nature / chaleureux / mariage
Personnaliser : saisissez du CSS ciblant
#neovenue-quote-formou.neovenue-quote-form.
Utilisez Prévisualiser le formulaire avec ce style pour voir le rendu avant publication.
Étape 6 — Enregistrer et intégrer le code sur votre site
Cliquez sur Enregistrer la configuration. Le token d’intégration est généré ou conservé à la première sauvegarde.
Dans Code à insérer sur votre site, copiez le snippet affiché. Il ressemble à :
<div id="neovenue-quote-form"></div> <script src="https://admin.neovenue.fr/embed/quote-form.js" data-token="VOTRE_TOKEN"></script>
Collez ce code dans le HTML de la page où vous souhaitez afficher le formulaire (corps de page, bloc HTML personnalisé, etc.).
L’attribut
data-tokenest unique à ce formulaire : ne le partagez pas publiquement en dehors de l’intégration sur vos sites autorisés.
Intégration sur WordPress
Sur WordPress, ajoutez un bloc HTML personnalisé (ou équivalent selon votre thème) sur la page souhaitée, puis collez le snippet. Pensez à ajouter le domaine de votre site WordPress dans Sites autorisés.
Site ou application sur mesure
Le widget HTML convient à la plupart des sites. Si vous développez une application avec votre propre formulaire, votre développeur peut envoyer les données via l’API NeoVenue (create-quote-request-v2) en incluant le token du formulaire ; l’origine de la requête doit correspondre à un site autorisé. Contactez le support NeoVenue si vous avez besoin de la documentation technique détaillée.
Que se passe-t-il après l’envoi ?
La demande apparaît dans Demandes de devis avec le statut En attente.
Vous recevez une notification dans NeoVenue (selon vos réglages dans Paramètres → Notifications).
Des e-mails automatiques peuvent être envoyés au client et à votre équipe si vous avez configuré les modèles Demande de devis dans Paramètres → Modèles d’e-mails.
Depuis la demande, vous pouvez créer un devis, la refuser ou la traiter comme toute autre demande entrante.
Lien direct : Demandes de devis
Vérifier que tout fonctionne
Le formulaire est activé dans NeoVenue.
Le domaine de votre site est bien listé dans Sites autorisés.
Vous avez enregistré après vos modifications.
Le code est collé sur une page dont l’URL correspond à un site autorisé.
Rechargez la page (vidage du cache si nécessaire) et testez un envoi ; la demande doit apparaître dans Demandes de devis.
Si le formulaire ne s’affiche pas, vérifiez la console du navigateur et confirmez que le domaine de la page correspond exactement à l’origine autorisée (avec ou sans www).
À noter
Vous pouvez aussi saisir une demande à la main dans NeoVenue sans passer par le site : voir l’article Comment ajouter manuellement une demande de devis ?
Le widget de devis est distinct du calendrier de disponibilités (onglet Calendrier disponibilités dans la même page) : le calendrier affiche les dates libres ou occupées ; le widget de devis reçoit les demandes de vos visiteurs.
Pour modifier l’apparence ou les champs après mise en ligne, changez la configuration dans NeoVenue et enregistrez : le formulaire sur votre site se met à jour automatiquement au prochain chargement.
Si vous supprimez un formulaire, le code d’intégration associé ne fonctionnera plus.
Mots-clés : demande de devis, widget, formulaire, intégration, site web, embed, HTML, WordPress, sites autorisés, token, NeoVenue, contact.