Cómo Agregar un Widget para el Registro del Curso y el Inicio de Sesión de la Cuenta del Estudiante
Con el Creador de sitios web de SendPulse, puedes usar el widget "Inicio de sesión al curso" para permitir que los estudiantes se inscriban en un curso o inicien sesión en una cuenta de estudiante.
Por ejemplo, puedes crear un sitio de varias páginas sobre tu escuela o sobre un experto en algún tema, vincular varios cursos y presentarlos en el estilo requerido.
Puedes agregar este widget solo a un sitio con un curso vinculado. Para hacerlo, ve al sitio del curso, crea una nueva página de tu sitio con un curso vinculado y agrega el widget.
Agrega el Elemento
Agrega el widget Inicio de sesión al curso a tu plantilla.
Selecciona un Curso
Selecciona un curso para agregar botones a tu página.
Selecciona y Personaliza los Botones
En el campo Opciones de visualización de formularios, selecciona los formularios de tu widget (Entrar, Registrarse o ambos).
Registro
Este botón lleva a la página de inscripción de tu curso. Puedes personalizarlo y añadir campos a tu formulario de registro.
Una vez que el usuario se haya registrado, recibirá un correo electrónico de confirmación con sus datos de acceso. De este modo, podrá acceder a su cuenta y empezar a aprender a través del enlace especificado en el correo electrónico.
Leer más: Cómo permitir que los estudiantes se inscriban ellos mismos.
Para configurar el botón y el formulario, dirígete a la pestaña Registro tab.
Configura tu formulario
Puedes configurar los campos existentes, como Correo Electrónico y Contraseña, o añadir los que desees.
Para ello, haz clic en Añadir campo.
Si deseas editar un campo existente, haz clic en el ícono del lápiz situado a lado del campo.
En la siguiente ventana, selecciona un tipo de campo e ingresa su nombre. Puedes añadir los siguientes tipos de campos:
- Campo de entrada, Nombre, Número de teléfono, Fecha, y URL. Estos campos almacenan valores de contacto y datos personales introducidos por el usuario.
- Casilla de verificación, Botones de opción, y Lista desplegable. Estos campos almacenan las opciones seleccionadas por los usuarios a partir de las que tú les hayas proporcionado.
- Los Campos ocultos no son visibles para los usuarios. En ellos se almacenan los valores que introduzcas en su configuración.
En cada campo del formulario, selecciona un campo de contacto de CRM en el que quieras guardar las variables. Asimismo, el sistema creará tratos para sus nuevos estudiantes.
Para hacer que un campo sea obligatorio, activa la casilla.
Configura tu botón
Este botón te permitirá redireccionar al usuario a la página de inscripción de tu curso. Puedes mostrar diferentes versiones del texto del botón dependiendo o no de si el estudiante se ha inscrito previamente en algún curso del mismo instructor en ese dominio.
Ingresa a los ajustes del botón en el campo del Botón de registro, y haz clic en el ícono del lápiz.
Luego, en la ventana siguiente, selecciona un texto por cada escenario:
| Texto de acceso al curso | Esta versión de texto aparecerá si el estudiante no ha iniciado sesión en su cuenta. |
| Texto de inscripción al curso | Esta versión de texto aparecerá si el alumno ha iniciado sesión, pero no se ha inscrito al curso. |
| Texto para ir al curso | Esta versión de texto aparecerá si el alumno ha iniciado sesión y se ha inscrito al curso. |
Agrega un botón adicional
También puedes añadir un botón adicional en la sección con el fin de incluir más información. Para hacerlo, haz clic en Añadir botón, y luego haz clic en el ícono del lápiz para acceder a los ajustes del botón.
Iniciar sesión
Este botón permitirá que el estudiante sea redireccionado a la página de ingreso al curso. Los estudiantes podrán acceder a sus cuentas después de haberse inscrito en un curso del mismo instructor en este dominio.
Para configurar el botón y el formulario, dirígete a la pestaña Ingreso.
Configura tu formulario
Puedes personalizar tus campos estándars (Correo Electrónico y Contraseña) editando sus nombres y marcadores de posición. Para ello, haz clic en el ícono del lápiz situado junto a cada campo.
Configura tu botón
Para editar el texto del botón, haz clic en el ícono del lápiz de la sección Botón de inicio de sesión.
Personaliza la apariencia del widget
Para comenzar a personalizar la apariencia del elemento, puedes comenzar por elegir su alineación: izquierda, centro o derecha.
Luego, en la sección Apariencia del campo, elige el estilo de visualización del widget en la página de tu sitio web.
| Forma estática | Muestra un amplio formulario de autorización o de inscripción a un curso con campos de entrada de datos. |
| Forma modal | Muestra los botones de autorización y registro permitiendo abrir un formulario al hacer clic en ellos. |
Para cambiar el estilo de tu botón, haz clic en el botón del lápiz y selecciona el estilo y el tamaño deseado.
Si deseas cambiar el estilo de campo de la forma estática, haz clic en Estilos de campo.
Puedes personalizar tu botón utilizando las siguientes opciones:
| Fondo de la ventana modal | Esta opción ajusta el color de fondo de tu formulario. Selecciona un color. |
| Redondear | Esta opción redondea los bordes del formulario. Especifica un valor en pixeles. |
| Margen interior | Esta opción ajusta el margen interior de tu formulario. Especifica un valor en pixeles. |
| Color de los textos del formulario | Está opción ajusta el color de texto de tu formulario. Selecciona un color |
| Apariencia del campo | Esta opción ajusta la forma de los campos de tu formulario. Selecciona una forma redondeada o rectangular. |
| Color del texto del campo de entrada | Esta opción ajusta el color del texto de entrada de tu formulario. Selecciona un color. |
| Color de fondo | Esta opción ajusta el color de fondo del texto de tu formulario. Selecciona un color. |
| Color de bordes | Esta opción ajusta el color del borde de tu formulario. Selecciona un color. |
| Tamaño del campo | Esta opción ajusta el tamaño de los campos del formulario. Tamaños disponibles: pequeño (S), mediano (M) y grande (L). |
| Color del enlace del formulario | Esta opción ajusta el color del enlace de tu formulario. Seleccione un color. |
También puedes elegir la ubicación del contenido de la columna: izquierda, centro o derecha, en el campo Alineación.
Configura los datos analíticos
Puedes transferir los objetivos de tu formulario a los eventos de Google Analytics y Facebook Pixel. Haz clic en Ajustes de Análisis.
Si aún no has activado la función de análisis, haz clic en Configurar análisis, consulta el enlace Cómo configurarlo.
Para completar la transferencia de datos, añade Facebook Pixel y el código de Google Analytics a los ajustes de tu sitio web
Más información: Cómo conectar Google Analytics a tu sitio y Cómo conectar Facebook Pixel a tu sitio.
Si ya tienes activada la función de análisis, podrás ver dos casillas.
Activa la opción Transferir el objetivo a Google Analytics o Transferir el objetivo a Facebook Pixel.
Si seleccionaste la opción Transferir el objetivo a Google Analytics, ingresa tus datos en los campos Categoría, Acción y Etiqueta, estos parámetros serán transferidos a Google Analytics en la sección Eventos.
En caso de haber seleccionado la opción Transferir el objetivo a Facebook Pixel, el evento Completar registro se generará automáticamente. Podrás verlo en el Administrador de Eventos de tu cuenta empresarial de Facebook.
Copia el ID de tu elemento
Cada elemento tiene un ID con el que es identificado en la página. A través de él, puedes añadir estilos, scripts, mostrar ventanas emergentes y rastrear los eventos de este elemento.
Para copiar un ID, haz clic en él. Para editarlo, haz clic en el ícono del lápiz.
Más información: ID de Bloques y Widgets.
Guarda tu configuración y luego publica el sitio.
Última actualización: 10.05.2024
o