Cómo crear y generar un formulario de captura de clientes potenciales

Resumen:

OpenSolar permite la integración directa de leads generados mediante el formulario de captura de leads dentro de la plataforma. Los usuarios pueden personalizar el formulario, generar un código embebido y colocarlo en su sitio web o blog empresarial. Aunque el proceso es sencillo, requiere conocimientos básicos de HTML/CSS y acceso a una plataforma de alojamiento (por ejemplo: AWS, WordPress, GoDaddy).

Crear el formulario de captura de leads:

Navega a:
Control > Otros > Captura de leads

Haz clic en + Añadir formulario de captura de leads

Elige si el formulario debe mostrarse como:

• Formulario embebido en una página

• Formulario emergente (pop-up) que aparece al hacer clic en un botón o enlace

El formulario se compone de cuatro secciones clave:

• Configuración

• Campos de entrada

• Protección contra spam (opcional)

• Código embed

Configuración:

La sección de configuración permite establecer los parámetros principales del formulario:

• Formato: Selecciona entre formato emergente o embebido

• Título: Nombre interno visible en el panel de OpenSolar

• Asignar a miembro del equipo: Los nuevos leads se asignan a esta persona

• Fuente del lead: Etiqueta para identificar el origen del lead

• Encabezado del formulario: Título principal visible para los clientes

• Subtítulo del formulario: Texto de contexto adicional

• Texto del botón de envío: Texto que aparece en el botón

• Mensaje de agradecimiento: Confirmación mostrada tras el envío

Campos de entrada:

Esta sección define qué campos aparecen en el formulario. Ejemplos:

• Apellido

• Número de teléfono

• Notas

• Tipo de tejado

• Número de fases

Cada campo puede configurarse como:

• Excluido

• Incluido (opcional)

• Incluido (obligatorio)

Protección contra spam:

Para activar Google reCAPTCHA v3:

• Introduce la clave del sitio (Site Key) y la clave secreta (Secret Key) proporcionadas por Google

• Si aún no has creado una reCAPTCHA para tu sitio, puedes hacerlo aquí:
  https://www.google.com/recaptcha

Código embed:

El código solo estará visible una vez que hayas guardado el formulario.

• El código no cambia aunque edites los campos

• Los cambios se reflejan automáticamente en el sitio web

• No necesitas volver a insertar el código tras cada edición

Integrar el formulario:

Aunque es sencillo, requiere:

• Conocimientos básicos de HTML

• Acceso al entorno de alojamiento del sitio web

Insertar en la página:

Supongamos que deseas insertar el formulario entre las secciones “Nuestros servicios” y “Socios” de tu sitio web:

1. Copia el script generado del formulario

2. Encuentra la etiqueta <div> adecuada en el código HTML de tu sitio

3. Pega el script en la ubicación deseada

Ejemplo:

<!-- Sección: Nuestros servicios -->
<div>...</div>

<!-- Formulario de captura de leads -->
<script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>

<!-- Sección: Socios -->
<div class="page-section p-100-cont bg-gray">...</div>
 

4. Guarda el archivo y vuelve a subirlo a tu plataforma de alojamiento

El formulario se mostrará inmediatamente al publicarlo.

Instrucciones específicas por plataforma:

SquareSpace:

1. Entra al editor del sitio

2. Haz clic en Administrar secciones → Añadir sección

3. Usa el bloque de código para pegar el script

4. Guarda los cambios

WordPress.org:

Método 1: Editor incorporado

1. Añade un bloque de tipo HTML personalizado (+)

2. Pega el código dentro del bloque

3. Guarda y publica

Método 2: Usando un plugin

1. Instala el plugin Code Embed (+)

2. Pega el código en el plugin

3. Guarda y publica

WordPress.com:

Nota: El editor incorporado no admite integración directa

Método alternativo:

1. Instala el plugin Code Embed (+)

2. Pega el código en el plugin

3. Guarda y publica

Wix:

1. Ve al editor de Wix

2. Accede a la Wix App Market

3. En la barra de herramientas, selecciona HTML > HTML iFrame/Embed

4. Añádelo al sitio

5. Aparecerá una ventana emergente: haz clic en Insertar código

6. Pega el script dentro de un contenedor <div>:

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