CMS: crear una página de detalles del evento personalizada

Crear una página de detalles del evento personalizada supone varias ventajas. Al usar los detalles del evento integrados, tienes un control limitado sobre el aspecto de la página. También debes tener un botón de confirmación de asistencia que enlace al formulario de registro incorporado. Sin embargo, cuando creas una página de detalles del evento personalizada, puedes personalizar el aspecto de tu página y decidir qué se muestra y cómo.

En este artículo, cubrimos los pasos necesarios para crear la página de detalles del evento personalizada que se muestra a continuación. Creamos una página dinámica y usamos un conjunto de datos para conectar varios elementos de la página y el fondo de la página a los datos del evento. Puedes seguir los mismos pasos para crear una página de detalles del evento que luego puedas personalizar para que se ajuste al diseño y las necesidades de tu sitio. 

Antes de crear una página de detalles del evento personalizada, debes agregar la app Wix Events a tu sitio. También debes asegurarte de que las colecciones de apps de Wix estén habilitadas. Usa la app Wix Events para crear eventos y agregar información sobre los eventos. Observa que se ha agregado a tu sitio una colección de base de datos llamada Eventos. Esta colección contiene todos los datos de tus eventos.

Quizás también desees familiarizarte con lo siguiente:

Por lo general, los visitantes llegan a una página de detalles del evento personalizada a través de una galería de eventos personalizada. Para aprender a crear una galería de eventos personalizada, consulta Cómo crear una galería de eventos personalizada (enlace en inglés)

Una página dinámica es una página cuyo estilo permite rellenar los elementos de tu página con los datos de cualquier ítem (evento) de tu colección. Aquí crearemos una página dinámica a partir de la colección de eventos predeterminada, para que todo se enlace automáticamente. 

Ahora tenemos una página dinámica de ítem en blanco con un conjunto de datos dinámico conectado a la colección Eventos.

En nuestro ejemplo, queremos mostrar la siguiente información en nuestra página de detalles del evento personalizada:

 
Para ello, agregamos una caja y tres elementos de texto. Conectaremos estos elementos al conjunto de datos dinámicos para mostrar el título, la fecha y la descripción. Mientras tanto, hemos decidido dar a estos elementos identificaciones significativas mediante el Panel de propiedades. En nuestro diseño, mostramos la imagen del evento como fondo de la página, por lo que no necesitamos agregar un elemento de imagen.

Recuerda que, como esta es una página de detalles personalizada, puedes diseñarla como quieras. Dado que se trata de una página dinámica, solo necesitas diseñarla una vez y tendrá el mismo aspecto para todos los eventos. Por ejemplo, puedes agregar una imagen en lugar de usar el fondo de la página, un botón adicional o cualquier elemento que desees.

Un conjunto de datos actúa como un puente entre los datos de la colección de nuestros eventos y los elementos de nuestra página. Como ya tenemos un conjunto de datos en nuestra página, todo lo que tenemos que hacer es conectarlo a los elementos de la página con el botón Conectar a CMS .

Estas son las conexiones que hacemos:

De momento ya tenemos una página de detalles personalizada en funcionamiento. Ahora, debemos configurar una forma para que los usuarios accedan a nuestras páginas de detalles. Por lo general, los visitantes llegan a una página de detalles del evento personalizada a través de una galería de eventos personalizada. Suponiendo que ya hayas creado una galería de eventos personalizada (enlace en inglés), deberás agregar un enlace a la página de detalles desde la galería.

Para enlazar a nuestra página de detalles, agregamos un botón al repetidor en nuestra galería de eventos. Al usar el botón Conectar a CMS dentro de El enlace se conecta a, conectamos el botón a la página dinámica que creamos anteriormente, Eventos/Eventos{Slug}.

Si lo deseas, puedes agregar enlaces a otras funciones de tu página de detalles personalizada. En nuestro ejemplo, agregamos tres botones:

Al pulsar el botón Atrás, los visitantes vuelven a nuestra galería de eventos personalizada. Para crearlo, agregamos un botón y cambiamos su texto a Volver a la lista de eventos. Como nuestra galería de eventos personalizada se crea en una página que no es dinámica, usamos el botón Enlace para configurar su enlace a la página con nuestra galería personalizada.

El botón Agregar al calendario de Google permite agregar el evento al calendario de Google del visitante. Para crearlo, agregamos un botón y cambiamos su texto a Agregar al calendario de Google. Como el enlace del calendario de Google se almacena en la colección Eventos, usamos el botón Conectar a CMS para conectarlo al conjunto de datos de la página. En El enlace se conecta a, elegimos el campo URL del calendario de Google.

El botón de registro para el evento dirige al visitante al formulario de registro integrado. Para crearlo, agregamos un botón y cambiamos su texto a Registrarse en el evento. Una vez más, como el enlace está almacenado en la colección de eventos, usamos el botón Conectar a CMS para conectarlo al conjunto de datos de la página. En El enlace se conecta a, elegimos el campo URL de registro.