--- title: Primeros pasos con el contenido adaptable description: Primeros pasos con el contenido adaptable --- [Ir directamente al contenido](https://support.publitas.com/es/getting-started-with-adaptive-content#main-content) - [Español](https://support.publitas.com/es/getting-started-with-adaptive-content) - [Deutsch](https://support.publitas.com/de/getting-started-with-adaptive-content) - [English](https://support.publitas.com/getting-started-with-adaptive-content) - [Nederlands](https://support.publitas.com/nl/getting-started-with-adaptive-content) Español Traducciones de Mostrar submenú de [Contacte Soporte Tecnico](https://support.publitas.com/es/kb-tickets/new?hsLang=es) ![8e7d93d34c6a0dffd24a52422ca035bf10d6814b.png\]](https://support.publitas.com/hs-fs/hubfs/8e7d93d34c6a0dffd24a52422ca035bf10d6814b.png?height=36&name=8e7d93d34c6a0dffd24a52422ca035bf10d6814b.png) Abrir navegación principal Cerrar navegación principal - - [Español](https://support.publitas.com/es/getting-started-with-adaptive-content) - [Deutsch](https://support.publitas.com/de/getting-started-with-adaptive-content) - [English](https://support.publitas.com/getting-started-with-adaptive-content) - [Nederlands](https://support.publitas.com/nl/getting-started-with-adaptive-content) Español Traducciones de Mostrar submenú de - [Contacte Soporte Tecnico](https://support.publitas.com/es/kb-tickets/new) - Regreso a Publitas Regreso a Publitas ¿Cómo podemos ayudarte? - No hay sugerencias porque el campo de búsqueda está vacío. 1. [Centro de Ayuda](https://support.publitas.com/es?hsLang=es) 2. [Gestión de publicaciones.](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es) 3. [Crear contenido adaptativo en Publitas](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#crear-contenido-adaptativo-en-publitas) # Primeros pasos con el contenido adaptable ***Disponible en Enterprise*** *ACCESO ANTICIPADO: si te interesa usar esta función y tienes el[plan Enterprise](https://www.publitas.com/es/enterprise/), ponte en contacto con tu Success Manager, quien puede activarla para ti.* *---* **Crea páginas de destino (landing pages), secciones o banners inspiradores para tu sitio web de forma sencilla, incrustando contenido que se adapta automáticamente al dispositivo en el que se visualiza. Con el Contenido adaptable, diseñas una sola vez, haces ajustes para cada dispositivo y dejas que Publitas se encargue del resto.** A diferencia de los PDF tradicionales y del contenido basado en páginas, que se ve igual en todos los dispositivos, el contenido adaptable se ajusta a distintos tamaños de pantalla, igual que un sitio web moderno se ve diferente en tu teléfono que en tu ordenador. Piénsalo como la diferencia entre un póster impreso (el PDF) y una pantalla flexible que se reorganiza a la perfección, ya sea que se vea en un teléfono, una tableta o un ordenador de escritorio. ![CleanShot 2025-11-25 at 10.39.06](https://support.publitas.com/hs-fs/hubfs/CleanShot%202025-11-25%20at%2010.39.06.gif?width=517&height=305&name=CleanShot%202025-11-25%20at%2010.39.06.gif)   ![CleanShot 2025-11-25 at 10.39.41](https://support.publitas.com/hs-fs/hubfs/CleanShot%202025-11-25%20at%2010.39.41.gif?width=136&height=305&name=CleanShot%202025-11-25%20at%2010.39.41.gif) ### Cómo empezar Para crear una nueva publicación con contenido adaptable, sigue estos sencillos pasos: 1. Inicia sesión en tu cuenta de Publitas 2. Selecciona la opción Crear Nuevo en la esquina superior derecha de la lista de publicaciones. 3. Selecciona "Contenido adaptable" como tipo de contenido. 4. Indica un nombre para tu nueva publicación. 5. Haz clic en Confirmar ajustes y crear publicación. Se creará tu nueva publicación y se abrirá el Editor de contenido adaptable. ### Introducción al Editor de contenido adaptable Cuando empieces a crear contenido nuevo, verás tres áreas principales: #### Barra de herramientas izquierda: caja de herramientas de contenido Piensa en tu caja de herramientas de contenido como el punto de partida para todo lo que quieras añadir al lienzo (canvas) para empezar a crear contenido. Contiene: - Secciones: diseños de contenido prediseñados (como plantillas de diapositivas). - Bloques de contenido: piezas individuales para construir tu diseño, como texto, imágenes, bloques de producto, etc. - Panel de capas (Layers): muestra la estructura de tu contenido y te permite reorganizarlo fácilmente. #### Lienzo (canvas): tu área de trabajo Aquí es donde construyes tu contenido. Empieza seleccionando una sección prediseñada o en blanco y luego añade o personaliza bloques de contenido dentro de ella. #### Panel derecho: opciones de Ajustes y Diseño Cuando seleccionas cualquier elemento, este panel muestra todas las formas en que puedes personalizarlo: fuentes, colores, espaciado y mucho más. ![](https://support.publitas.com/hs-fs/hubfs/image-png-Jul-18-2026-05-24-42-7301-PM.png?width=670&height=355&name=image-png-Jul-18-2026-05-24-42-7301-PM.png) ### Cómo trabajar con secciones Piensa en las secciones como diseños de diapositivas prediseñados en PowerPoint. En lugar de empezar con una página en blanco, puedes elegir diseños listos para usar que ya tienen un aspecto profesional. Además, también puedes guardar cualquier sección personalizada para reutilizarla más adelante. #### Cómo añadir tu primera sección 1. Arrastra el bloque Añadir una sección al lienzo. 2. Selecciona una de las secciones de la lista de secciones prediseñadas o selecciona Sección en blanco. 3. Confirma la selección. ![](https://support.publitas.com/hs-fs/hubfs/esadaptiveselection-gif.gif?width=670&height=356&name=esadaptiveselection-gif.gif) Puedes repetir estos pasos cada vez que necesites otra sección. Las secciones en blanco también están disponibles directamente en la barra de herramientas, así como al hacer clic en "Añadir sección" (Add section) encima o debajo de las secciones que ya tienes en el lienzo. ![](https://support.publitas.com/hs-fs/hubfs/image-png-Jul-18-2026-05-28-29-3331-PM.png?width=336&height=526&name=image-png-Jul-18-2026-05-28-29-3331-PM.png) ### Sistema de capas El panel de capas (en la parte inferior de la barra de herramientas izquierda) te muestra la estructura de tu contenido. ![](https://support.publitas.com/hs-fs/hubfs/image-png-Jul-18-2026-05-30-20-0701-PM.png?width=517&height=1210&name=image-png-Jul-18-2026-05-30-20-0701-PM.png) Para entender un poco mejor la estructura general del contenido, ten en cuenta el siguiente orden como guía: - Cuerpo (Body): es el nivel predeterminado y representa toda la publicación. - Sección (Section): cada bloque de contenido importante dentro de la publicación debería estar contenido en una sección. - Contenedor/fila/celda (Container/row/cell): elementos organizativos dentro de las secciones que aportan más estructura y separan el contenido. - Bloques (Blocks): piezas individuales, como texto, imagen, etc., que representan un único elemento de contenido y no contienen más estructura en su interior. Además, hay algunos bloques de contenido especializados que pueden contener más estructura, como: - Bloque de producto: un bloque especializado en el que los bloques individuales se vinculan a un producto seleccionado y el contenido se actualiza automáticamente. - Carrusel: un bloque especializado que contiene varias diapositivas, cada una de las cuales actúa como un contenedor en sí misma con más contenido dentro. ### Bloques de contenido #### Elementos de texto Añade y da formato al texto como en cualquier procesador de textos: - Selección de fuente y tamaño - Alineación - Colores y estilo - Altura de línea y espaciado entre letras #### Imágenes y videos - Sube archivos desde tu ordenador: los archivos se guardan en tu biblioteca multimedia para reutilizarlos - Arrastra y suelta directamente en el lienzo - Añade una imagen o un video desde un enlace - Personaliza la imagen recortándola, girándola y eliminando el fondo. #### Productos (conectados a tu feed de productos) Cuando añades un elemento de producto: - Información automática: título, precio, descripción e imágenes se incorporan solos. - Enlaces inteligentes: se enlaza automáticamente a las páginas de producto. - Actualizaciones en vivo: los cambios en tu feed de producto se reflejan de forma automática #### Carruseles (sliders de imágenes) Los carruseles te permiten mostrar imágenes de productos y otros tipos de contenido en una tira de contenido deslizable o con rotación automática, lo que los hace perfectos para contar historias dinámicas y de gran impacto en tu página de destino. Con los carruseles puedes: Añadir varios elementos: imágenes, videos, productos o texto - Definir opciones de navegación: puntos, flechas o ambos - Animar el contenido: configura la reproducción automática y el bucle ### Diseño adaptable/responsivo: por qué es importante ¿Ves la etiqueta "Diseñar para: Todos los dispositivos" en el panel de diseño? Esto garantiza que tu contenido se vea genial en todas partes, con la siguiente configuración predeterminada: - Ordenadores de escritorio: diseños completos con varias columnas - Tablets: espaciado y tamaños ajustados - Teléfonos móviles: diseños apilados. El sistema gestiona automáticamente estos ajustes, pero puedes afinarlos para dispositivos específicos si lo necesitas. Empieza con escritorio y luego pasa a tablet y, por último, a móvil para hacer ajustes, ya que se aplican en cascada en ese orden. Pero un cambio en móvil no afectará a tablet ni a escritorio. Esto te permite personalizar por completo la apariencia y los diseños de cada dispositivo por separado. ![](https://support.publitas.com/hs-fs/hubfs/esadaptiveswitching-gif.gif?width=670&height=355&name=esadaptiveswitching-gif.gif) ### Conceptos básicos de diseño Cada bloque seleccionado en el lienzo se puede personalizar, y las opciones varían según el tipo de contenido. A continuación encontrarás un breve resumen de las opciones de diseño. #### Estilo de texto - Fuente y tamaño - Alineación: izquierda, centro, derecha, justificada - Color: colores del texto y del fondo - Estilo: normal, negrita, cursiva #### Controles de apariencia - Mostrar bloque: activa o desactiva para ocultar o mostrar el fondo - Color de fondo: establece el fondo del elemento - Imagen de fondo: establece una imagen como fondo del bloque. - Opacidad: haz que los elementos sean transparentes - Bordes: añade marcos alrededor de los elementos - Radio del borde: crea esquinas redondeadas   ### Buenas prácticas - Empieza con secciones: modifica secciones existentes en lugar de crear desde cero - Guarda con frecuencia: crea una biblioteca con tus diseños favoritos - Prueba en distintos tamaños: usa la función de vista previa para comprobar la apariencia en escritorio, tablet y móvil.     - [Gestión de publicaciones.](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#main-content) - [Crea contenido en Publitas.](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#crea-contenido-en-publitas) - [Administra tus publicaciones.](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#administra-tus-publicaciones) - [Editar paginas](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#editar-paginas) - [Cómo Actualizar la URL de la Publicación](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#c%C3%B3mo-actualizar-la-url-de-la-publicaci%C3%B3n) - [SEO](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#seo) - [Solución de Problemas](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#soluci%C3%B3n-de-problemas) - [Crear contenido adaptativo en Publitas](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#crear-contenido-adaptativo-en-publitas) - [Añadir ''Hotspots''](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#main-content) - [Utilizando el editor de hotspots](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#utilizando-el-editor-de-hotspots) - [Explicación de los Hotspots](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#explicaci%C3%B3n-de-los-hotspots) - [Automatización de Hotspots](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#automatizaci%C3%B3n-de-hotspots) - [Personalizando el Lector](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#main-content) - [Ajustes del lector](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#ajustes-del-lector) - [Estrategia de marca](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#estrategia-de-marca) - [Banners](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#banners) - [Publicación de Publicaciones.](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#main-content) - [Compartir](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#compartir) - [Integrar](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#integrar) - [Disponibilidad](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#disponibilidad) - [Generando alcance](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#generando-alcance) - [Comercio Electrónico y Feed de Productos](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#main-content) - [Como Importar Feed the Productos](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#como-importar-feed-the-productos) - [Cómo gestionar los detalles del producto:](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#c%C3%B3mo-gestionar-los-detalles-del-producto) - [Soluciones de E-Commerce](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#soluciones-de-e-commerce) - [Publicaciones Dinámicas.](https://support.publitas.com/es/publicaciones-din%C3%A1micas?hsLang=es#main-content) - [Cómo crear contenido dinámico](https://support.publitas.com/es/publicaciones-din%C3%A1micas?hsLang=es#c%C3%B3mo-crear-contenido-din%C3%A1mico) - [Análisis de Publicaciones.](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#main-content) - [Tablero de Publicación](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#tablero-de-publicaci%C3%B3n) - [Google Analytics](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#google-analytics) - [Otras Integraciones](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#otras-integraciones) - [Conclusiones y recomendaciones](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#conclusiones-y-recomendaciones) - [API](https://support.publitas.com/es/api?hsLang=es#main-content) - [API de Publitas](https://support.publitas.com/es/api?hsLang=es#api-de-publitas) - [Privacidad y Seguridad.](https://support.publitas.com/es/privacidad-y-seguridad?hsLang=es#main-content) - [Seguridad de la cuenta](https://support.publitas.com/es/privacidad-y-seguridad?hsLang=es#seguridad-de-la-cuenta) - [Cookies, privacidad y políticas](https://support.publitas.com/es/privacidad-y-seguridad?hsLang=es#cookies-privacidad-y-pol%C3%ADticas) - [Cuenta](https://support.publitas.com/es/cuenta?hsLang=es#main-content) - [Nombre de usuario y contraseña](https://support.publitas.com/es/cuenta?hsLang=es#nombre-de-usuario-y-contrase%C3%B1a) - [Gestionar tu cuenta](https://support.publitas.com/es/cuenta?hsLang=es#gestionar-tu-cuenta) - [Facturación.](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#main-content) - [Detalles de facturación](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#detalles-de-facturaci%C3%B3n) - [Suscripción](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#suscripci%C3%B3n) - [Tráfico de Datos](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#tr%C3%A1fico-de-datos) - [Socios e integraciones](https://support.publitas.com/es/socios-e-integraciones?hsLang=es) - [Centro de Aprendizaje](https://support.publitas.com/es/centro-de-aprendizaje?hsLang=es#main-content) - [Tutoriales](https://support.publitas.com/es/centro-de-aprendizaje?hsLang=es#tutoriales) - [Confianza y seguridad](https://support.publitas.com/es/confianza-y-seguridad?hsLang=es) [![publitas logo blue](https://support.publitas.com/hs-fs/hubfs/01.%20Brand%20kit/Publitas-logo-trans-publitas-blue-backg-02_900px.png?width=162&height=64&name=Publitas-logo-trans-publitas-blue-backg-02_900px.png "publitas logo blue")](http://publitas.com) Copyright © 2026, Publitas B.V.