CMS: agregar y configurar una página dinámica de ítem

18 min de lectura
Usa las páginas dinámicas de ítem para producir instantáneamente un número ilimitado de páginas, cada una de las cuales representa un ítem diferente de la colección del CMS. La página dinámica actúa como una plantilla, y cada ítem de la colección tiene su propia versión y dirección web únicas. Puedes personalizar la estructura de la URL de las páginas dinámicas para mantenerlas organizadas y garantizar que cada ítem tenga una URL única. 

Comienza por crear una página dinámica de ítem, luego diseña su estilo agregando y organizando los elementos. Conecta los elementos de la página, como texto e imágenes, a los campos de tu colección a través del conjunto de datos integrado. Como resultado, la versión única de la página de cada ítem muestra el contenido de los campos de la colección del ítem. 

Recomendamos vincular las páginas dinámicas de ítem de la colección con una página dinámica de lista que muestre un catálogo de los ítems en un repetidor, una galería o una tabla. Cuando los visitantes hacen clic en un ítem de la página dinámica de lista, se los lleva a la página dinámica de ítem, donde ven los detalles del ítem. 
Antes de comenzar:
Crea una colección del CMS que incluya los ítems que se mostrarán en su propia versión de esta página dinámica de ítem. 

Paso 1 | Agrega una página dinámica de ítem

Crea una página dinámica de ítem para la colección desde el panel del CMS en el editor. Esto agrega la página que actúa como plantilla para la versión única de cada ítem. Cada versión compartirá la misma página dinámica de ítem y simplemente cambiará los detalles según el ítem.  
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Haz clic en CMS  a la izquierda del editor.
  3. Haz clic en Tus colecciones.
  4. Pasa el cursor sobre la colección correspondiente y haz clic en el icono Más acciones
  5. Haz clic en Agregar página dinámica
Captura de pantalla de cómo agregar una página dinámica desde una colección en el Editor de Wix.
  1. Selecciona Página de un ítem y haz clic en Agregar al sitio
    Consejo: Selecciona Página de la lista también para agregar una página dinámica de lista para la colección al mismo tiempo.  

Paso 2 | (Opcional) Modifica la estructura del slug de la URL

Es posible que desees editar la estructura del slug de la URL que determina las direcciones web de las páginas dinámicas. Esto te permite mantener las URL organizadas y estructuradas a tu manera. 

Por ejemplo, puedes crear las siguientes estructuras del slug de URL para las páginas dinámicas: 
  • Página dinámica de lista: https://www.{tu-dominio.com}/{nombre-de-la-colección}
  • Página dinámica de categoría: https://www.{tu-dominio.com}/{nombre-de-la-colección}/{categoría}
  • Página dinámica de ítem: https://www.{tu-dominio.com}/{nombre-de-la-colección}/{categoría}/{campo-primario}

Asegúrate de crear una estructura de slug de URL para la página dinámica de ítem que garantice que cada ítem tenga una URL única. Sin una URL única, un ítem no puede tener su propia versión de la página dinámica de ítem. Más información sobre cómo crear URL de páginas dinámicas únicas.

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. 
Importante:
Si cambias la estructura del slug de la URL de tus páginas dinámicas, todos los enlaces existentes que dirijan a estas páginas dejarán de funcionar. Esto afecta a los enlaces dentro de tu sitio, a cualquier enlace que hayas compartido externamente y a los enlaces de SEO en los motores de búsqueda. Estamos lanzando una función que te permitirá agregar una redirección automática, que redirige a los visitantes y a los motores de búsqueda de la URL anterior a la nueva. 

Para editar la estructura del slug de la URL de tu página dinámica de ítem:

Editor de Wix
Editor de Wix Studio

  1. Ve al editor.
  2. Haz clic en Páginas y menúa la izquierda del editor.
  3. Haz clic en Páginas dinámicas
  4. Pasa el cursor sobre la página dinámica de ítem que acabas de crear y haz clic en el icono Más acciones  a la derecha. 
    Consejo: De forma predeterminada, la página dinámica de ítem que creaste se titula {Nombre de la colección} (Item). 
  5. Haz clic en SEO básico
  6. Edita el campo Estructura del slug de la URL
    • Haz clic en Agregar variable y elige un campo de texto o numérico para usar sus valores en la estructura del slug de la URL. 
    • Ingresa valores de texto o numéricos para usar valores estáticos en la estructura del slug de la URL. 
    • Pulsa Enter en el teclado para guardar los cambios en la estructura del slug de la URL. 
Captura de pantalla de cómo modificar la estructura del slug de la URL de una página dinámica de ítem.

Paso 3 | Conecta elementos de la página al CMS

De forma predeterminada, tu nueva página dinámica de ítem incluye elementos, como texto y una imagen, que se conectan automáticamente a los campos de la colección del CMS. 

Agrega y organiza los elementos que deseas incluir en la página dinámica de ítem. Luego, conecta los elementos a los campos de la colección del CMS dentro del conjunto de datos si deseas que cambien dinámicamente según el ítem. Deja los elementos desconectados del CMS si quieres que su contenido permanezca igual en cada versión. 

También debes tener botones predeterminados "Anterior" y "Siguiente" que lleven automáticamente a los visitantes al ítem anterior o al siguiente devuelto por el conjunto de datos. Puedes enlazar un botón "Atrás" adicional a la página dinámica de lista u otra ubicación en la que se enumeren los ítems. 
Editor de Wix
Editor de Wix Studio
  1. (Opcional) Agrega elementos a la página (por ejemplo, botones, texto, imágenes) o elimina elementos que no necesites.
  2. Conecta los elementos de tu página a la colección del CMS: 
Consejo:
3. Haz clic en Vista previa y usa la barra de herramientas de vista previa para probar cada versión de la página dinámica de ítem. 
Captura de pantalla del uso de la barra de herramientas de vista previa para verificar cómo se muestran otros ítems en la página dinámica de ítem.
4. Haz clic en Publicar si está todo listo para publicar los cambios. 

Preguntas frecuentes

Haz clic en una de las siguientes preguntas para obtener más información sobre cómo configurar páginas dinámicas de ítem. 

¿Te ha sido útil?

|