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 fácilmente páginas de destino inspiradoras, secciones o banners para tu sitio web insertando contenido que se adapta automáticamente al dispositivo en el que se visualiza. Con el contenido adaptable, diseñas una vez, ajustas por 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 adapta a distintos tamaños de pantalla, igual que un sitio web moderno se ve diferente en tu teléfono que en tu computadora. Piensa en ello como la diferencia entre un póster impreso (PDF) y una pantalla flexible que se reajusta perfectamente tanto si se ve en un teléfono, una tablet o una computadora 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 desde cero 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 para empezar a crear contenido. Contiene:

Secciones como diseños de contenido prediseñados (como plantillas de diapositivas)
Bloques de contenido: elementos individuales como texto, imágenes, bloques de producto, etc.
Panel de capas: muestra la estructura de tu contenido y permite reorganizarlo fácilmente.

Lienzo: 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.

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 siempre que necesites otra sección. Las secciones en blanco también están disponibles directamente desde la barra de herramientas y haciendo clic en "Añadir sección" encima o debajo de las secciones existentes, directamente 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, toma el siguiente orden como guía:

Cuerpo: este es el nivel predeterminado y representa toda la publicación;
Sección: cada bloque principal de contenido dentro de la publicación debe estar contenido en una sección
Contenedor/fila/celda: elementos organizativos dentro de las secciones que proporcionan más estructura y separación del contenido
Bloques: bloques individuales como texto, imagen, etc., que representan una única pieza de contenido sin más estructura interna.

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 computadora: 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:

Extracción automática de información: título, precio, descripción e imágenes
Enlaces inteligentes: enlaza automáticamente a las páginas de producto
Actualizaciones en vivo: los cambios en tu feed de productos se actualizan automáticamente

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:

Computadoras 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.