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 contenido, puedes vincularlos a una única fuente de datos, ya sea gestionada desde el editor o desde fuentes externas. De esta forma, tu sitio web se mantiene coherente, preciso y actualizado con un mínimo esfuerzo.
Puedes crear tu propio contenido dinámico: páginas dinámicas que funcionan como plantillas para rellenar 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 productos, 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 reciente.
¿Qué es el contenido dinámico?
El contenido dinámico es aquel que se genera o actualiza automáticamente en un sitio web a partir de datos de una colección o base de datos. En lugar de actualizar el sitio manualmente, las actualizaciones se realizan directamente en la colección o base de datos.
Esta función permite el funcionamiento de herramientas integradas (como blogs), contenido semipersonalizable como contenido empresarial dinámico y soluciones totalmente personalizables como páginas dinámicas.
Continúe leyendo para más información sobre dónde se almacena el contenido dinámico, cómo se puede utilizar y cómo se conecta con su sitio web en las secciones siguientes.
Dónde se almacena el contenido dinámico
Existen varios lugares donde se puede almacenar el contenido, y la ubicación puede depender de su objetivo final.
- Datos conectados: Información empresarial, texto e imágenes (dentro del editor). Estas áreas son ideales para almacenar contenido estático que puede requerir actualizaciones, como números de teléfono, imágenes del equipo y más. Al actualizarse, este contenido se actualizará automáticamente en todos los elementos conectados del sitio. Consulte Contenido dinámico: Información empresarial, texto e imágenes.
- Colecciones (Internas, Google Sheets, 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; algunos ejemplos son listados inmobiliarios, páginas de equipo, etc. Las colecciones se pueden almacenar interna o externamente. Consulte Contenido dinámico: Colecciones. Sin embargo, si necesita gestionar contenido estático que requiere actualizaciones ocasionales y desea mayor flexibilidad que la que ofrece el área de Información empresarial, también puede usar colecciones en páginas normales (consulte Contenido dinámico: Colecciones para páginas normales).
- Funcionalidades integradas: Dentro de las funcionalidades incorporadas, como las publicaciones de blog y las páginas de productos.
Dónde se puede utilizar contenido dinámico
El contenido dinámico se puede utilizar en diversas áreas, dependiendo de dónde se almacene o cómo esté configurado.
- Widgets.
- Para obtener más información sobre los widgets disponibles para los diferentes tipos de opciones de almacenamiento, consulte la sección "Enlace 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.
- HTML de encabezado específico de página (enlace en línea).
Consejo:
Las funciones integradas, las entradas del blog y las páginas de productos vienen prediseñadas con prácticamente todo lo necesario, aunque ofrecen la flexibilidad de poder editarlas.
Enlace de widgets y ajustes
| Widgets y elementos | Datos conectados (información empresarial, texto e imágenes) y colecciones configuradas para su uso en páginas normales. | Colecciones (cuando están conectadas 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 | ✗ | ✓ |
| Carrusel de imágenes | ✗ | ✓ |
| Control deslizante multimedia | ✗ | ✓ |
| Lista | ✗ | ✓ |
| Deslizador de fondo | ✗ | ✓ |
| Imagen de fondo | ✓ | ✓ |
| Horario comercial (actualización solo a través de la 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
Existen dos formas de conectar el contenido dinámico:
Vinculación completa del widget y los ajustes. Se pueden conectar widgets completos y ciertos ajustes.
Enlace en línea. Conecta porciones específicas de texto, como el nombre o la descripción de una empresa, dentro de una sección de texto más amplia que no esté conectada.
Enlace completo del widget y los ajustes
Consejo:
Las funciones integradas, las entradas del blog y las páginas de productos vienen con widgets ya conectados.
Para conectar un widget o un elemento canvas (fondos de filas y columnas):
- Haz clic con el botón derecho en el widget o elemento que quieras conectar y selecciona Conectar a datos .
- Selecciona los datos deseados mediante el menú desplegable (solo se muestran las opciones de datos relevantes).
- Selecciona Listo .
Aparece un icono de datos conectados 
en el widget o elemento, lo que indica que está conectado.
Para conectar los ajustes SEO y el HTML del encabezado:
- En el panel lateral, haz clic en Páginas y luego en el icono de ajustes (
) para la página dinámica deseada. - Haz clic en Editar SEO de la página .
- Haz clic en el icono Conectar datos del campo deseado. Consejo: Continúa desplazándote para llegar al campo HTML del encabezado.
- Selecciona los datos deseados mediante el menú desplegable (solo se muestran las opciones de datos relevantes).
- Haz clic en Listo .
Enlace en línea
El enlace en línea permite usar Dynamic para una palabra o palabras específicas dentro de los widgets compatibles. El texto conectado se puede diseñar y enlazar como si fuera texto normal.
El diseño de la biblioteca de contenido anula el diseño del editor de texto para el texto conectado.
Para usar el enlace en línea para widgets de texto:
- Escriba {{{ en el editor de texto para activar la ventana emergente Conectar datos.
- Seleccione la etiqueta que desea conectar.
- Haga clic en Guardar .
Durante la edición, la etiqueta aparece en el editor entre llaves (por ejemplo, {{label}} ). El texto conectado se muestra después de cerrar el editor. También puede mostrar el texto conectado haciendo clic en el icono de Datos conectados.
Solo los usuarios con datos conectados en su cuenta ven el icono de datos conectados, pero todos los usuarios ven la etiqueta entre llaves mientras editan.
Como alternativa, puede escribir la etiqueta directamente en el editor de texto entre dos llaves para conectar el texto mediante enlace en línea. Por ejemplo, {{content_library.global}} .
Enlace en línea para el widget Acordeón
Para usar el enlace en línea para el widget Acordeón:
- Agregue un widget de acordeón a la página deseada.
- Abra la pestaña de contenido del widget.
- Seleccione cualquier artículo del acordeón.
- En el campo de descripción, haga clic en el botón Enlace de datos .
en la parte superior izquierda de la barra de herramientas. - En la ventana emergente de datos conectados, seleccione cualquier campo que desee conectar.
- El campo seleccionado se añadirá al campo de descripción como un elemento de enlace en línea; esto indica que también puede añadir texto estático a la descripción y combinarlo con los datos dinámicos.
Actualmente, solo la descripción admite el enlace en línea. Todos los demás campos (título, imagen y botón) son estáticos. Si no son necesarios, los campos de imagen y botón se pueden ocultar.
Desconectar datos
Para desconectar un widget:
- Haz clic con el botón 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 te encuentras en el editor de contenido del widget, puedes colocar el cursor sobre el icono 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 SEO y el HTML del encabezado:
- En el panel lateral, haz clic en Páginas y luego en el icono de ajustes ( ) de la página dinámica deseada.
- Haz clic en Editar SEO de la página .
- Haz clic en el icono de Conectar datos del campo deseado. Consejo: Continúa desplazándote para llegar al campo HTML del encabezado.
- Haz clic en la lista desplegable y selecciona Ninguno.
- Haz clic en Listo .