Cómo integrar el formulario de captación de clientes potenciales

Este artículo es una continuación del artículo Cómo crear un formulario de captación de clientes potenciales. Puede visitar el artículo anterior si aún no ha generado el código.

Integrar un formulario de captación de clientes potenciales en una página web o blog es sencillo, pero requiere unos conocimientos básicos de HTML/CSS y acceso al servidor donde se almacena su página web o artículo. (AWS, Godaddy, Wordpress, etc.)

Le recomendamos que los cambios en el código los realice un programador cualificado para evitar errores en la página web. También puede integrar el formulario de captura de clientes potenciales a través de un servicio profesional con SunWiz. Puede consultar más información aquí: https://tinyurl.com/SunWizSetupServices

IR AL APARTADO

Integrar en la página

Integración estática en la página web

SquareSpace

Wordpress.org

Wordpress.com

Wix

INTEGRAR EN LA PÁGINA

Integración estática en la página web

Este es un ejemplo de página web ficticio.

En este ejemplo, integraremos el formulario entre el apartado Nuestros servicios y el de Socios.

1. Copie el código generado mediante el formulario de captación de clientes potenciales.
2. Localice la etiqueta «<div>» en el código HTML de la página web donde quiere integrar el código. En el ejemplo anterior, se encuentra después de la división Photography.
   <! -- Our Services Section -->
     <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>
   <! -- Aquí es donde insertará el formulario de captación de clientes potenciales -->
   <!-- Partner Section -->
   <div class="page-section p-100-cont bg-gray">
3. Pegue el código directamente en el área indicada.
   <! -- Our Services Section -->
     <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. Suba el archivo actualizado mediante el gestor de archivos de su página web.
5. Debe poder ver el formulario de captación de clientes potenciales en el momento.

También puede integrar el formulario si utiliza Wordpress, Wix o SquareSpace a través de las funciones incorporadas.  

SquareSpace

1. Vaya a su página web
2. Haga clic en Gestionar secciones y Añadir una nueva sección
3. Haga clic en Editar sección y añadir (+) Bloque de código.
4. Pegué el fragmento de código y guarde.
5. El formulario debe ahora estar visible al público.  

Wordpress.org

Editor integrado

1. Añadir (+) HTML personalizado
2. Pegue el fragmento de código en el HTML personalizado.
3. Guarde y publique

Método alternativo

1. Añadir (+) plugin - Insertar código
2. Pegue el fragmento de código en el plugin.
3. Guarde y publique.

Wordpress.com

Editor integrado (integración no compatible con Wordpress)

Método alternativo

1. Añadir (+) plugin - Insertar código
2. Pegue el fragmento de código en el plugin.
3. Guarde y publique.

Wix

1. Vaya al editor
2. Haga clic en el mercado Wix App
3. En la barra de herramientas, seleccione HTML y elija HTML iFrame/Embed
4. Añadir a la página
5. Aparecerá una ventana. Haga clic en Introducir código.
6. Pegue el código dentro de la etiqueta <div>.
   <div><script></div>