Built on WIX Headless

Docs Widgets Widget Dynamic Page

Widget Dynamic Page

Muestra un ítem de colección CMS por URL con layouts y SEO por ítem en Wix Harmony.

El widget Dynamic Page muestra un ítem de colección por URL (por ejemplo /fruits/apple). La URL decide qué ítem rellena el layout.

Crea la página como una dynamic page nativa de Wix. El widget Dynamic Page, y los enlaces desde Repeater, Table, Slideshow, Media Gallery y Calendar, abren esas URLs.

Create the page

  1. Abre la colección.
  2. Elige More actions → Add collection page.
  3. Wix añade una dynamic page nativa. Anota su ruta — la parte anterior al slug del ítem. Una colección Fruits puede usar fruits para URLs como /fruits/apple.

Wix guarda el slug de cada ítem en el campo Item slug.

Paso a paso: Cómo configurar Dynamic Pages.

Conectar con una dynamic page nativa de Wix

En el widget Dynamic Page, y en cualquier Repeater, Table, Slideshow, Media Gallery o Calendar que deba abrir esas URLs:

  1. Conecta la misma colección.
  2. Configura Page path con la ruta nativa (fruits en el ejemplo). Sin barra inicial.
  3. Configura Page link field en Item slug — el campo slug de Wix. Una colección configurada para una página /item antigua también puede tener un campo Dynamic page slug; no lo selecciones en una página nativa nueva.

Page path con la ruta nativa y Page link field en Item slug

Usa el mismo Page path y Page link field en el widget Dynamic Page y en cada widget que enlace a esa página. Coloca el widget Dynamic Page en la collection page nativa cuando esa página deba mostrar el ítem.

Layouts

Elige un Mode de layout:

  • Preset — disposiciones Hero, Split, Stack o Minimal
  • Custom — arrastra campos en una cuadrícula (Arrange fields), como las tarjetas personalizadas del Repeater
  • HTML / CSS — marcado y estilos totalmente personalizados

Campos

Conecta cualquier campo de colección visualizable, incluidas imágenes, vídeos, galerías, enlaces, referencias, Address y Color.

Campos Date & time

En Formatting, activa Show timezone para añadir la abreviatura de zona horaria local del visitante (por ejemplo EST o GMT+2).

Payments

Con pagos de catálogo activados en la colección (Pro), activa Show payment actions para Add to cart / Buy now en la página del ítem.

Campos Address

En Formatting, configura Display as:

  • Text — línea de dirección formateada
  • Map — pin interactivo de OpenStreetMap (necesita coordenadas en el valor)
  • Text and map — ambos

También puedes definir la altura del mapa. Si eliges modo mapa pero faltan coordenadas, el widget vuelve al texto cuando esté disponible.

Campos Video

Para campos Video (y vídeos dentro de galerías), configura Video playback para abrir en un modal, reproducir en línea al hacer clic, o autoplay silenciado.

Campos Color

En Formatting, configura Display as en Swatch, Hex o Swatch and hex, y opcionalmente ajusta el tamaño del swatch.

Campos Reference

Para campos Reference / Multi-reference, elige un Display field de la colección relacionada para la etiqueta que se muestra en la página.

Data refresh

En Data refresh, activa Show refresh button y/o Auto-refresh para que los visitantes recarguen el ítem actual sin salir de la página. Auto-refresh se pausa cuando la pestaña está oculta. Un Form en la misma página con Update displays on this page también puede recargar este widget tras el envío cuando usa la misma colección.

URLs de dynamic page

Dónde: Settings → Dynamic page

Esta sección conecta la plantilla con las URLs de ítem. Para una página nueva, usa Conectar con una dynamic page nativa de Wix.

Collection page nativa

  1. Configura Page path con la ruta nativa (fruits para /fruits/apple).
  2. Configura Page link field en Item slug.
  3. Opcionalmente elige un Preview item para rellenar la plantilla en el editor. Las páginas en vivo siempre usan el slug de la URL.

Una página /item que ya está en el sitio

  1. Configura Page path con el prefijo de esa página — item para /item/jane-doe, o item-1 / item-2 para una página añadida en una versión anterior.
  2. Configura Page link field en Dynamic page slug.
  3. Opcionalmente elige un Preview item. Las páginas en vivo siempre usan el slug de la URL.

Make dynamic se ha eliminado, así que la app ya no crea ni edita el campo Dynamic page slug. El campo se mantiene en la colección y Wix lo sigue rellenando para los ítems nuevos. Para cambiar cómo se generan los slugs, pasa la colección a una collection page nativa.

Pista en el panel: Editor only — live pages use the URL slug.

SEO por ítem

Mapea título, descripción e imagen para compartir desde campos de la colección para que cada ítem pueda tener su propia vista previa de búsqueda y redes.

Configuración

Los widgets, incluido Dynamic Page, se añaden desde Add → Elements → Installed Apps — consulta Añadir widgets. Coloca Dynamic Page en la página de colección nativa.

Usa AI setup en el panel para un inicio en lenguaje natural y luego afina en Manual. Detalles: AI setup.

  1. Crea una página dinámica nativa para la colección (More actions → Add collection page).
  2. En esa página, añade Dynamic Page y abre Settings.
  3. Conecta la colección y elige campos / layout.
  4. Configura Page path y Page link field como en Conectar con una dynamic page nativa de Wix.
  5. Opcionalmente activa Data refresh.
  6. Mapea los campos SEO (recomendado).

Otra colección

Cada colección tiene su propia página dinámica nativa: More actions → Add collection page, añade Dynamic Page y configura Page path con la ruta de esa página.

Enlazar desde displays

En Repeater, Table, Slideshow, Media Gallery o Calendar, activa Link to item page (misma colección y Page path que el Dynamic Page) para que los clics abran la URL de ese ítem en la plantilla.