Comment intégrer le Formulaire de saisie des prospects

Cet article se poursuit avec Comment générer le Formulaire de saisie des prospects. Veuillez consulter l'article précédent si vous n'avez pas généré le code.

L’intégration d’un Formulaire de saisie des prospects sur un site web ou un blog est facile mais nécessite une compréhension de base de HTML/CSS et un accès au serveur où votre site web/article est hébergé. (AWS, Godaddy, Wordpress…)

Il est recommandé que les modifications de code soient effectuées uniquement par un développeur expérimenté pour éviter de perturber le site web. Vous avez également la possibilité de faire implémenter professionnellement votre Intégration de Formulaire de saisie des prospects depuis SunWiz. Pour en savoir plus, cliquez ici : https://tinyurl.com/SunWizSetupServices

PASSER À LA SECTION

Intégrer à la page

Intégration de site Web statique

SquareSpace

Wordpress.org

Wordpress.com

Wix

INTÉGRER À LA PAGE

Intégration de site Web statique

Voici un exemple de site web fictif.

Dans cet exemple, nous intégrerons le formulaire entre la section Nos services et la section Partenaires.

1. Copiez le code généré via le Formulaire de saisie des prospects.
2. Localisez la division (<div>) dans le code HTML du site Web où vous souhaitez intégrer le code. Dans l’exemple ci-dessus, c’est après la Division Photographie.
   <! -- Section Nos Services -->
     <div ..>     <div ..> ..........
           <div class="fes13-title-cont" >
               <h3>Photography</h3>
            </div>
            <div>
             Fermentum nisi in sem fertum blat. In elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
            </div>
        </div>
      </div>
   <! -- C'est là que vous allez insérer le Formulaire de saisie des prospects-->
   <!-- Partner Section -->
    <div class="page-section p-100-cont bg-gray"> ;
3. Collez le code directement dans la zone désignée.
   <! -- Section Nos Services -->
     <div ..> .........
       <div ..> ..........
           <div class="fes13-title-cont" >
               <h3>Photography</h3>
            </div>
            <div>
             Fermentum nisi in sem fertum blat. In elit soldin, elemtum, arenam pur quam volutpat suscipit dictum pur quam.
            </div>
        </div>
      </div>
   <script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>
    <!-- Partner Section -->
    <div class="page-section p-100-cont bg-gray">
4. Téléchargez le fichier mis à jour dans le Gestionnaire de fichiers de votre site web.
5. Vous devriez pouvoir voir le Formulaire de saisie des prospects instantanément.

Vous pouvez également intégrer le formulaire si vous utilisez Wordpress, Wix ou Squarespace en utilisant les fonctionnalités intégrées. 

SquareSpace

1. Accédez à votre site web
2. Cliquez sur Gérer les sections et Ajouter une nouvelle section
3. Cliquez sur Éditer la section et ajoutez (+) Bloc de code.
4. Collez le snippet de code et sauvegardez.
5. Le formulaire devrait maintenant être visible du public.

Wordpress.org

Éditeur intégré

1. Ajouter (+) HTML personnalisé
2. Collez le snippet de code dans le HTML personnalisé.
3. Sauvegarder et publier

Méthode alternative

1. Ajouter (+) plugin - Code intégré
2. Collez le snippet de code dans le plug-in.
3. Sauvegarder et publier.

Wordpress.com

Éditeur intégré (intégration non prise en charge par Wordpress)

Méthode alternative

1. Ajouter (+) plugin - Code intégré
2. Collez le snippet de code dans le plug-in.
3. Sauvegarder et publier.

Wix

1. Aller à l'éditeur
2. Cliquez sur le marché Wix App
3. Dans la barre d’outils, sélectionnez HTML et choisissez HTML iFrame/Intégrer
4. Ajouter sur le site
5. Une fenêtre apparaît. Cliquez sur Saisir Code.
6. Collez le code dans <div> wrapper.
   <div><script></div>