Artículos:
- Formulario de captura de contactos
- Cómo agregar el código de un widget a tu sitio web
- Rastrear visitas desde la página de aterrizaje a través del widget
- Mini páginas de aterrizaje
- Añadir un formulario de solicitud (widget) a una página de Weblium
- Añadir un formulario de solicitud (widget) a la página de Sendpulse
- Añadir un formulario de solicitud (widget) a una página de Wix
- Mostrar el programa del curso en tu sitio web
- Agregar un chat en línea para estudiantes a la plataforma Kwiga
- Cómo crear un widget de recopilación de contactos
- Estadísticas de widgets: cómo medir la eficacia
Por qué y cómo hacerlo: aumenta tus ventas con detalles del curso incrustados + guía paso a paso con iframe.
En este articulo:
Cómo un programa incrustado te ayuda a vender cursos
Colocar el programa del curso directamente en tu sitio web es una forma práctica de mostrar a los posibles estudiantes qué incluye el curso. Los visitantes pueden revisar los detalles del curso sin salir de tu sitio, lo que genera confianza y aumenta las conversiones. Además, te ayuda a:
-
Aumentar la interacción de los usuarios en tu sitio web.
-
Mejorar el SEO: los motores de búsqueda indexan páginas con contenido valioso.
-
Ofrecer una experiencia de marca coherente sin redirigir a plataformas de terceros.
Guía paso a paso para incrustar un programa de curso en tu sitio web
Paso 1: Obtén la URL principal del curso, por ejemplo:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t
Luego, agrega \/program al final del enlace. Obtendrás la URL completa del programa del curso:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t/program
Paso 2: Inserta el siguiente código iframe en tu sitio:
Puedes personalizar el parámetro width (por ejemplo, 100% o 800px) según el diseño de tu sitio.
Por ejemplo (usando el enlace del programa del curso de arriba):
Paso 3: Agrega el siguiente script en la misma página donde está incrustado el programa:
window.addEventListener("message", function(event) {
if (event.data.type === "resize-iframe") {
document.getElementById("course-program-frame").style.height = event.data.height + "px";
}
});
<\/script>
Este script escucha un mensaje del iframe y ajusta automáticamente la altura según el contenido.
Esta es una solución simple y flexible que te permite mostrar un programa de curso en cualquier página de tu sitio, sin necesidad de una configuración compleja.
¿No encontró la respuesta? Póngase en contacto con el servicio de soporte a través de chat en línea or Telegram