CMS: usar una página dinámica de ítem como página de registro y detalles del evento
20 min de lectura
¿Necesitas más control sobre el diseño y el estilo de la página de registro y detalles del evento? Si es así, puedes usar el CMS (Sistema de gestión de contenido) de Wix para crear una página dinámica de ítem que sirva como plantilla personalizada para mostrar cada evento individual.
Solo necesitas diseñar la página una vez al conectar los elementos de imagen, texto y botón a los campos correspondientes en la colección Events del CMS. Cuando publicas tu sitio, cada evento obtiene su propia versión de la página dinámica de ítem con una URL única.
Con este método, también recomendamos crear una página dinámica de lista para tus eventos, en la que los visitantes pueden ver todos los eventos en un solo lugar. Cuando hacen clic en un evento en la página dinámica de lista, se los dirige a esta página dinámica de ítem, en la que se muestran los detalles sobre el evento.
Antes de comenzar:
- Agrega Wix Events a tu sitio y publica tus eventos.
- Agrega el CMS a tu sitio si aún no lo has hecho.
- Habilita las colecciones de apps de Wix para que puedas usar Wix Events con el CMS.
Paso 1 | Agrega una página dinámica de ítem para tu evento
Comienza en el editor accediendo a las colecciones de apps de Wix del CMS y encuentra la colección Events. Luego, crea una página dinámica de ítem a partir de esta colección. Esta página dinámica funcionará como una plantilla, y cada evento tendrá su propia versión de la página.
Editor de Wix
Editor X
Editor de Wix Studio
- Ve al editor.
- Haz clic en CMS
a la izquierda del editor. - Haz clic en Colecciones de apps de Wix a la izquierda.
- Desplázate hacia abajo hasta las colecciones Events.
- Pasa el cursor sobre Events, haz clic en el icono Más acciones
y selecciona Agregar página dinámica.
- Haz clic en Página de un ítem.
- Haz clic en Agregar.
Paso 2 | (Opcional) Modifica la estructura del slug de la URL
Cada uno de los eventos tendrá una versión dedicada de la página dinámica de ítem que acabas de crear. De forma predeterminada, estas páginas tienen la siguiente estructura de URL, y la última parte {Title} cambia según el nombre del evento:
- En el Editor de Wix: https://www.{your-domain.com}/events-1/{Title}
- En el Editor X y el Editor de Wix Studio: https://www.{your-domain.com}/events/{Title}
Al editar la estructura del slug de la URL, esa estructura no puede ser utilizada ya por otras páginas existentes de tu sitio. Para que sea única, la estructura del slug de la URL no puede tener el mismo prefijo (por ejemplo, {Nombre de la colección}) y el mismo número de variables que otra página de tu sitio, incluso si las variables son diferentes. Más información sobre cómo crear URL de páginas dinámicas únicas.
Muéstrame un ejemplo de estructuras de slug de URL en conflicto que no se pueden usar
Para editar la estructura del slug de la URL:
Editor de Wix
Editor X
Editor de Wix Studio
Si estás usando el Editor de Wix, la parte de eventos del slug de tu URL ya está siendo utilizada por una página que muestra tus eventos próximos y pasados. Por este motivo, el CMS agrega -1 después de los eventos para darle a esta nueva página dinámica de ítem una URL única. Puedes cambiar este slug de URL a una nueva estructura que tu sitio online aún no utilice.
Para editar la estructura del slug de la URL de la página dinámica de ítem:
- Ve al editor.
- Haz clic en Páginas y menú
a la izquierda del editor. - Haz clic en Páginas dinámicas.
- Pasa el cursor sobre la página Events (Item) en COLECCIÓN EVENTS/EVENTS y haz clic en el icono Más acciones
a la derecha - Haz clic en SEO básico.
- Haz clic en el campo Estructura del slug de la URL.
- Personaliza la estructura del slug de la URL y pulsa Enter en el teclado. Por ejemplo, podrías cambiar events-1 a event.
Paso 3 | Personaliza la nueva página dinámica de ítem
Al usar el CMS, los conjuntos de datos son las herramientas ocultas que conectan los elementos de tu página a los ítems de tu colección. En este caso, estás conectando texto, botones y una imagen a la colección Events, lo que permite que cada versión de la página muestre detalles sobre el evento correspondiente. Puedes agregar y conectar más elementos de texto o botón y luego organizar la página como mejor te parezca.
Editor de Wix
Editor X
Editor de Wix Studio
- Ve al editor.
- Ve a la página Events (Item).
- Conecta los elementos en la página:
- Botón Volver: haz clic en el botón Volver y luego en el icono Enlace
y elige adónde dirige el botón a los visitantes.
Consejo: Enlaza este botón a una página o una sección de tu sitio que tenga una lista de tus eventos. - Elementos de texto: haz clic en el elemento de texto correspondiente y luego en el icono Conectar a CMS
. En el panel Conectar texto, haz clic en el menú desplegable El texto se conecta a y elige el campo Eventos que deseas usar en el elemento de texto. Repite este paso para cada elemento de texto de la página que desees conectar al texto de tus eventos. - Imagen: haz clic en la imagen y luego en el icono Conectar a CMS . En el panel Conectar imagen , haz clic en los menús desplegables correspondientes para conectar la imagen, el texto alternativo, la descripción emergente y el enlace.
- Botón Volver: haz clic en el botón Volver y luego en el icono Enlace
- (Opcional) Agrega más elementos de texto y haz clic en los iconos Conectar a CMS para conectarlos a la colección del CMS Events. Por ejemplo, puedes conectar texto a los siguientes campos de eventos:
- Title (texto): el nombre del evento.
- Description (texto): la descripción del campo Avance breve (opcional) del evento.
- About (texto enriquecido): el campo de texto enriquecido Acerca del evento (opcional).
- Schedule formatted (texto): la fecha y la hora del evento (por ejemplo, "1 de abril de 2024, de 19:00 a 23:00")
- Start date formatted (texto): la fecha de inicio del evento (por ejemplo, "1 de abril de 2024")
- Start time formatted (texto): la hora de inicio del evento, con el formato de tus ajustes locales. Si la agenda del evento está por determinarse, este campo queda en blanco.
- Location name (texto): la ubicación del evento o el mensaje No determinado del panel de control de Events.
- Location address (texto): la dirección completa del evento. Si la ubicación no está determinada, el campo queda en blanco.
- Status (texto): uno de los siguientes estados del evento:
- SCHEDULED: la fecha del evento es futura.
- STARTED: ha llegado la hora de inicio del evento.
- ENDED: ha pasado la hora de finalización del evento.
- CANCELED: el evento se canceló.
- Lowest price formatted (texto): el precio más bajo disponible, formateado con tu moneda. Nota:
- Si el evento tiene registro de confirmación de asistencia o es externo, este campo queda en blanco.
- Si hay entradas vendidas para este evento, se muestra el precio más bajo disponible.
- Si se ofrecen entradas gratuitas, se muestra "Gratis".
- Agrega botones dinámicos que permitan a los invitados registrarse para el evento o agregarlo a su calendario:
- Haz clic en Agregar elementos
a la izquierda, haz clic en Botón y luego selecciona el botón que deseas agregar. - Haz clic en el botón y luego en el icono Conectar a CMS .
- Haz clic en el menú desplegable La acción del clic conecta a y elige lo que sucede cuando los visitantes hacen clic en el botón:
- Site event page url: los visitantes van a la página de registro y detalles del evento, en la que pueden registrarse para el evento.
- Google calendar url (URL): el visitante agrega el evento a su calendario de Google.
- iCalendar url (URL): el visitante descarga un enlace de iCalendar al evento.
- Registration url (URL): los visitantes van a la URL de registro si el registro para el evento de Wix se administra externamente.
- Elige cómo se abre el enlace: En la ventana actual o En una nueva ventana.
- Haz clic en el menú desplegable La etiqueta se conecta a y elige un campo para usar como texto del botón dinámico. O haz clic en Cambiar icono y texto en el botón para ingresar un texto estático (por ejemplo, "Registrarse").
- Haz clic en Agregar elementos
- Ajusta el tamaño, la ubicación y el diseño de los elementos de la página a tu gusto.
- Haz clic en Vista previa para probar tu página dinámica de eventos.
- Haz clic en Publicar cuando lo tengas todo listo para publicar los cambios.
¿Te ha sido útil?
|