Cada Programa online tiene una Página del programa dedicada en tu sitio. Desde la página del programa, los participantes pueden ver la descripción general del programa, los pasos y su progreso. Los nuevos visitantes del sitio pueden ver la información del programa desde esta página y solicitar unirse a él.
Puedes elegir tu estilo preferido y personalizar el diseño de tu página del programa según quién la vea.
Muéstrame cómo acceder a mi página del programa
- Ve a la Página del programa en el Editor:
- Editor de Wix:
a. Haz clic en Páginas y menúa la izquierda del Editor.
b. Haz clic en Páginas de programas.
c. Haz clic en Página del programa. - Editor X:
a. Haz clic en Páginas en la parte superior del Editor X.
b. Haz clic en Página del programa dentro de Páginas de programas.
En este artículo, aprende cómo personalizar la página del programa:
Cambiar el estilo de la página del programa
Después de agregar Programas online a tu sitio, cada página del programa es una página dinámica. Cuando editas el contenido en la aplicación Programas online, cada página del programa muestra el contenido del programa correspondiente.
Elige el estilo que mejor muestre el contenido de tu programa. Puedes usar un estilo diferente para los participantes y los visitantes del sitio.
Para cambiar el estilo:
- Ve a la Página del programa en el Editor:
- Editor de Wix:
a. Haz clic en Páginas y menúa la izquierda del Editor.
b. Haz clic en Páginas de programas.
c. Haz clic en Página del programa. - Editor X:
a. Haz clic en Páginas en la parte superior del Editor X.
b. Haz clic en Página del programa dentro de Páginas de programas.
- Haz clic en el elemento Página del programa dentro del Editor.
- Haz clic en Ajustes.
- Haz clic en la pestaña Estilo.
- Elige un estilo dependiendo de si se trata de un visitante o un participante actual:
Personaliza el estilo de la página del programa para las personas que aún no se han unido a tu programa.
- Haz clic en Visitante en la parte superior.
- Selecciona un estilo para el encabezado de la página: Clásico o Lado a lado.
- Personaliza el estilo del encabezado y de toda la página:
- Alineación de la imagen: selecciona dónde colocar la foto de portada del programa en el encabezado.
- Espaciado entre partes del encabezado: arrastra el control deslizante para agregar más espacio entre los diferentes elementos del encabezado.
- Descripción: elige cómo alinear la información del programa y configura el relleno a su alrededor.
- Imagen/video: establece la altura y la posición de la imagen o del video de tu programa.
- Personalizar recorte: elige el punto focal de la imagen de tu programa.
- Cuerpo del texto: establece la alineación, el relleno y el espaciado del contenido de tu programa.
- Barra lateral: agrega una barra lateral para que aparezca en la página del programa. Ve a la pestaña Secciones para elegir qué información muestra la barra lateral.
Nota: Las opciones disponibles varían según el estilo de encabezado que elijas.
Personaliza el estilo de la página del programa para los participantes de tu programa.
- Haz clic en Participante en la parte superior.
- Personaliza el estilo de la barra lateral y de toda la página:
- Proporciones de la barra lateral: establece las proporciones entre la barra lateral y la información expandida del paso.
- Espacio entre las secciones: elige cuánto espacio agregar entre la barra lateral y la información expandida del paso.
- Alineación de texto: elige si deseas que la barra lateral esté a la izquierda o a la derecha de la información expandida.
- Relleno lateral: establece la cantidad de relleno alrededor de los bordes de la barra lateral.
- Espacio entre pasos: elige la cantidad de espacio entre cada paso en la barra lateral.
- Relleno lateral: establece la cantidad de relleno alrededor de la información expandida del paso.
- Espacio desde arriba: elige la cantidad de espacio que deseas incluir en la parte superior de la sección.
Personalizar las secciones de la página del programa
La página del programa se compone de secciones de información, como "Resumen", "Instructor", "Precio" y otras. Puedes elegir qué mostrar en estas secciones y también controlar su orden en la página.
Para personalizar la información:
- Ve a la Página del programa en el Editor:
- Editor de Wix:
a. Haz clic en Páginas y menúa la izquierda del Editor.
b. Haz clic en Páginas de programas.
c. Haz clic en Página del programa. - Editor X:
a. Haz clic en Páginas en la parte superior del Editor X.
b. Haz clic en Lista de programas dentro de Páginas de programas.
- Haz clic en el elemento Página del programa dentro del Editor.
- Haz clic en Ajustes.
- Haz clic en la pestaña Secciones.
- (Opcional) Cambia el orden de las secciones mediante la función de arrastrar y soltar.
- Personaliza el título y la información que aparece en cada sección:
Esta sección presenta tu programa y muestra su descripción.
- Haz clic en icono de flecha junto a Acerca de.
- Haz clic en la palanca Mostrar título:
- Activada: aparece un título en la sección Acerca de. Ingresa el título deseado en Título de la sección.
- Desactivada: no aparece ningún título en la sección Acerca de.
- (Opcional) Activa la palanca Mostrar botón Unirse para invitar a las personas a unirse a tu programa. Luego puedes elegir lo que dice el botón.
Esta sección muestra un resumen del contenido y de los pasos de tu programa.
- Haz clic en el icono de flecha junto a Resumen.
- Haz clic en la palanca Mostrar título:
- Activada: aparece un título en la sección Resumen. Ingresa el título deseado en Título de la sección.
- Desactivada: no aparece ningún título en la sección Resumen.
- Personaliza otros ajustes de estilo de la sección Resumen:
- Márgenes: establece el relleno alrededor del cuadro que muestra la información en el resumen de tu programa.
- Pasos mostrados: ingresa el número de pasos que deseas mostrar.
- Botón de cargar más pasos: ingresa el texto para mostrar en el botón que invita a las personas a ver todos los pasos en tu programa.
Esta sección muestra los instructores de tu programa (por ejemplo, instructores o mentores).
- Haz clic en el icono de flecha junto a Instructor.
- Haz clic en la palanca Mostrar título:
- Activada: aparece un título en la sección Instructor. Ingresa el título deseado en Título de la sección.
- Desactivada: no aparece ningún título en la sección Instructor.
- Selecciona una forma de la imagen para la foto del instructor: Cuadrado o Redondo.
- (Opcional) Selecciona la casilla de verificación Mover a la barra lateral para mostrar la lista de instructores en el panel lateral de la página de tu programa.
Nota: Esta opción solo está disponible si habilitaste la opción de barra lateral en la pestaña Estilo.
Esta sección muestra los precios de tu programa.
- Haz clic en el icono de flecha junto a Precio.
- Haz clic en la palanca Mostrar título:
- Activada: aparece un título en la sección Precio. Ingresa el título deseado en Título de la sección.
- Desactivada: no aparece ningún título en la sección Precio.
- (Opcional) Activa la palanca Mostrar botón Unirse para invitar a las personas a unirse a tu programa. Luego puedes elegir lo que dice el botón.
- (Opcional) Selecciona la casilla de verificación Mover a la barra lateral para mostrar el precio de tu programa en el panel lateral de la página.
Nota: Esta opción solo está disponible si habilitaste la opción de barra lateral en la pestaña Estilo.
- Haz clic en el icono de flecha junto a Grupo de debate.
- Haz clic en la palanca Mostrar título:
- Activada: aparece un título en la sección Grupo de debate. Ingresa el título deseado en Título de la sección.
- Desactivada: no aparece ningún título en la sección Grupo de debate.
- (Opcional) Habilita la palanca Mostrar imagen de grupo para agregar la imagen del grupo a la sección.
- (Opcional) Selecciona la casilla de verificación Mover a la barra lateral para mostrar el grupo en el panel lateral de la página de tu programa.
Nota: Esta opción solo está disponible si habilitaste la opción de barra lateral en la pestaña Estilo.
Esta sección invita a las personas a compartir la página del programa en Facebook, Twitter, LinkedIn o mediante un enlace directo.
- Haz clic en el icono de flecha junto a Compartir.
- Haz clic en la palanca Mostrar título:
- Activada: aparece un título en la sección Compartir. Ingresa el título deseado en Título de la sección.
- Desactivada: no aparece ningún título en la sección Compartir.
- (Opcional) Selecciona la casilla de verificación Mover a la barra lateral para mostrar las opciones de compartir en el panel lateral de la página de tu programa.
Nota: Esta opción solo está disponible si habilitaste la opción de barra lateral en la pestaña Estilo.
Esta sección muestra la fecha de inicio de tu programa. Si dejas que los participantes elijan su propia fecha de inicio, aquí es donde pueden hacerlo.
- Haz clic en el icono de flecha junto a Fecha de inicio.
- Haz clic en la palanca Mostrar título:
- Activada: aparece un título en la sección Fecha de inicio. Ingresa el título deseado en Título de la sección.
- Desactivada: no aparece ningún título en la sección Fecha de inicio.
- (Opcional) Activa la palanca Mostrar botón Unirse para invitar a las personas a unirse a tu programa. Luego puedes elegir lo que dice el botón.
- (Opcional) Selecciona la casilla de verificación Mover a la barra lateral para mostrar la fecha de inicio en el panel lateral de la página.
Nota: Esta opción solo está disponible si habilitaste la opción de barra lateral en la pestaña Estilo.
Elegir qué mostrar en la página del programa
Elige qué detalles y opciones mostrar en la página del programa. Por ejemplo, puedes decidir si deseas mostrar o no la imagen, los participantes y la duración del programa. También puedes controlar la opción de unirse al programa en el móvil, la opción de compartirlo en las redes sociales y más.
Para elegir qué detalles se muestran:
- Ve a la Página del programa en el Editor:
- Editor de Wix:
a. Haz clic en Páginas y menúa la izquierda del Editor.
b. Haz clic en Páginas de programas.
c. Haz clic en Página del programa. - Editor X:
a. Haz clic en Páginas en la parte superior del Editor X.
b. Haz clic en Página del programa dentro de Páginas de programas.
- Haz clic en el elemento Página del programa dentro del Editor.
- Haz clic en Ajustes.
- Selecciona la pestaña Mostrar.
- Elige qué detalles mostrar según si se trata de un visitante o de un participante actual:
- Haz clic en la pestaña Visitante.
- Selecciona la casilla de verificación junto a los detalles que deseas mostrar en el encabezado:
- Imagen: la imagen de portada del programa.
- Duración: la duración del programa (por ejemplo, 18 días).
- Pasos: el número de pasos del programa.
- Participantes: el número de participantes en el programa.
Nota: El número de participantes no se muestra en la página si no hay nadie en el programa. - Recompensas: los certificados o las insignias que las personas obtendrán cuando completen el programa.
- Botón Unirse: un botón que permite a las personas unirse al programa.
Consejo: De forma predeterminada, siempre aparece un botón adicional "Unirse" en la parte inferior de la página.
- Activa las palancas en Adicional para agregar más opciones a la página:
- Únete a través de la app: incluye una frase que invite a los visitantes del sitio a unirse a tu programa a través de las apps para miembros de Wix.
- Información del propietario: incluye el nombre y la foto del propietario del programa.
- Vista general del contenido: incluye una descripción general del contenido y de los pasos de tu programa.
- Mostrar sección de precios para programas gratuitos: si tu programa es gratuito, puedes mostrar "Gratis" en "Precio" para invitar a los visitantes a unirse.
- Compartir en redes sociales: permite que los visitantes compartan la página del programa en las redes sociales.
- Haz clic en la pestaña Participante.
- Selecciona la casilla de verificación junto a los detalles que deseas mostrar en la vista general:
- Pasos: el número de pasos en el programa.
- Participantes: el número de participantes en el programa.
Nota: El número de participantes no se muestra en la página si no hay nadie en el programa. - Grupo: el grupo que conectaste al programa.
- Activa las palancas en Adicional para agregar más opciones a la página:
- Vista general: incluye una descripción general del contenido y de los pasos de tu programa.
- Compartir en redes sociales: permite que los visitantes compartan la página del programa en las redes sociales.
Diseñar la página del programa
Diseña cómo se ve tu página del programa eligiendo entre una variedad de colores, estilos de fuente y tamaños.
Para diseñar la página del programa:
- Ve a la página del programa en tu Editor:
- Editor de Wix:
a. Haz clic en Páginas y menúa la izquierda del Editor.
b. Haz clic en Páginas de programas.
c. Haz clic en Página del programa. - Editor X:
a. Haz clic en Páginas en la parte superior del Editor X.
b. Haz clic en Página del programa dentro de Páginas de programas.
- Haz clic en el elemento Página del programa dentro del Editor.
- Haz clic en Ajustes.
- Haz clic en la pestaña Diseño.
- Diseña la página del programa para los visitantes del sitio y los participantes actuales:
- Haz clic en la pestaña Visitante.
- Diseña cada parte individual de tu página del programa:
- Fondo y divisores: personaliza el color y la opacidad del fondo de la página y los separadores.
- Video: si tu programa incluye un video, elige el color y la opacidad para la superposición, así como el botón Reproducir.
- Estilo del texto: personaliza el color, la fuente y el estilo de los elementos de texto dentro de la página del programa (por ejemplo, nombre del programa, título o nombre de la sección).
- Botón: diseña los botones que aparecen en la página. Puedes crear un aspecto diferente para cuando las personas pasen el cursor sobre los botones.
- Vista general: personaliza la sección de descripción general de tu programa. Puedes diseñar el fondo, el borde, los separadores y el texto en esta sección.
- Barra lateral: personaliza el panel lateral que aparece en la página del programa. Puedes diseñar el fondo, el separador y el texto en esta sección.
- Haz clic en la pestaña Participante.
- Diseña cada parte individual de tu página del programa:
- Fondo y divisores: personaliza el color y la opacidad del fondo de la página y los separadores.
- Estilo del texto: personaliza el color, la fuente y el estilo de los elementos de texto dentro de la página del programa (por ejemplo, nombre del programa, título o nombre de la sección).
- Botón: diseña los botones que aparecen en la página. Puedes crear un aspecto diferente para cuando las personas pasen el cursor sobre los botones.
Editar el texto del botón en la página del programa
Tu página del programa incluye un botón que permite que las personas se unan, así como un botón que permite a los participantes completar un paso. Puedes ingresar tu propio texto para estos botones de modo que coincidan con la voz y el tono de tu sitio.
Para personalizar el texto del botón:
- Ve a la Página del programa en el Editor:
- Editor de Wix:
a. Haz clic en Páginas y menúa la izquierda del Editor.
b. Haz clic en Páginas de programas.
c. Haz clic en Página del programa. - Editor X:
a. Haz clic en Páginas en la parte superior del Editor X.
b. Haz clic en Página del programa dentro de Páginas de programas.
- Haz clic en el elemento Página del programa dentro del Editor.
- Haz clic en Ajustes.
- Haz clic en la pestaña Texto.
- Ingresa tu texto en el botón Unirse y en el botón Completar paso.