Cómo incrustar programas de Edcommerce en tu propio sitio.

Last updated: July 27, 2026

Explica cómo incrustar contenido de EdCommerce en un sitio web externo existente creando un widget en Configuración de EdCommerce > Widgets, personalizando su apariencia y pegando el fragmento de código generado en un bloque HTML. Incluye instrucciones paso a paso para WordPress (Elementor y Visual Composer), Wix y Squarespace, además de casos de uso como publicaciones de blog, páginas de eventos, páginas de ubicación, páginas de agradecimiento y campañas promocionales.

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 de manera fluida sus potentes funciones en cualquier sitio web existente que estés usando.

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 incrustando 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 navega a la sección 'Configuración'.
  2. Crear un Widget: En el menú de la izquierda, selecciona 'Widgets', luego 'Crear nuevo widget'.
  3. Completa los detalles del widget: Completa el formulario con el nombre de tu widget, idioma preferido, moneda y nacionalidad del estudiante.
  4. Elegir el contenido: Selecciona qué programas o proveedores de educación deseas mostrar en tu widget. Solo haz clic en "Programas" o "Proveedores" y elige los que deseas mostrar de la lista a la derecha.
  5. Personalizar apariencia: Ajusta la apariencia del widget editando el estilo de fuente, color de fondo y sombra de caja para que coincidan con el diseño de tu sitio web. También puedes modificar el relleno para un mejor ajuste haciendo clic en el icono cuadrado dentro de la vista previa del widget.
  6. Guardar tu widget: Una vez que 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 aprender cómo.

Cómo agregar un widget de Edcommerce a tu sitio

Simplemente abre la página en tu sitio donde deseas 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 agregar este código puede variar. En general, todos los editores de sitios web permiten arrastrar y soltar un cuadro HTML.

A continuación algunos ejemplos:

WordPress (con Elementor):

  • Abre la página que deseas editar con Elementor.
  • Arrastra el widget 'HTML' desde el panel izquierdo a la página donde quieres el widget.
  • Pega el código fragmento 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 deseas incluir el widget.
  • Haz clic en el botón '+' para agregar un nuevo elemento.
  • Elige 'HTML en bruto' o 'HTML personalizado' de los elementos de contenido.
  • Pega tu código de fragmento de Edcommerce en el cuadro de texto.
  • Guarda tus cambios haciendo clic en 'Actualizar' en la página.

Wix:

  • Ve a la página que deseas editar en el Editor de Wix.
  • Haz clic en 'Agregar' (+) en el lado izquierdo del editor y selecciona 'Más'.
  • Elige 'iframe HTML' del menú desplegable.
  • Haz clic en 'Ingresar código', y luego pega el código de fragmento 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 deseas agregar el widget.
  • Haz clic en '+Agregar Bloque' y selecciona 'Código' del menú.
  • Pega tu código de fragmento de Edcommerce en el bloque de código y haz clic en 'Aplicar'.

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

Casos de uso

Con esta función puedes transformar tu sitio web en una plataforma más atractiva e informativa. Incrustar estos widgets en tu sitio puede mejorar el contenido, aumentar la participación del usuario y incrementar las conversiones.

A continuación, algunos ejemplos de cómo los widgets de Edcommerce pueden ser utilizados creativamente en todo tu sitio:

Mejoras en publicaciones de blog:

Si estás escribiendo una publicación de blog sobre estudiar en una ubicación específica, como Sídney, incrusta 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, incrusta el widget para mostrar programas o instituciones que participan en el evento. Esto da a los visitantes una vista previa de qué esperar y puede animar a registrarse o hacer consultas adicionales.

Páginas específicas de ubicación:

Si tu sitio web tiene páginas dedicadas a destinos de estudio o países específicos, incrusta 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 suscripción 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 incrustar el widget para involucrarlos inmediatamente con programas populares o destacados.

Durante campañas promocionales:

Si estás realizando campañas promocionales para ciertos 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 para una experiencia de usuario coherente.