Cómo incrustar formularios externos en cualquier página de EdCommerce

Si bien EdCommerce ofrece formularios inteligentes que se sincronizan sin problemas con tu plataforma Edvisor, puede haber ocasiones en las que prefieras utilizar tus propios formularios externos.

En esta guía, te mostraremos los sencillos pasos para insertar cualquier formulario externo en tus páginas de destino de EdCommerce, ofreciéndote lo mejor de ambos mundos.

Casos de uso:

1. Formularios personalizados: Integra formularios personalizados generados por tu CRM para recopilar información específica de los clientes desde tus páginas de comercio electrónico.
2. Visualizaciones dinámicas de productos: Muestra recomendaciones de productos generadas dinámicamente o contenido personalizado basado en las preferencias de los clientes. Mejora la recopilación de clientes potenciales insertando tu formulario de clientes potenciales en páginas con este contenido.
3. Formulario de contacto: Crea una página de "contáctanos" en EdCommerce utilizando el mismo formulario de contacto que usas en tu sitio web. Ejemplo.

¡Comencemos!

Paso 1: Crea un bloque de código HTML

Primero, tendrás que crear o editar una página de EdCommerce:

• En tu cuenta de EdCommerce, navega a 'Páginas' > 'Crear una nueva página'

Estas páginas se crean utilizando bloques personalizados de varios tipos. Para crear una página con un formulario externo insertado, debes seleccionar la opción 'Código HTML'.

Luego, simplemente arrastra y suelta esta opción en el editor de páginas.

Paso 2: Copia y pega el código HTML de tu formulario

Haz clic en el bloque HTML recién añadido para abrir el editor.

Ahora, debes insertar el código HTML de tu formulario en el editor.

Puedes encontrar este código en tu sistema CRM, donde se creó originalmente tu formulario. Simplemente copia el código HTML de tu CRM y luego pégalo en el editor aquí, en EdCommerce.

No olvides guardar los cambios después de pegar el código.

Para que esto funcione, debe ser un código IFRAME.

Ejemplo:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

En algunos casos, el código HTML generado por tu CRM puede estar en forma de script. Para insertar estos scripts en tu página, tendrás que convertir el script en un iframe. Puedes utilizar herramientas en línea como Iframe Generator para realizar esta conversión.

Esto es lo que debes hacer:

• Ve a Iframe Generator o a una herramienta similar.
• Copia el script de tu CRM en el cuadro.
• Cambia configuraciones como el tamaño del iframe si es necesario.
• Haz clic para obtener el código iframe.
• Copia y pega este código en tu bloque HTML de EdCommerce.

Paso 3: Obtén una vista previa y publica tu página

Obtén una vista previa de la página para asegurarte de que el formulario insertado se muestre correctamente.

Si todo aparece según lo previsto, publica la página para aplicar los cambios a tu sitio de comercio electrónico.