Incorporación de EdCommerce en sitios web externos

Last updated: October 16, 2026

Guía consolidada para insertar contenido de EdCommerce en sitios web externos y páginas de destino, que abarca tres métodos. (1) Insertar formularios de clientes potenciales: copia un iframe de formulario de clientes potenciales de EdCommerce desde Configuración > Ecommerce > Formularios — ya sea por oficina mediante el menú de 3 puntos o un único formulario para todas las oficinas mediante el botón del menú superior 'Copiar iframe para formulario de clientes potenciales' — y pega el HTML en cualquier sitio web externo o CMS, como WordPress/Elementor, Shopify o Wix; personalízalo editando la URL del iframe para añadir un código de idioma (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) o un código HEX para establecer el color del botón Enviar. Solo los formularios de clientes potenciales pueden insertarse externamente — los formularios de reserva son exclusivos de EdCommerce — y los clientes potenciales enviados se sincronizan con Edvisor, se asignan automáticamente al asesor adecuado según las reglas de tu negocio y llegan al embudo y la etapa correctos. (2) Insertar widgets de programas: crea un widget en Configuración de EdCommerce > Widgets, personaliza su apariencia y pega el fragmento de código generado en un bloque HTML, con instrucciones paso a paso para WordPress (Elementor y Visual Composer), Wix y Squarespace, además de casos de uso. (3) Añadir EdCommerce a WordPress: enlaza un sitio de EdCommerce desde un menú de navegación de WordPress mediante Apariencia > Menús usando un Enlace personalizado a tu URL de EdCommerce (que se encuentra en Configuración > EdCommerce > Detalles de EdCommerce), idealmente configurado para abrirse en una pestaña nueva.

Con EdCommerce puedes llevar tu contenido a cualquier sitio web externo o página de destino, ya sea insertando formularios de clientes potenciales, insertando widgets de programas o añadiendo un enlace a tu sitio de EdCommerce. Este artículo cubre las tres opciones.

Insertar formularios de EdCommerce

EdCommerce ofrece una potente función que te permite crear y personalizar diferentes formularios de clientes potenciales y reservas, lo que facilita recopilar la información adecuada de tus clientes potenciales y reservas.

Aquí te mostraremos cómo insertar tus formularios de clientes potenciales en otras páginas de tu sitio web, lo que permite recopilar clientes potenciales no solo desde tu tienda en línea, sino desde cualquier página web.

\Estos clientes potenciales se sincronizarán con tu cuenta de Edvisor, se asignarán automáticamente a los asesores adecuados y se añadirán al embudo y la etapa correspondientes.*

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

**Ten en cuenta que solo los formularios de clientes potenciales pueden insertarse en tu sitio web. Los formularios de reserva son exclusivamente para EdCommerce.

Cómo insertar tus formularios de EdCommerce en cualquier página de destino o sitio web

  • Ve a: Configuración > Ecommerce > Formularios.

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

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

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

Si utilizas un CMS como WordPress (con un creador de sitios como Elementor o Visual Composer), Shopify o Wix, normalmente ofrecen un método sencillo para insertar elementos mediante fragmentos de código HTML.

Por lo general, se trata de un widget o un elemento de tu caja de herramientas que puedes arrastrar y soltar.

Por ejemplo, si utilizas un creador de sitios web como Elementor, puedes añadirlo mediante su widget HTML.

Cómo personalizar el idioma de tu formulario

Si quieres definir el idioma del formulario de clientes potenciales, añade 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 del botón de tu formulario

