Primeros pasos con el contenido adaptable

Disponible en Enterprise

ACCESO ANTICIPADO: si te interesa usar esta función y tienes el plan 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.

Cómo empezar

Para crear una nueva publicación con contenido adaptable, sigue estos sencillos pasos:

Inicia sesión en tu cuenta de Publitas
Selecciona la opción Crear Nuevo en la esquina superior derecha de la lista de publicaciones.
Selecciona "Contenido adaptable" como tipo de contenido.
Indica un nombre para tu nueva publicación.
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.

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

Arrastra el bloque Añadir una sección al lienzo.
Selecciona una de las secciones de la lista de secciones prediseñadas o selecciona Sección en blanco.
Confirma la selección.

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.

Sistema de capas

El panel de capas (en la parte inferior de la barra de herramientas izquierda) te muestra la estructura de tu contenido.

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.

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.