Comment créer et générer un formulaire de capture de leads

Résumé :

OpenSolar permet une intégration fluide des prospects générés via le formulaire de capture de leads OpenSolar directement dans la plateforme. Les utilisateurs peuvent personnaliser le formulaire, générer un extrait de code à intégrer, et l’ajouter à leur site web ou blog. Le processus est simple, mais nécessite une connaissance de base en HTML/CSS ainsi qu’un accès à une plateforme d’hébergement (par exemple : AWS, WordPress, GoDaddy).

Création du formulaire de capture de leads :

Accédez à :
Contrôle > Autres > Capture de leads

Cliquez sur + Ajouter un formulaire de capture de leads

Choisissez si le formulaire doit apparaître :

• En tant que formulaire intégré dans une page

• En tant que pop-up déclenchée par un bouton ou un lien

Le formulaire comprend quatre sections principales :

• Configuration

• Champs de saisie

• Protection anti-spam (facultative)

• Code d’intégration

Configuration :

La section Configuration permet de définir les paramètres principaux du formulaire :

• Format : Choisissez entre format pop-up ou intégré

• Titre : Nom interne visible dans le tableau de bord OpenSolar

• Attribuer à un membre de l’équipe : Les nouveaux leads seront affectés à cette personne

• Source du lead : Étiquette utilisée pour identifier l’origine du lead

• Titre principal du formulaire : Visible par les clients

• Sous-titre du formulaire : Informations complémentaires

• Texte du bouton d’envoi : Intitulé affiché sur le bouton

• Message de remerciement : Message affiché après soumission du formulaire

Champs de saisie :

Dans cette section, vous définissez quels champs seront inclus dans le formulaire. Exemples :

• Nom de famille

• Numéro de téléphone

• Remarques

• Type de toit

• Nombre de phases

Pour chaque champ, vous pouvez choisir :

• Exclu

• Inclus (optionnel)

• Inclus (obligatoire)

Protection anti-spam :

Pour activer reCAPTCHA de Google :

• Saisissez la clé de site et la clé secrète fournies par Google

• Cela permet d’activer la protection anti-spam avec reCAPTCHA v3

Si vous n’avez pas encore configuré de reCAPTCHA pour votre site, vous pouvez en créer un ici :
https://www.google.com/recaptcha

Code d’intégration (embed) :

Le code d’intégration n’est affiché qu’après avoir enregistré le formulaire.

• Le code reste le même même si vous modifiez les champs du formulaire

• Les modifications sont mises à jour dynamiquement sur le site

• Il n’est pas nécessaire de mettre à jour le code sur le site à chaque modification du formulaire

Intégration du formulaire :

Bien que l’intégration soit simple, elle nécessite :

• Des connaissances de base en HTML

• Un accès à votre environnement d’hébergement

Insertion dans une page :

Supposons que vous souhaitez intégrer le formulaire entre les sections “Nos services” et “Partenaires” de votre site :

1. Copiez le script généré depuis le formulaire de capture

2. Repérez la balise <div> appropriée dans le code HTML de votre site

3. Collez le script à l’endroit souhaité

Exemple :

<!-- Section Nos services -->
<div>...</div>

<!-- Insérer ici le formulaire de capture -->
<script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>

<!-- Section Partenaires -->
<div class="page-section p-100-cont bg-gray">...</div>

4. Enregistrez et téléversez à nouveau le fichier sur votre plateforme d’hébergement

Le formulaire s’affichera immédiatement après publication.

Instructions spécifiques selon les plateformes :

SquareSpace :

1. Accédez à l’éditeur de site

2. Cliquez sur Gérer les sections → Ajouter une section

3. Utilisez un bloc de code pour coller le script

4. Enregistrez les modifications

WordPress.org :

Méthode 1 : éditeur intégré

1. Ajouter un bloc HTML personnalisé (+)

2. Coller le code dans ce bloc

3. Enregistrer et publier

Méthode 2 : via un plugin

1. Ajouter le plugin Code Embed (+)

2. Coller le code dans le plugin

3. Enregistrer et publier

WordPress.com :

Remarque : L’éditeur intégré ne prend pas en charge l’intégration directe

Méthode alternative :

1. Ajouter un plugin Code Embed (+)

2. Coller le code dans le plugin

3. Enregistrer et publier

Wix :

1. Accédez à l’éditeur

2. Ouvrez le Wix App Market

3. Dans la barre d’outils, sélectionnez HTML et choisissez iFrame/Embed HTML

4. Ajoutez-le à votre site

5. Une fenêtre s’ouvre : cliquez sur Entrer le code

6. Collez le code à l’intérieur d’un conteneur <div> :

<div>
  <script></script>
</div>