Páginas Canvas — Libertad creativa total
Las páginas Canvas te ofrecen un diseño de forma libre y precisión milimétrica sin restricciones de cuadrícula o diseño. Coloca elementos en cualquier lugar de la página y crea diseños únicos e inmersivos. Sustituyen a las antiguas "Páginas Freestyle" que estaban limitadas a un diseño de cuadrícula basado en una técnica de hace 20 años llamada WYSIWYG (Lo que ves es lo que obtienes). Era simplemente imposible editar esas páginas libremente; ¡ahora tienes toda la libertad!
Añadir elementos
Las páginas Canvas admiten cuatro tipos de elementos:
Texto — elige niveles de encabezado (H1–H6) o texto de cuerpo, selecciona cualquier fuente, establece el tamaño y el color
Imagen — sube o pega una URL; añade texto alternativo para el SEO; haz doble clic para reposicionar la imagen dentro de su marco
Vídeo — inserta un enlace de YouTube o Vimeo, o sube el tuyo propio; elige entre reproducción automática o al hacer clic
Botón — establece el texto de la etiqueta, la URL del enlace, los colores de fondo y de texto, y el radio del borde
Ajustes de los elementos
Cada elemento se puede ajustar con precisión:
Posición y tamaño — establece X (%), Y (px), ancho (%) y alto (px) para una colocación precisa
Rotación — gira cualquier elemento de 0° a 360°
Orden de capas — haz clic derecho en un elemento para enviarlo al frente o al fondo (control de z-index)
Acciones de clic — enlaza a una página interna o a una URL externa; las imágenes pueden abrirse en un modal de detalle con navegación de galería
Acción de clic - Modal
La acción de clic en una imagen puede ser un enlace o un Modal. Puedes elegir abrir la imagen en una ventana o activar la opción de galería y la ventana se convertirá en una galería con desplazamiento que puedes llenar con imágenes o vídeos y también seleccionar el color de superposición.
Fondo de página
Establece el fondo para toda la página Canvas:
Fondo del sitio web — transparente / color predeterminado de tu sitio web
Color — elige cualquier color sólido
Imagen — sube o pega una URL, luego usa el selector de punto focal para controlar qué parte permanece visible en diferentes tamaños de pantalla
Vídeo — inserta o sube un fondo de vídeo con un punto focal; añade una superposición de color opcional con opacidad ajustable para una mejor legibilidad
Viewports Responsivos
Las páginas Canvas admiten tres viewports independientes:
Escritorio (1440 px)
iPad Air (820 px)
iPhone 16 Pro (430 px)
Cada viewport tiene su propio diseño de elementos. Haz clic derecho en los elementos en la vista de escritorio para copiarlos al iPad, iPhone o ambos a la vez. Luego ajusta las posiciones y tamaños de forma independiente por viewport para asegurar que tu diseño se vea genial en cada dispositivo.
Encabezado y pie de página
Al crear una página canvas puedes elegir entre mostrar u ocultar el encabezado y el pie de página del sitio web. Esto es ideal para páginas de destino (landing pages) independientes o experiencias inmersivas a pantalla completa.
Página de inicio
Cualquier página canvas se puede configurar como la página de inicio de tu sitio web, haciendo que sea lo primero que vean los visitantes.
Ejemplo: Página de destino con fondo de vídeo
1. Crea una nueva página canvas y oculta el encabezado y el pie de página
2. Establece el fondo en Vídeo y pega un enlace de YouTube o Vimeo
3. Ajusta el punto focal para que la escena clave permanezca centrada en todos los dispositivos
4. Añade una superposición de color (p. ej., negro al 40 % de opacidad) para el contraste
5. Coloca un elemento de texto H1 con tu titular
6. Añade un elemento de Botón, etiquétalo como "Ver Portafolio" y enlázalo a tu página de galería
7. Cambia a los viewports de iPad e iPhone, copia los elementos desde escritorio y ajusta las posiciones
8. Configura esta página canvas como tu página de inicio
El resultado es una página de destino cinematográfica a pantalla completa que funciona perfectamente en todos los dispositivos.