También puedes personalizar el color del botón «Enviar» en tus formularios de clientes potenciales insertados para que coincida con tu marca. Es sencillo:

  1. Busca el código HEX del color de tu marca (ejemplo: #4EB2F4).
  2. Añade este código HEX a la URL del formulario que quieres insertar.

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

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

¡Solo tienes que reemplazar #4EB2F4 con tu código de color HEX personalizado para ver la magia!

Una vez que un estudiante completa uno de estos formularios, el cliente potencial se asignará al asesor adecuado según las reglas comerciales establecidas en la configuración de EdCommerce. Estos clientes potenciales también se sincronizan con tu cuenta de Edvisor y se añaden al embudo y a la etapa correspondientes.

Cómo insertar programas de EdCommerce

Con EdCommerce, no solo puedes crear páginas de destino de comercio electrónico elegantes e incluso crear sitios web completos, sino que también puedes integrar fácilmente sus potentes funciones en cualquier sitio web existente que utilices.

Esto significa que obtienes lo mejor de ambos mundos: la funcionalidad de tu sitio web actual y las potentes funciones de EdCommerce.

Puedes hacer esto creando e integrando un widget. Veamos cómo hacerlo.

Cómo crear un widget de EdCommerce

  1. Accede a la configuración de EdCommerce: Inicia sesión en tu cuenta de EdCommerce y dirígete a la sección 'Configuración'.
  2. Crea un widget: En el menú de la izquierda, selecciona 'Widgets' y luego 'Crear nuevo widget'.
  3. Completa los detalles del widget: Completa el formulario con el nombre de tu widget, el idioma preferido, la moneda y la nacionalidad del estudiante.
  4. Elige el contenido: Selecciona qué programas o proveedores educativos mostrar en tu widget. Simplemente haz clic en "Programas" o "Proveedores" y elige los que quieras mostrar de la lista de la derecha.
  5. Personaliza la apariencia: Ajusta la apariencia del widget editando el estilo de fuente, el color de fondo y la sombra del cuadro para que coincida con el diseño de tu sitio web. También puedes modificar el espaciado para que se ajuste mejor haciendo clic en el ícono cuadrado dentro de la vista previa del widget.
  6. Guarda tu widget: Cuando estés satisfecho con la configuración, haz clic en 'Guardar'.

Después de guardar tu widget, obtendrás un fragmento de código.

Este código debe añadirse a tu sitio web; sigue leyendo para saber cómo hacerlo.

Cómo añadir un widget de EdCommerce a tu sitio

Simplemente abre la página de tu sitio web donde quieras colocar este widget e inserta un cuadro HTML con el código.

Dependiendo del CMS de tu sitio web (como WordPress o Wix), el método para añadir este código puede variar. Por lo general, todos los editores de sitios web te permiten arrastrar y soltar un cuadro HTML.

Aquí tienes algunos ejemplos:

WordPress (con Elementor):

  • Abre con Elementor la página que quieres editar.
  • Arrastra el widget 'HTML' desde el panel izquierdo hasta el lugar de tu página donde quieras colocar el widget.
  • Pega el fragmento de código de EdCommerce en el cuadro de código HTML.
  • Haz clic en 'Actualizar' para guardar los cambios.

WordPress (con Visual Composer):

  • Edita la página donde quieres incluir el widget.
  • Haz clic en el botón '+' para añadir un nuevo elemento.
  • Elige 'HTML sin formato' o 'HTML personalizado' entre los elementos de contenido.
  • Pega el fragmento de código de EdCommerce en el cuadro de texto.
  • Guarda los cambios haciendo clic en 'Actualizar' en la página.

Wix:

  • Dirígete a la página que quieres editar en el Editor de Wix.
  • Haz clic en 'Añadir' (+) en el lado izquierdo del editor y selecciona 'Más'.
  • Elige 'iframe HTML' en el menú desplegable.
  • Haz clic en 'Introducir código' y luego pega el fragmento de código de EdCommerce en el cuadro de configuración HTML.
  • Haz clic en 'Aplicar' para guardar y ver el widget en tu página.

Squarespace:

  • Ve a la página donde quieres añadir el widget.
  • Haz clic en '+Añadir bloque' y selecciona 'Código' en el menú.
  • Pega el fragmento de código de EdCommerce en el bloque de código y haz clic en 'Aplicar'.

Si no encuentras un módulo HTML en tu editor, intenta hacerlo editando el código de un módulo de 'texto enriquecido'.

Casos de uso

Con esta función puedes transformar tu sitio web en una plataforma más atractiva e informativa. Insertar estos widgets en tu sitio puede mejorar el contenido, aumentar la interacción de los usuarios e incrementar las conversiones.

A continuación, se presentan algunos ejemplos de cómo los widgets de EdCommerce pueden utilizarse creativamente en tu sitio:

Mejoras para publicaciones de blog:

Si estás escribiendo una publicación de blog sobre estudiar en una ubicación específica, como Sídney, inserta el widget al final de la publicación. Destaca tus 3 mejores programas o promociones especiales en Sídney para animar a los lectores a explorar estas opciones. Esto puede aumentar significativamente las conversiones al vincular directamente el contenido con programas relevantes.

Páginas de eventos:

Para páginas web que promocionan ferias educativas o seminarios web, inserta el widget para mostrar los programas o instituciones que participan en el evento. Esto ofrece a los visitantes una vista previa de lo que pueden esperar y puede animarlos a registrarse o realizar más consultas.

Páginas específicas de ubicaciones:

Si tu sitio web tiene páginas dedicadas a destinos de estudio o países específicos, inserta el widget en estas páginas para mostrar los programas disponibles en esas ubicaciones. Es una excelente manera de ofrecer opciones relevantes a los usuarios que ya están interesados en estos destinos.

Páginas de agradecimiento por suscribirse al boletín:

Después de que un visitante se suscribe a tu boletín, se le dirige a una página de agradecimiento. Aquí puedes insertar el widget para captar inmediatamente su atención con programas populares o destacados.

Durante campañas promocionales:

Si estás realizando campañas promocionales para determinados cursos o destinos, integra el widget en las páginas de destino de tu campaña. Personaliza el widget para mostrar programas relacionados con la campaña y ofrecer una experiencia de usuario coherente.

Cómo añadir EdCommerce a WordPress

Ten en cuenta que las siguientes instrucciones están diseñadas específicamente para usuarios que utilizan WordPress como creador de sitios web. Si utilizas una plataforma o creador de sitios web diferente, es posible que estos pasos no sean aplicables.

Paso 1

Accede al Panel de administración de WordPress, dirígete a la sección "Apariencia" y haz clic en "Menús".

Paso 2

En la sección "Menús", dirígete a "Enlaces personalizados", introduce la URL de tu plataforma EdCommerce y el texto del CTA que deseas incluir en el menú de tu sitio web.

Luego haz clic en "Añadir al menú" para incluir este nuevo elemento en tu menú principal.

Para encontrar la URL de tu EdCommerce, ve a la sección de configuración de tu plataforma, haz clic en "EdCommerce" y luego en "Detalles de EdCommerce".

¡Consejo profesional! Para evitar que los estudiantes abandonen tu página, asegúrate de configurar el menú para que el enlace se abra en una pestaña nueva.