Cómo incrustar tus formularios de Edcommerce en cualquier página de destino o sitio web externo.

Last updated: July 27, 2026

Explica cómo copiar un iframe de formulario de clientes de EdCommerce desde Configuración > Comercio Electrónico > Formularios — ya sea por oficina a través del menú de 3 puntos o un solo formulario para todas las oficinas a través del botón 'Copiar iframe para formulario de clientes' en el menú superior — y pegar el HTML en cualquier sitio web externo o CMS como WordPress/Elementor, Shopify o Wix. También documenta dos personalizaciones realizadas editando la URL del iframe: añadiendo un código de idioma (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) y añadiendo un código HEX para establecer el color del botón Enviar. Solo los formularios de clientes pueden ser incrustados externamente — los formularios de reserva son solo para EdCommerce — y los clientes enviados se sincronizan con Edvisor, se asignan automáticamente al consejero correcto según tus reglas comerciales, y aparecen en la canalización y etapa correctas.

Edcommerce ofrece una función poderosa que te permite crear y personalizar diferentes formularios de clientes y reserva, facilitando la recopilación de la información correcta de tus clientes y reservas.

En este artículo, te mostraremos cómo incrustar tus formularios de clientes en otras páginas de tu sitio web, permitiendo la recopilación de clientes no solo desde tu tienda en línea, sino desde cualquier página web.

\Estos clientes luego se sincronizarán con tu cuenta de Edvisor, se asignarán automáticamente a los consejeros correctos y se agregarán a la canalización y etapa apropiadas.*

*Si aún no has configurado tus formularios, consulta este artículo para aprender cómo configurar y personalizar formularios dentro de tu sitio de Edcommerce.

**Ten en cuenta que solo formularios de clientes pueden ser incrustados en tu sitio web. Los formularios de reserva son exclusivamente para Edcommerce.

Cómo incrustar tus formularios de Edcommerce en cualquier página de destino o sitio web

  • Ve a: Configuración > Comercio Electrónico > Formularios.

Luego, haz clic en el icono de 3 puntos junto a cada oficina, y selecciona 'Copiar iframe para formulario de clientes' si deseas incrustar un formulario creado para una oficina específica.

O simplemente haz clic en el 'Copiar iframe para formulario de clientes' botón del menú superior para incrustar un formulario único (para todas tus oficinas).

Obtendrás un código HTML para copiar y pegar en tu sitio web.

Si usas un CMS como WordPress (con un constructor de sitios como Elementor o Visual Composer), Shopify, o Wix, generalmente ofrecen un método sencillo para incrustar cosas con fragmentos de código HTML.

Esto suele ser un widget o un elemento en tu caja de herramientas que simplemente puedes arrastrar y soltar.

Por ejemplo, si usas un constructor de sitios como Elementor, puedes agregarlo a través de su widget HTML.

Cómo personalizar el idioma de tu formulario

Si deseas definir el idioma del formulario principal, agrega el código de idioma al final de la URL dentro del código HTML:

Ejemplo:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

Aquí puedes ver los códigos de idioma para los diferentes idiomas disponibles:

  • EN = Inglés
  • PT = Portugués
  • ES = Español
  • ES_MX = Español latinoamericano
  • PT_BR = Portugués brasileño
  • DE = Alemán
  • IT = Italiano
  • TR = Turco
  • FR = Francés
  • JA = Japonés
  • KO = Coreano

Cómo personalizar el color de tu botón de formulario

También puedes personalizar el color del botón 'Enviar' en tus formularios principales incrustados para que coincida con tu marca. Es simple:

  1. Encuentra el código HEX de tu color de marca (Ejemplo #4EB2F4).
  2. Agrega este código HEX a la URL del formulario que deseas incrustar.

Por ejemplo, si deseas usar el color con el código HEX #4EB2F4, tu URL se verá algo así:

<iframe title="Formulario de Lead">
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447">
    width="500">
    height="900">
    frameborder="0">
    allowfullscreen="true">
</iframe>

¡Simplemente reemplaza #4EB2F4 con tu código HEX personalizado para ver cómo sucede la magia!

Una vez que un estudiante complete uno de estos formularios, el lead será asignado al consejero adecuado según las reglas comerciales establecidas en la configuración de tu EdCommerce. Estos leads también se sincronizan con tu cuenta de Edvisor y se agregan al pipeline y etapa correctos.