Usa el elemento Lista de eventos para mostrar tus eventos de una manera llamativa que anime a los visitantes del sitio a registrarse. Puedes personalizar el diseño, elegir qué detalles del evento mostrar y agregar cintas informativas para resaltar la información importante. También hay ajustes separados para dispositivos móviles, por lo que el elemento Lista de eventos se ve muy bien en cualquier pantalla.
Personalizar la lista de eventos
Personaliza el elemento Lista de eventos para que los asistentes puedan comprender rápidamente los detalles del evento, como la fecha, el lugar y la disponibilidad. También es posible mostrar cintas, avatares de invitados y otros elementos para resaltar información importante.
Para personalizar la lista de eventos:
- Ve al editor.
- Ve a la página de Eventos:
- Haz clic en Páginas y menú
a la izquierda del editor.
- Haz clic en Páginas del evento.
- Haz clic en la página de Eventos.
- Haz clic en el elemento Lista de eventos en la página.
- Haz clic en Ajustes.
- Elige lo que quieras personalizar:
Las cintas ayudan a los organizadores de eventos y a los asistentes a comprender rápidamente el estado y la disponibilidad del evento.
- Haz clic en la pestaña Mostrar.
- Haz clic en Cintas.
- Haz clic en el nombre de la cinta correspondiente y activa la palanca Cinta:
- Cinta de agotado: todas las entradas para el evento están agotadas.
- Cinta de RSVP cerrada: el registro está cerrado.
- Cinta de unirse a lista de espera: cuando un evento con confirmación de asistencia tiene lista de espera.
- Cinta de membresía: el evento es exclusivo para miembros.
- Cinta de múltiples fechas: el evento tiene lugar en varias fechas.
Consejo: haz clic en la pestaña
Texto para editar el texto en las cintas disponibles.
Detalles del evento/información adicional del evento
- Haz clic en la pestaña Mostrar.
- Haz clic en las palancas correspondientes para elegir qué mostrar u ocultar:
- Título: muestra u oculta el título del evento.
- Botón Mostrar más: muestra u oculta el botón que permite a los visitantes mostrar más eventos.
- Imagen del evento: muestra u oculta la imagen del evento.
- Cintas: haz clic para administrar las cintas que se muestran en los eventos.
- Insignias de eventos: haz clic para administrar las insignias que se muestran en los eventos.
- Cuenta regresiva: muestra u oculta una cuenta regresiva hasta que comienza el evento.
- Fecha: muestra u oculta la fecha del evento.
- Ubicación: muestra u oculta la ubicación del evento.
- Permite información adicional: muestra u oculta detalles adicionales del evento. Si esta opción está activada, elige qué más mostrar:
- Fecha: muestra u oculta la fecha del evento en la sección de información adicional.
- Ubicación: muestra u oculta la ubicación del evento en la sección de información adicional.
- Descripción: muestra u oculta la descripción del evento.
- Invitados: muestra u oculta los avatares de los invitados.
- Compartir en redes sociales: muestra u oculta las opciones para compartir en redes sociales.
Personaliza el diseño de la lista de eventos para que coincida con el aspecto de tu sitio y resalte los detalles importantes del evento.
- Haz clic en la pestaña Diseño.
- Haz clic en los elementos de diseño correspondientes para personalizar lo siguiente:
- Texto: personaliza el estilo, el tamaño y el color de la fuente, y otras propiedades del texto.
- Cintas: llama la atención sobre aspectos importantes del evento, como los siguientes:
- Cinta de membresía: se muestra cuando un evento con entradas tiene membresías conectadas.
- Cinta de múltiples fechas: se muestra cuando un evento tiene varias fechas.
- Insignias de eventos: personaliza el diseño de las insignias de eventos para resaltar ciertos detalles, como entradas limitadas y precios por reserva anticipada.
- Cuenta regresiva: personaliza el texto, los colores, el borde y las esquinas de la cuenta regresiva.
- Botón: personaliza la apariencia de los botones, incluida la forma, el color y el texto.
- Imagen: personaliza la apariencia de la imagen del evento en la lista.
- Fondo del área: personaliza el fondo de la lista de eventos.
- Información adicional: personaliza la apariencia de los detalles adicionales del evento, como la fecha, el lugar, la descripción y los iconos para compartir en redes sociales.
Personalizar la versión móvil de los eventos
Personaliza la lista de eventos para dispositivos móviles a fin de que los eventos sean claros y fáciles de navegar en pantallas más pequeñas.
Para personalizar el diseño para la versión móvil:
- Ve al editor.
- Ve a la página de Eventos:
- Haz clic en Páginas y menú
a la izquierda del editor.
- Haz clic en Páginas del evento.
- Haz clic en la página de Eventos.
- Haz clic en el icono Cambiar a la versión móvil
en la parte superior del editor.
- Haz clic en el elemento Lista de eventos en la página.
- Haz clic en Ajustes.
- Elige lo que quieras personalizar:
Las cintas ayudan a los organizadores de eventos y a los asistentes a comprender rápidamente el estado y la disponibilidad del evento.
- Haz clic en la pestaña Mostrar.
- Haz clic en Cintas.
- Haz clic en el nombre de la cinta correspondiente y activa la palanca Cinta:
- Cinta de agotado: todas las entradas para el evento están agotadas.
- Cinta de RSVP cerrada: el registro está cerrado.
- Cinta de unirse a lista de espera: cuando un evento con confirmación de asistencia tiene lista de espera.
- Cinta de membresía: el evento es exclusivo para miembros.
- Cinta de múltiples fechas: el evento tiene lugar en varias fechas.
Detalles del evento/información adicional del evento
- Haz clic en la pestaña Mostrar.
- Haz clic en las palancas correspondientes para elegir qué mostrar u ocultar:
- Título: muestra u oculta el título del evento.
- Botón Mostrar más: muestra u oculta el botón que permite a los visitantes mostrar más eventos.
- Imagen del evento: muestra u oculta la imagen del evento.
- Cintas: haz clic para administrar las cintas que se muestran en los eventos.
- Insignias de eventos: haz clic para administrar las insignias que se muestran en los eventos.
- Cuenta regresiva: muestra u oculta una cuenta regresiva hasta que comienza el evento.
- Fecha: muestra u oculta la fecha del evento.
- Permite información adicional: muestra u oculta detalles adicionales del evento. Si esta opción está activada, elige qué más mostrar:
- Fecha: muestra u oculta la fecha del evento en la sección de información adicional.
- Ubicación: muestra u oculta la ubicación del evento en la sección de información adicional.
- Descripción: muestra u oculta la descripción del evento.
- Invitados: muestra u oculta los avatares de los invitados.
- Compartir en redes sociales: muestra u oculta las opciones para compartir en redes sociales.
Personaliza el diseño de la lista de eventos para que coincida con el aspecto de tu sitio en la versión móvil.
- Haz clic en la pestaña Diseño.
- Haz clic en los elementos de diseño correspondientes para personalizar lo siguiente:
- Texto: ajusta la fuente y el color de los detalles del evento, como el nombre y la fecha del evento.
- Cintas: establece el estilo y el color de la fuente de las cintas que muestras (por ejemplo, Cinta de membresía).
- Insignias de eventos: personaliza el diseño de las insignias de eventos para resaltar ciertos detalles, como entradas limitadas y precios por reserva anticipada.
- Cuenta regresiva: personaliza el texto, los colores, el borde y las esquinas de la cuenta regresiva.
- Botones y enlaces: personaliza la apariencia de los botones y los enlaces, incluida la forma, el color y el texto.
- Imagen: personaliza la apariencia de la imagen del evento en la lista.
- Fondo del área: personaliza el fondo de la lista de eventos.
- Al hacer clic: elige la fuente y el color para los elementos en los que se puede hacer clic, como la fecha y la ubicación del evento.