Comment intégrer un formulaire de contact Livoria sur votre site de photographe
Vous avez configuré votre formulaire dans Livoria, personnalisé les champs, le titre, les couleurs. Il est prêt. Maintenant, il faut le mettre là où vos couples vont le trouver : sur votre site web, sur vos réseaux, sur un stand de salon, ou dans votre signature email.
Ce guide vous accompagne étape par étape, quel que soit l'outil que vous utilisez — et quel que soit le contexte dans lequel vous souhaitez utiliser votre formulaire.
Ce qui a changé : les multi-formulaires
Livoria vous permet désormais de créer plusieurs formulaires, chacun avec sa propre configuration. Rendez-vous dans Paramètres > Formulaire site web : vous y trouverez votre formulaire principal, et un bouton "+ Nouveau formulaire" pour en créer autant que nécessaire.
Chaque formulaire possède son propre nom (visible uniquement par vous), son propre lien, son propre QR Code, et ses propres réglages : champs affichés, couleurs, police, langue, logo, titre, sous-titre, message de confirmation et réponse automatique.
Concrètement, vous pouvez avoir un formulaire "Site web" en français sans logo (puisqu'il est déjà sur votre site), un formulaire "Instagram" en anglais avec votre logo et un titre accrocheur, un formulaire "Salon du mariage" bilingue avec un QR Code imprimé sur votre stand, et un formulaire "Partenaire wedding planner" avec des champs spécifiques comme le budget.
Personnaliser chaque formulaire
Choisir les champs à afficher
Prénom, nom et email sont toujours présents. Pour le reste, vous activez ou désactivez chaque champ selon le contexte : date du mariage, lieu, téléphone, message, partenaire, budget estimé, source de recommandation. Pour un salon, gardez le minimum. Pour votre site, activez le message libre pour laisser le couple s'exprimer.
Personnaliser l'apparence
Chaque formulaire dispose de toggles pour afficher ou masquer le logo, le titre et le sous-titre. Vous choisissez la couleur d'accent, la couleur de fond, la police et le rayon des coins arrondis. Le sélecteur de police vous donne accès à plus de 50 Google Fonts classées par catégorie, avec un moteur de recherche intégré.
Choisir la langue
Livoria propose des presets de langue : français, anglais, espagnol, italien et portugais. Un clic sur la langue pré-remplit tous les libellés du formulaire — labels des champs, placeholders, texte du bouton d'envoi, message de succès. Vous pouvez ensuite ajuster chaque libellé individuellement.
Si vous êtes photographe de destination et que vous recevez des demandes internationales, créez deux formulaires : un en français pour votre marché local, un en anglais pour les couples étrangers. Chacun avec son propre lien que vous pouvez placer au bon endroit.
Message de confirmation et réponse automatique
Personnalisez le message affiché après l'envoi du formulaire. Activez la réponse automatique par email pour que le couple reçoive immédiatement une confirmation. Le sujet et le corps de l'email sont personnalisables, avec des variables dynamiques (prénom, nom, date). N'oubliez pas d'enregistrer vos modifications.
Récupérer vos codes d'intégration
Pour chaque formulaire, Livoria vous fournit trois modes d'intégration plus un QR Code.
Le lien direct est la solution la plus simple. C'est une URL que vous pouvez coller n'importe où — dans un bouton, un lien texte, une bio Instagram, un email. Le couple clique et arrive sur une page dédiée hébergée par Livoria, avec vos réglages personnalisés.
L'iframe est la solution recommandée pour intégrer le formulaire directement dans une page de votre site. Le formulaire apparaît comme s'il faisait partie de votre site, sans que le visiteur ne quitte votre page.
L'intégration script est la solution avancée. Le formulaire s'intègre directement dans votre page et peut hériter de vos styles CSS. C'est l'option la plus propre techniquement, mais elle nécessite un minimum de connaissances en développement.
Le QR Code est généré automatiquement pour chaque formulaire. Vous pouvez le télécharger et l'imprimer sur vos supports physiques.
WordPress
WordPress est l'outil le plus utilisé par les photographes de mariage en France, souvent combiné avec un thème comme Divi, Astra ou OceanWP et le page builder Elementor.
Bouton qui ouvre le formulaire
C'est la méthode la plus rapide. Vous ajoutez un bouton sur votre page contact qui redirige vers votre formulaire Livoria.
Dans Elementor, ajoutez un widget Bouton. Dans le champ "Lien", collez votre lien direct Livoria. Activez l'option "Ouvrir dans un nouvel onglet" si vous souhaitez que votre site reste ouvert en arrière-plan. Personnalisez le style du bouton pour qu'il corresponde à votre charte graphique.
Si vous utilisez l'éditeur Gutenberg natif de WordPress, ajoutez un bloc Boutons, collez le lien, et cochez "Ouvrir dans un nouvel onglet".
Formulaire intégré dans la page
Dans Elementor, ajoutez un widget HTML (ou Code personnalisé dans la version Pro). Collez le code iframe fourni par Livoria dans vos paramètres.
Ajustez la hauteur selon le nombre de champs activés. Pour un formulaire complet, 900 pixels convient. Pour un formulaire court (prénom, email, date), 700 pixels suffit.
Si vous utilisez Gutenberg, ajoutez un bloc HTML personnalisé et collez le même code iframe.
Astuce : si le formulaire est coupé en bas, augmentez la valeur de hauteur dans le code. Si vous voyez une barre de défilement, c'est que la hauteur est trop faible.
Remplacer WPForms ou Contact Form 7
Si vous utilisiez WPForms, Contact Form 7 ou Gravity Forms, vous pouvez simplement remplacer le shortcode de votre ancien formulaire par le code iframe Livoria. Vos demandes arriveront directement dans Livoria au lieu de votre boîte email, avec la création automatique du prospect, la notification et la tâche de suivi.
Wix
Wix ne permet pas d'ajouter du code HTML n'importe où, mais il propose un composant dédié pour les iframes.
Bouton avec lien direct
Ajoutez un Bouton sur votre page contact. Dans les paramètres du bouton, section "Lien", choisissez "Adresse web" et collez votre lien direct Livoria. Activez "Ouvrir dans un nouvel onglet".
Formulaire intégré
Dans l'éditeur Wix, cliquez sur Ajouter (+) puis Intégrations puis HTML personnalisé. Un bloc gris apparaît sur votre page. Cliquez sur "Entrer le code" et collez le code iframe depuis vos paramètres Livoria.
Redimensionnez le bloc pour qu'il occupe la largeur souhaitée. La hauteur se règle directement dans le code.
Attention : sur Wix, les blocs HTML personnalisés ne sont pas toujours bien rendus sur mobile. Testez votre page sur téléphone après publication. Si le rendu n'est pas satisfaisant, privilégiez le bouton avec lien direct pour la version mobile.
Squarespace
Squarespace est populaire chez les photographes qui veulent un design épuré sans se soucier du code.
Bouton avec lien direct
Dans l'éditeur de page, ajoutez un bloc Bouton. Collez votre lien direct Livoria dans le champ URL. Choisissez "Ouvrir dans un nouvel onglet" dans les options.
Formulaire intégré
Ajoutez un bloc Code (disponible dans les plans Business et Commerce). Collez le code iframe depuis vos paramètres Livoria.
Sur Squarespace, le bloc Code respecte la largeur de la colonne dans laquelle il est placé. Placez-le dans une section pleine largeur pour un meilleur rendu.
Note : le bloc Code n'est pas disponible sur le plan Personnel de Squarespace. Dans ce cas, utilisez le bouton avec lien direct.
Showit
Showit est très utilisé par les photographes de mariage haut de gamme, notamment pour son intégration avec les blogs WordPress.
Bouton avec lien direct
Dans l'éditeur Showit, sélectionnez votre bouton de contact ou créez-en un. Dans le panneau de droite, section "Link", collez votre lien direct Livoria. Choisissez "URL" comme type de lien et cochez "Open in new tab".
Formulaire intégré
Showit permet d'ajouter du code HTML via un élément Embed. Ajoutez un nouvel élément sur votre page, choisissez Embed / Code, et collez le code iframe depuis vos paramètres Livoria. Redimensionnez l'élément à la largeur souhaitée.
Showit gère bien le responsive sur les éléments Embed — le formulaire s'adaptera automatiquement à la version mobile de votre page.
Site HTML ou développeur
Si votre site est codé à la main ou par un développeur, l'intégration est directe. Collez le code iframe depuis vos paramètres Livoria à l'endroit souhaité dans votre page. Vous pouvez ajouter un style pour centrer le formulaire et limiter sa largeur maximale à 600 pixels.
Pour un simple bouton, créez un lien classique vers votre URL de formulaire Livoria avec l'attribut target blank pour l'ouvrir dans un nouvel onglet.
Pour l'intégration script, ajoutez le code fourni dans vos paramètres Livoria. Le formulaire sera injecté dynamiquement dans la page et pourra hériter de vos styles CSS existants.
Au-delà du site web : 7 façons d'utiliser vos formulaires
Le formulaire Livoria n'est pas limité à votre site web. Voici des cas d'usage concrets qui exploitent les multi-formulaires.
1. Bio Instagram et réseaux sociaux
Créez un formulaire dédié "Instagram" avec le logo activé, un titre engageant comme "Let's create something beautiful" et les labels en anglais si votre audience est internationale. Collez le lien direct dans votre bio Instagram, dans votre Linktree, ou dans le lien de vos stories.
2. Salon du mariage
Créez un formulaire "Salon" avec le minimum de champs (prénom, email, date du mariage) pour que les couples puissent le remplir rapidement sur leur téléphone. Imprimez le QR Code généré par Livoria sur un chevalet, une carte de visite ou directement sur votre roll-up. Les couples scannent, remplissent, et vous avez leur demande dans Livoria avant même qu'ils quittent votre stand.
3. Carte de visite
Ajoutez le QR Code de votre formulaire sur vos cartes de visite. Plus besoin de noter des emails à la main — le couple scanne et remplit le formulaire quand il est prêt, même trois jours après vous avoir rencontré.
4. Partenariats wedding planners
Créez un formulaire dédié à vos partenaires wedding planners. Activez le champ "budget estimé" et le champ "source" pour savoir quel partenaire vous a recommandé. Partagez le lien direct avec vos partenaires pour qu'ils puissent vous envoyer des couples directement.
5. Publicité en ligne
Si vous faites de la publicité sur Instagram ou Google, utilisez le lien direct de votre formulaire comme URL de destination. Créez un formulaire spécifique avec un titre adapté à votre campagne et les champs essentiels pour qualifier rapidement les demandes.
6. Email et signature
Ajoutez un bouton "Prendre rendez-vous" ou "Me contacter" dans vos emails et dans votre signature email. Utilisez le lien direct de votre formulaire. Chaque email envoyé devient une opportunité de recevoir une nouvelle demande.
7. Portfolio PDF ou brochure digitale
Si vous envoyez un portfolio ou une brochure par email, ajoutez le lien de votre formulaire à la fin du document. Le couple qui vient de parcourir vos images peut immédiatement vous contacter sans avoir à chercher votre site.
Vérifier que tout fonctionne
Après avoir intégré le formulaire sur votre site ou partagé le lien, faites un test complet.
Ouvrez votre formulaire en navigation privée pour simuler un visiteur. Remplissez le formulaire avec une adresse email de test. Cliquez sur "Envoyer". Vérifiez dans Livoria que le prospect apparaît dans votre liste avec toutes les informations renseignées. Vérifiez que vous recevez la notification dans Livoria. Vérifiez que le couple de test reçoit l'email de confirmation automatique si vous l'avez activé.
Si le formulaire ne s'affiche pas dans l'iframe, vérifiez que l'URL est correcte et que votre navigateur n'a pas de bloqueur de contenu actif.
Répétez le test pour chacun de vos formulaires — chaque lien est indépendant et pointe vers la bonne configuration.
Conseils pour maximiser les demandes
Le formulaire seul ne suffit pas. Son emplacement et son contexte comptent autant que son contenu.
Placez le formulaire sur une page dédiée "Contact" mais aussi en bas de votre page d'accueil et de vos galeries. Un couple qui vient de voir vos photos et qui est ému est au meilleur moment pour vous contacter — ne le faites pas chercher le formulaire.
Le texte autour du formulaire compte. Un titre comme "Racontez-moi votre histoire" est plus engageant que "Formulaire de contact". Le sous-titre peut rassurer : "Je reviens vers vous sous 24h" ou "Chaque demande est lue avec attention".
Adaptez la langue au public. Si vous ciblez des couples internationaux, un formulaire en anglais montre que vous êtes prêt à travailler avec eux. Un formulaire bilingue sur un salon de mariage en Provence, où se croisent couples français et étrangers, peut faire la différence.
Gardez le nombre de champs raisonnable. Prénom, email, date du mariage et un message suffisent pour un premier contact. Plus vous demandez d'informations, plus le taux d'abandon augmente. Vous pourrez toujours poser des questions complémentaires lors du premier échange. Pour un salon, réduisez encore : prénom, email et date suffisent — la rapidité prime.
La réponse automatique est votre meilleur allié. Activez-la dans les paramètres de chaque formulaire. Le couple reçoit immédiatement un email confirmant sa demande, ce qui le rassure et vous donne le temps de répondre sereinement. Personnalisez le sujet et le corps de l'email pour chaque formulaire — un email en anglais pour le formulaire anglais, un email plus formel pour le formulaire partenaire.
Ce qu'il faut retenir
L'intégration du formulaire Livoria prend moins de 5 minutes, quel que soit votre outil. Le lien direct fonctionne partout — site, réseaux, email, QR Code. L'iframe intègre le formulaire directement dans votre page pour une expérience fluide. Les multi-formulaires vous permettent d'adapter le message, la langue et les champs à chaque contexte. Le QR Code transforme chaque support physique en point d'entrée digital. Chaque demande crée automatiquement un prospect dans Livoria, déclenche une notification, et peut envoyer un email de confirmation au couple.
Si vous n'avez pas encore configuré vos formulaires, rendez-vous dans Livoria > Paramètres > Formulaire site web pour commencer.