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

Last updated: July 27, 2026

Explica cómo incrustar un formulario de terceros (por ejemplo, uno creado en tu CRM) en una página de destino de EdCommerce usando el bloque de página 'Código HTML'. Los tres pasos son: crear o editar una página en 'Páginas' y arrastrar un bloque de Código HTML, abrir el editor del bloque y pegar el código de tu formulario, luego previsualizar y publicar. La incrustación debe ser código IFRAME — si tu CRM solo genera un script, conviértelo con una herramienta como Iframe Generator antes de pegarlo. Los casos de uso típicos incluyen formularios CRM personalizados, exhibiciones dinámicas de productos con un formulario de contacto, y una página de "contáctanos" reutilizando tu formulario de contacto existente en el sitio web.

Mientras Edcommerce ofrece formularios inteligentes que se sincronizan sin problemas con tu plataforma Edvisor, puede haber ocasiones en las que prefieras usar tus propios formularios externos.

En esta guía, te guiaremos a través de los pasos simples para incrustar 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 capturar información específica del cliente desde tus páginas de eCommerce.
  2. Exhibiciones Dinámicas de Producto: Muestra recomendaciones de productos generadas dinámicamente o contenido personalizado basado en las preferencias del cliente. Mejora la recopilación de clientes potenciales incrustando tu formulario de clientes potenciales en páginas con este contenido.
  3. Formulario de Contacto: Crea una página de "contáctanos" en Edcommerce usando el mismo formulario de contacto que usas en tu sitio web. Ejemplo.

¡Comencemos!

Paso 1: Crear un bloque de Código HTML

Primero, necesitarás crear o editar una página de Edcommerce:

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

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

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

Paso 2: Copiar y Pegar el Código HTML de tu Formulario

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

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

Puedes encontrar este código en tu sistema CRM, donde tu formulario fue creado originalmente. Simplemente copia el código HTML de tu CRM y pégalo aquí en Edcommerce.

No olvides guardar tus 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 podría estar en forma de script. Para incrustar estos scripts en tu página, necesitarás convertir el script en un iframe. Puedes usar herramientas en línea como Generador de Iframes para esta conversión.

Esto es lo que debes hacer:

  • Ve a Generador de Iframes o una herramienta similar.
  • Copia tu script de CRM en el cuadro.
  • Cambia configuraciones como el tamaño del iframe si lo necesitas.
  • Haz clic para obtener el código del iframe.
  • Copia y pega este código en tu bloque HTML de Edcommerce.

Paso 3: Vista previa y Publica tu Página

Previsualiza la página para asegurarte de que el formulario incrustado se muestre correctamente.

Si todo aparece como se espera, publica la página para aplicar los cambios a tu sitio de Edcommerce.