Al configurar el precio y el pago de los cursos en una minipágina de aterrizaje impulsada por MaviBot, puedes simplificar enormemente el proceso de compra para tus clientes y optimizar 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 aterrizaje.
En este artículo, aprenderás cómo configurar rápida y fácilmente el precio y el pago de los cursos 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 cubierto cómo configurar planes de precios para cursos en línea en un artículo separado. 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 tu sitio web: "Sitio multipágina", "Página de aterrizaje" 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 construido en la plataforma MaviBot, ve a editar las secciones del sitio haciendo clic en la tarjeta del sitio web:
Sitio web multipágina
Al crear un sitio multipágina, se crean automáticamente varias páginas del siguiente tipo:
- Página de inicio;
- Nuestro equipo;
- Acerca de nosotros.
Se generan automáticamente un encabezado y un pie de página, donde puedes agregar información importante sobre tu empresa. Tanto el encabezado como el pie de página aparecen en cada página del sitio web, por lo que no es necesario 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 hacerlo, 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 a continuación "Exportar / Importar páginas del sitio web". enlace
Al hacer clic en "Crear una plantilla", se abrirá una ventana donde puedes elegir cualquier plantilla de página, incluida una en blanco:
Página de aterrizaje (formularios, encuestas y cuestionarios)
Al hacer clic en "Crear una página de aterrizaje", se abrirá un formulario donde puedes elegir entre varias plantillas de sitio:
Puedes elegir cualquier plantilla de sitio web que te guste y personalizar varias configuraciones como fuentes, fondo e imágenes. También puedes agregar cualquier bloque adicional (secciones) del sitio web que necesites.
A diferencia de un sitio web multipágina, crear una página de aterrizaje te lleva directamente al editor de páginas.
Más tarde, cuando hagas clic en la pestaña de la página de aterrizaje,
serás llevado a la sección con envíos, información principal y configuración de la página de aterrizaje. A diferencia de un sitio web multipágina, no verás varias páginas porque una página de aterrizaje consta de una sola página.
Si alguna vez necesitas agregar más páginas a tu página de aterrizaje, convirtiéndola en un sitio web multipágina, ve a la configuración del sitio, cambia el tipo de sitio a "Sitio web multipágina" y guarda los cambios:
El sitio web se comporta de manera similar cuando se crea como formulario, encuesta o cuestionario. Sin embargo, a diferencia de otros tipos de sitio, no se ofrece ninguna plantilla en la creación porque la página incluye automáticamente un bloque de "Formulario" o "Cuestionario", dependiendo del 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 página, donde se crea una sola sección de "Formulario" (o cuestionarios y encuestas multipágina, dependiendo del tipo de sitio seleccionado).
Puedes agregar secciones de "Formulario", "Cuestionario" y "Encuesta" a tu sitio web (tanto multipágina como página de aterrizaje) en cualquier momento.
Para una configuración adicional, ve al modo de edición del sitio.
La sección "Formulario" para la inscripción al curso
Sin importar qué tipo de sitio elijas —"Sitio web multipágina", "Página de aterrizaje" o "Formulario"— el modo de edición de 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 agregar el formulario de pago. Luego, haz clic en el botón "+" que aparece para abrir el menú de secciones:
A continuación, busca la sección "Formulario" en el menú que se abre:
Luego, haz clic en "Formulario" para agregar la sección a tu sitio:
Ahora, configuremos el formulario:
Aquí, debes activar la casilla de verificación etiquetada como "Formulario para la inscripción del estudiante al curso":
Esta casilla de verificación desbloquea configuraciones de pago adicionales para el curso:
- Selecciona el curso para el cual deseas crear un formulario en el sitio web:
- Elige un plan:
Este campo es una de las configuraciones clave para los pagos del plan del curso, ya que te permite elegir qué plan (o todos los planes) se aplicará al formulario en el sitio web.
- Sugerencia del formulario:
Puedes dejar el texto de sugerencia predeterminado o escribir el tuyo propio:
Si no deseas que la sugerencia aparezca en el formulario de inscripción/pago del curso, usa la casilla de verificación "Ocultar sugerencia":
Preguntas del formulario
Al crear un formulario, es obligatorio agregar campos para el correo electrónico, número de teléfono y nombre del usuario.
Para agregar 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" de la lista desplegable:
Y activar la casilla de verificación "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.
De manera similar, agrega la siguiente pregunta con el tipo de campo "Número de teléfono":
Tu configuración principal para el formulario de inscripción y pago del curso está completa.
A continuación, puedes personalizar la sección como desees: cambiar los colores de fondo y botones, y agregar otros campos de pregunta.
Para más información sobre la personalización y todas las características 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 procede al 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 curso"
Puedes mostrar información sobre los cursos disponibles en tu escuela en el sitio web usando la sección "Tarjetas de curso":
Para agregar la sección "Tarjetas de curso", haz clic en el botón "+" en tu modo de edición del sitio web:
A continuación, busca la sección "Tarjetas de curso" en el menú que aparece y haz clic en ella para agregar la sección a tu sitio web:
La sección se agregará a tu sitio y se abrirá el menú de configuración de contenido para ti:
Contenido del bloque
Configurar el bloque "Tarjetas de curso" implica seleccionar uno o más cursos ya creados en el proyecto para mostrar 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 hacerlo, marca la casilla junto al nombre de cada curso que deseas incluir:
Los cursos seleccionados aparecerán inmediatamente en tu página del sitio web con la imagen de portada que configuraste en la configuración 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 para 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 en la tarjeta para el fondo, el texto (tanto en la tarjeta misma como en los botones) y agregar interactividad cambiando los colores de los elementos al pasar el cursor sobre ellos:
a) Color de fuente: ayuda a cambiar el color del texto principal 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 el esquema de color 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: permite cambiar el color de fondo del botón de la tarjeta del curso.
Para agregar interactividad a tu sitio, también puedes cambiar los colores del botón al pasar el cursor. Usa la configuración de color de hover para esto.
Ahora sabes cómo mostrar tus cursos existentes de MaviBot en tu sitio web usando la sección "Tarjetas de curso".
Aprende sobre la configuración de fondo y las opciones de visualización en el artículo "Configuración universal de secciones". enlace
La sección "Listas de lecciones"
Junto con las tarjetas de cursos en línea, puedes agregar listas de lecciones a tu página del sitio web. Simplemente selecciona el curso deseado en la sección y se mostrarán todas las lecciones:
Para agregar un bloque para mostrar 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á un menú con las secciones disponibles del sitio a la derecha. Debes encontrar el bloque "Listas de lecciones" allí:
Haz clic en "Tarjetas de curso" para abrir el menú de configuración de contenido del bloque:
Simplemente selecciona el curso deseado (ya creado en MaviBot) del 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 de la apariencia del bloque.
Puedes configurar los siguientes ajustes:
- Estilo de la lista de lecciones
Por defecto, la lista de lecciones se muestra en el nuevo formato. Si lo prefieres, puedes cambiar a un estilo de visualización clásico más conciso.
- Estilo de numeración
Esta configuración 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 lección
Se muestra solo si se ha subido una vista previa en la configuración de la lección del curso.
Cómo agregar iconos
Paso 1. Ve a la configuración de la lección:
Para hacerlo, entra en el modo de configuración del curso y busca la pestaña "Lecciones":
Luego, 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. Subir vista previa de la lección
En la configuración de "Información básica", expande el menú desplegable de configuración de imágenes:
Sube una imagen para la vista previa de la lección:
Guarda tu configuración:
¡Hecho! 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
Agrega profundidad y singularidad 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 varias filas, con o sin ajuste.
- Color de fondo y texto
Tienes acceso a una amplia paleta de colores para establecer el color de fondo y el color de fuente en la tarjeta de lección:
Ahora sabes cómo agregar listas de lecciones a tu sitio web y personalizar el contenido de la sección.
Lee el artículo "Configuración universal de secciones" para aprender sobre la configuración de fondo y visualización. enlace