Venta de cursos a través de un sitio web
Al configurar el precio y el pago del curso en una mini página de destino impulsada por MaviBot, puedes simplificar enormemente el proceso de compra para tus clientes y agilizar la gestión de las transacciones financieras.
Crear un proceso de pago simple e intuitivo te permite ofrecer tus cursos sin preocuparte por la parte técnica de integrar un formulario de pago en tu página de destino.
En este artículo, aprenderás cómo configurar de forma rápida y sencilla el precio y el pago del curso en tu sitio web sin complicaciones innecesarias.
¡Ten en cuenta!
Antes de agregar un formulario de inscripción al curso a tu página, asegúrate de configurar primero tu plan de precios.
Hemos explicado cómo configurar los planes de precios para cursos en línea en un artículo aparte. enlace
Cómo crear un sitio web para el curso
Antes de comenzar, prepara tu sitio web navegando a la sección correspondiente:
Luego, haz clic en "+Crear":
Elige el tipo de sitio web: "Sitio de varias páginas", "Página de destino" o "Formulario":
Las instrucciones detalladas sobre cómo construir un sitio web a partir de secciones usando el constructor se pueden encontrar en la sección "Sitios web empresariales". enlace
Si ya tienes un sitio web creado en la MaviBot plataforma, ve a editar las secciones del sitio haciendo clic en la tarjeta del sitio web:
Sitio web de varias páginas
Al crear un sitio de varias páginas, se crean automáticamente varias páginas del siguiente tipo:
Página de inicio;
Nuestro equipo;
Sobre nosotros.
Se generan automáticamente un encabezado y un pie de página, donde puedes añadir información importante sobre tu empresa. Tanto el encabezado como el pie de página aparecen en todas las páginas del sitio web, así que no tienes que crear los mismos bloques en cada página individual.
Para entrar en el modo de edición de cualquier página del sitio, haz clic en la fila de la página deseada.
También puedes crear páginas adicionales para el sitio web. Para ello, haz clic en el botón con el mismo nombre, luego elige una plantilla de página, un formulario o sube una página desde un archivo:
Subir una página desde un archivo te permite transferir páginas del sitio web desde otro proyecto.
Para más detalles sobre cómo exportar e importar páginas del sitio web, consulta la sección inferior "Exportar / Importar páginas del sitio web." enlace
Al hacer clic en "Crear una plantilla" se abrirá una ventana donde podrás elegir cualquier plantilla de página, incluida una en blanco:
Página de destino (formularios, encuestas y cuestionarios)
Al hacer clic en "Crear una página de destino" se abrirá un formulario donde podrás elegir entre varias plantillas de sitio:
Puedes elegir cualquier plantilla de sitio web que te guste y personalizar diversos ajustes como fuentes, fondo e imágenes. También puedes añadir cualquier bloque adicional de sitio web (secciones) que necesites.
A diferencia de un sitio web de varias páginas, crear una página de destino te lleva directamente al editor de la página.
Más adelante, cuando hagas clic en la pestaña de la página de destino,
serás llevado a la sección con los envíos, la información principal y los ajustes de la página de destino. A diferencia de un sitio web de varias páginas, no verás varias páginas porque una página de destino consta de una sola página.
Si alguna vez necesitas añadir más páginas a tu página de destino, convirtiéndola en un sitio web de varias páginas, ve a la configuración del sitio, cambia el tipo de sitio a "Sitio web de varias páginas" y guarda los cambios:
El sitio web funciona de manera similar cuando se crea como formulario, encuesta o cuestionario. Sin embargo, a diferencia de otros tipos de sitio web, no se ofrece una plantilla al crearla porque la página incluye automáticamente un bloque de "Formulario" o "Cuestionario", según el tipo de sitio web elegido.
Como se muestra en el ejemplo, para acceder a la configuración de un sitio de tipo "Formulario", debes hacer clic en el botón "Editar".
Esto te llevará al modo de edición de la página, donde se crea una sola sección de "Formulario" (o cuestionarios y encuestas de varias páginas, según el tipo de sitio seleccionado).
Puedes añadir secciones de "Formulario", "Cuestionario" y "Encuesta" a tu sitio web (tanto de varias páginas como de destino) en cualquier momento.
Para una configuración adicional, ve al modo de edición del sitio.
La sección "Formulario" para la inscripción a un curso
No importa qué tipo de sitio elijas: "Sitio web de varias páginas", "Página de destino" o "Formulario": el modo de edición de la página sigue siendo el mismo.
Para crear una sección de "Formulario" para la inscripción al curso (o cualquier otra sección en el constructor del sitio), pasa el cursor sobre la sección después de la cual deseas añadir el formulario de pago. Luego haz clic en el botón "+" que aparece para abrir el menú de secciones:
A continuación, encuentra la sección "Formulario" en el menú que se abre:
Luego haz clic en "Formulario" para añadir la sección a tu sitio:
Ahora, configuremos el formulario:
Aquí, debes activar la casilla etiquetada "Formulario para la inscripción del estudiante al curso":
Esta casilla desbloquea más ajustes de pago para el curso:
Selecciona el curso para el que deseas crear un formulario en el sitio web:
Elige un plan:
Este campo es uno de los ajustes clave para los pagos de planes del curso, ya que te permite elegir a qué plan (o a todos los planes) se aplicará el formulario en el sitio web.
Sugerencia del formulario:
Puedes dejar el texto de sugerencia predeterminado o escribir el tuyo propio:
Si no quieres que la sugerencia aparezca en el formulario de inscripción/pago del curso, usa la casilla "Ocultar sugerencia":
Preguntas del formulario
Al crear un formulario, es obligatorio añadir campos para el correo electrónico, el número de teléfono y el nombre del usuario.
Para añadir un campo de entrada de datos para tus usuarios, haz clic en el botón "Crear una pregunta":
Luego aparecerá el formulario de configuración de la pregunta:
Debes seleccionar el tipo de campo "Nombre" en la lista desplegable:
Y activar la casilla "Pregunta obligatoria":
A continuación, crea la segunda pregunta:
Para la segunda pregunta, selecciona el tipo de campo "Correo electrónico":
Esta pregunta también debe ser obligatoria; de lo contrario, el estudiante no podrá acceder a tu curso ni completar la inscripción automática.
Del mismo modo, añade la siguiente pregunta con el tipo de campo "Número de teléfono":
La configuración principal para el formulario de inscripción y pago del curso ya está completa.
A continuación, puedes personalizar la sección como desees: cambiar los colores del fondo y de los botones, y añadir otros campos de pregunta.
Para más información sobre la personalización y todas las funciones de la sección "Formulario", consulta la sección "Respuestas del formulario". enlace
Pruebas
Asegúrate de guardar la configuración de tu sitio después de configurar el formulario de pago e inscripción.
Luego, ve a la vista previa del sitio web:
Verás el formulario de inscripción/pago del curso en el sitio web.
Probemos el formulario completando tus datos en los campos vacíos:
Ahora, envía los datos al sistema y continúa con el formulario de solicitud y pago.
El formulario funcionó correctamente: redirigió al cliente a la página de procesamiento del pedido y luego a una ventana de pago a través del servicio de pago seleccionado.
La sección "Tarjetas de cursos"
Puedes mostrar información sobre los cursos disponibles en tu escuela en el sitio web usando la sección "Tarjetas de cursos":
Para añadir la sección "Tarjetas de cursos", haz clic en el botón "+" en el modo de edición de tu sitio web:
A continuación, encuentra la sección "Tarjetas de cursos" en el menú que aparece y haz clic en ella para añadir la sección a tu sitio web:
La sección se añadirá a tu sitio y se abrirá para ti el menú de configuración del contenido:
Contenido del bloque
Configurar el bloque "Tarjetas de cursos" implica seleccionar uno o más cursos ya creados en el proyecto para mostrarlos en el sitio web, así como personalizar los elementos de la tarjeta.
Cómo crear cursos en la plataforma MaviBot se explica en la sección "Cursos en línea". enlace
Selección de cursos
Selecciona los cursos que te gustaría mostrar en tu sitio web:
Para ello, marca la casilla junto al nombre de cada curso que quieras incluir:
Los cursos seleccionados aparecerán inmediatamente en la página de tu sitio web con la imagen de portada que configuraste en los ajustes del curso.
Personalización
Ahora, personalicemos los elementos de la tarjeta después de seleccionar los cursos deseados:
Sombra
Puedes ajustar la intensidad de la sombra de las tarjetas de curso en la sección:
a) sin sombra:
b) sombra ligera:
c) sombra fuerte:
Paleta de colores para los elementos de la tarjeta
Puedes cambiar los colores de la tarjeta para el fondo, el texto (tanto en la propia tarjeta como en los botones) y añadir interactividad cambiando los colores de los elementos cuando se pasa el cursor sobre ellos:
a) Color de la fuente: ayuda a cambiar el color principal del texto en la tarjeta (excluyendo su botón):
b) Fondo de la tarjeta: para cambiar el color de fondo de una tarjeta.
c) Color del borde: para cambiar la combinación de colores de los bordes de la tarjeta.
d) Texto del botón: para cambiar el color del texto del botón en su estado normal (estático).
e) Fondo del botón: te permite cambiar el color de fondo del botón de la tarjeta del curso.
Para añadir interactividad a tu sitio, también puedes cambiar los colores del botón al pasar el cursor. Usa para ello los ajustes de color al pasar el cursor.
Ahora ya sabes cómo mostrar tus cursos existentes de MaviBot en tu sitio web usando la sección "Tarjetas de cursos".
Aprende sobre la configuración del fondo y las opciones de visualización en el artículo "Ajustes universales de sección". enlace
La sección "Listas de lecciones"
Junto con las tarjetas de cursos en línea, puedes añadir listas de lecciones a la página de tu sitio web. Simplemente selecciona el curso deseado en la sección y se mostrarán todas las lecciones:
Para añadir un bloque que muestre la lista de lecciones del curso, entra en el modo de edición del sitio, pasa el cursor sobre el área de trabajo y luego haz clic en el botón "+":
Se abrirá a la derecha un menú con las secciones disponibles del sitio. Allí debes encontrar el bloque "Listas de lecciones":
Haz clic en "Tarjetas de cursos" para abrir el menú de configuración del contenido del bloque:
Simplemente selecciona el curso deseado (ya creado en MaviBot) en el menú desplegable y haz clic en "Guardar".
Luego ve a la configuración para personalizar el contenido del bloque.
Personalización
Pasa el cursor sobre la sección y haz clic en "Configuración" para abrir el panel de personalización tanto del contenido como del aspecto del bloque.
Puedes configurar los siguientes ajustes:
Estilo de la lista de lecciones
De forma predeterminada, la lista de lecciones se muestra en el nuevo formato. Si lo prefieres, puedes cambiar a un estilo de visualización más conciso y clásico.
Estilo de numeración
Este ajuste solo está disponible para el nuevo diseño de la lista de lecciones. El tipo de numeración seleccionado se aplica dentro de cada tarjeta de lección.
Iconos de lecciones
Se muestran solo si se ha subido una vista previa en la configuración de la lección del curso.
Cómo añadir iconos
Paso 1. Ve a la configuración de la lección:
Para ello, entra en el modo de configuración del curso y encuentra la pestaña "Lecciones":
A continuación, haz clic en "Editar" para abrir la página de edición de la lección.
Paso 2. Abre la configuración de la página de la lección.
En la configuración de la página de la lección, ve a la sección "Información básica":
Paso 3. Carga de la vista previa de la lección
En la configuración de "Información básica", despliega el menú desplegable de ajustes de imagen:
Sube una imagen para la vista previa de la lección:
Guarda la configuración:
¡Listo! Ahora, las vistas previas de las lecciones se mostrarán como iconos en la sección "Listas de lecciones" de tu sitio web.
Patrón de fondo
Añade profundidad y originalidad a tus tarjetas de lección:
Redondeo de elementos
El valor se establece en píxeles y redondea las esquinas de las tarjetas de lección:
Estilo de la tarjeta de lección
Ayuda a organizar las tarjetas de lección en una sola fila o en varias filas, con o sin ajuste de línea.
Color de fondo y de texto
Tienes acceso a una amplia paleta de colores para establecer el color de fondo y el color de la fuente en la tarjeta de lección:
Ahora ya sabes cómo añadir listas de lecciones a tu sitio web y personalizar el contenido de la sección.
Lee el artículo "Ajustes universales de sección" para aprender sobre la configuración del fondo y de visualización. enlace
Última actualización