El contenido dinámico es una función versátil que convierte los elementos de tu sitio web en componentes dinámicos basados en datos. Esto significa que, en lugar de actualizar manualmente cada elemento de tu sitio, puedes vincular elementos a una única fuente de datos, ya sea administrada desde el editor o desde fuentes externas. Esto garantiza que tu sitio web se mantenga coherente, preciso y actualizado con un mínimo esfuerzo.
Puedes crear tu propio Contenido Dinámico: Páginas Dinámicas, que funcionan como plantillas que rellenan automáticamente varias páginas con el mismo diseño y estructura. Además, el contenido dinámico potencia funciones integradas como entradas de blog y páginas de producto, integrando y mostrando tus datos a la perfección.
En esencia, el contenido dinámico simplifica tu flujo de trabajo al centralizar la gestión de datos, reducir las actualizaciones manuales y garantizar que tu sitio web siempre refleje la información más actualizada.
¿Qué es el contenido dinámico?
El contenido dinámico es el contenido de un sitio que se genera o actualiza automáticamente según los datos de una colección o base de datos. En lugar de actualizar el sitio manualmente, se pueden realizar actualizaciones en la colección o base de datos.
Esta función potencia herramientas integradas (como blogs), contenido semipersonalizable como contenido empresarial dinámico y soluciones totalmente personalizables como páginas dinámicas.
Continúa leyendo para más información sobre dónde se almacena el contenido dinámico, cómo se puede usar y cómo se conecta a tu sitio en las secciones siguientes.
Dónde se almacena el contenido dinámico
Hay varios lugares donde se puede almacenar contenido y la ubicación puede depender de tu objetivo final.
- Datos conectados: Información empresarial, texto e imágenes (dentro del editor). Estas áreas son ideales para almacenar contenido estático que pueda necesitar actualizaciones, como números de teléfono, imágenes del equipo, etc. Al actualizarse, este contenido se actualizará automáticamente en todos los elementos conectados del sitio. Consulta Contenido dinámico: Información empresarial, texto e imágenes.
- Colecciones (internas, Hojas de cálculo de Google, Airtable y externas): Las colecciones son similares a las bases de datos, ya que contienen listas de elementos con el mismo tipo de información (nombre, ubicación, imagen, etc.). Su uso habitual es generar varias páginas a partir de una página dinámica; por ejemplo, listados de bienes raíces, páginas de equipo, etc. Las colecciones se pueden almacenar interna o externamente. Consulta Contenido dinámico: Colecciones. Sin embargo, si necesitas administrar contenido estático que requiere actualizaciones ocasionales y deseas más flexibilidad que la que ofrece el área de Información empresarial, también puedes usar colecciones en páginas normales (consulta Contenido dinámico: Colecciones para páginas normales).
- Funciones integradas: dentro de funcionalidades integradas como publicaciones de blog y páginas de productos.
Dónde se puede utilizar el contenido dinámico
El contenido dinámico se puede utilizar en diversas áreas, dependiendo de dónde se almacene o cómo se configure.
- Widgets.
- Para obtener detalles sobre qué widgets están disponibles para los diferentes tipos de opciones de almacenamiento, consulta Vinculación de widgets y Ajustes a continuación.
- Elementos del lienzo.
- Fondos de filas y columnas.
- Ajustes.
- SEO específico de página.
- Gráfico abierto específico de página.
- Encabezado HTML específico de página (enlace en línea).
Consejo:
Las funciones integradas, las publicaciones del blog y las páginas de productos están prediseñadas con casi todo lo que necesitas, aunque vienen con la flexibilidad de poder editarlas.
Vinculación de widgets y Ajustes
Widgets y elementos |
Datos conectados (información comercial, texto e imágenes) y colecciones configuradas para usar en páginas normales |
Colecciones (cuando se conecta a una página dinámica) |
Texto: párrafo, títulos |
✓ |
✓ |
Icono |
✓ |
✓ |
Imagen |
✓ |
✓ |
Mapa |
✓ |
✓ |
Múltiples ubicaciones (solo datos conectados) |
✓ |
✗ |
Botón/Clic para llamar/Clic para enviar correo electrónico (texto en el botón) |
✓ |
✓ |
Widgets sociales |
✓ |
✓ |
Galería de fotos |
✗ |
✓ |
Control deslizante de imágenes |
✗ |
✓ |
Control deslizante de medios |
✗ |
✓ |
Lista |
✗ |
✓ |
Control deslizante de fondo |
✗ |
✓ |
Imagen de fondo |
✓ |
✓ |
Horario comercial (actualización solo mediante API ) |
✓ |
✓ |
Widget de texto e imagen |
✓ |
✓ |
Widget de forma |
✓ |
✓ |
Widget HTML |
✓ |
✓ |
Formulario de contacto |
✓ |
✓ |
Widget de acordeón |
✓ |
✓ |
Widget de tabla |
✗ |
✓ |
Cómo se conecta el contenido dinámico
Hay dos formas de conectar el contenido dinámico:
Vinculación de widgets y Ajustes. Se pueden conectar widgets completos y ciertos ajustes.
Enlace en línea. Conecta fragmentos específicos de texto, como el nombre o la descripción de una empresa, dentro de una sección más extensa de texto que no está conectada.
Vinculación completa del widget y los ajustes
Consejo:
Las funciones integradas, publicaciones de blog y páginas de productos vienen con widgets ya conectados.
Para conectar un widget o un elemento de lienzo (fondos de fila y columna):
- Haz clic derecho en el widget o elemento que deseas conectar y selecciona Conectar a datos.
- Selecciona los datos deseados utilizando el menú desplegable (solo se muestran las opciones de datos relevantes).
- Selecciona Listo.
Los datos conectados 
El icono aparece en el widget o elemento indicando que está conectado.
Para conectar los ajustes de SEO y el HTML del encabezado:
- En el panel lateral, haz clic en Páginas y luego en Ajustes (
) icono de la página dinámica deseada.
- Haz clic en Editar página SEO.
- Haz clic en Conectar datos Icono del campo deseado. Consejo: Continúa desplazándote hasta llegar al campo HTML del encabezado.
- Selecciona los datos deseados utilizando el menú desplegable (solo se muestran las opciones de datos relevantes).
- Haz clic en Listo.
Enlace en línea
La vinculación en línea permite usar texto dinámico para una o varias palabras específicas dentro de los widgets compatibles. El texto conectado se puede diseñar y vincular como texto normal.
El diseño de la biblioteca de contenido anula el diseño del editor de texto para el texto conectado.
Para utilizar el enlace en línea para widgets de texto:
- Escribe {{{ en el editor de texto para activar la ventana emergente Conectar datos.
- Selecciona la etiqueta que deseas conectar.
- Haz clic en Guardar.
Durante la edición, la etiqueta aparece en el editor entre llaves (por ejemplo, {{label}}). El texto conectado se muestra al cerrar el editor. También puedes visualizar el texto conectado haciendo clic en Datos conectados. icono.
Solo los usuarios con datos conectados en su cuenta ven el ícono de datos conectados, pero todos los usuarios ven la etiqueta entre llaves mientras editan.
Como alternativa, puedes escribir la etiqueta directamente en el editor de texto, entre dos llaves, para conectar el texto mediante enlaces en línea. Por ejemplo, {{content_library.global}}.
Enlace en línea para el widget Acordeón
Para utilizar el enlace en línea para el widget Acordeón:
- Añade un widget de acordeón a la página deseada.
- Abre la pestaña de contenido del widget.
- Selecciona cualquier elemento del acordeón.
- En el cuadro de texto del campo de descripción, haz clic en el botón Enlace de datos
en la parte superior izquierda de la barra de herramientas.
- Desde la ventana emergente de datos conectados, elige cualquier campo que desees conectar.
- El campo seleccionado se agregará al campo de descripción como un elemento de enlace en línea: esto indica que también puedes agregar texto estático a la descripción y combinarlo con los datos dinámicos.
Actualmente, solo la descripción admite la vinculación en línea. Todos los otros campos (título, imagen y botón) son estáticos. Si no se necesitan, se pueden ocultar los campos de imagen y botón.
Desconectar datos
Para desconectar un widget:
- Haz clic derecho en el widget y haz clic en Cambiar conexión.
- En el menú, selecciona Ninguno.
- Para los widgets que tienen menús de edición de contenido, si ya estás en el editor de contenido del widget, puedes pasar el cursor sobre el ícono azul en la esquina superior derecha y hacer clic en Desconectar.
Al desconectar un widget, el texto y su estilo vuelven al estilo utilizado anteriormente.
Para desconectar los ajustes de SEO y el HTML del encabezado:
- En el panel lateral, haz clic en Páginas y luego en Ajustes ( ) icono de la página dinámica deseada.
- Haz clic en Editar página SEO.
- Haz clic en Conectar datos Icono del campo deseado. Consejo: Continúa desplazándote hasta llegar al campo HTML del encabezado.
- Haz clic en la lista desplegable y selecciona Ninguno.
- Haz clic en Listo.