Tutorial 6 de 11
4 min de lectura

Canvas — edición visual para tus páginas

Canvas es la capa de arrastrar y soltar sobre tu contenido. La estructura almacena los datos; Canvas controla cómo se ve en la página — especialmente cuando cada página necesita su propio diseño.

Ahora que entiendes tipos de contenido, vocabularios y relaciones, Canvas es más fácil de asimilar. El contenido estructurado vive en el CMS — Canvas es cómo construyes cada página visualmente. Canvas es especialmente útil para landing pages personalizadas y cualquier página donde los editores necesiten un diseño distinto: una página de campaña con hero y formulario de registro, un lanzamiento de producto con tarjetas y testimonios, o una página de inicio que mezcla listados de contenido con bloques promocionales — todo sin reconstruir el sitio en código.

Arrastra bloques desde la biblioteca, reordénalos en la página y haz clic en cualquier bloque para editar su texto en el inspector — igual que Canvas en tu sitio demo Harvest & Steam. Cada página puede tener su propio orden de bloques y combinación.

Canvas · harvest-steam.flexsite.io
Editar diseño
Editor de bloques Canvas (simulación)
Ideal para landing pages y diseños flexibles — arrastra bloques desde la biblioteca, suéltalos en la página, reordénalos con el asa y edita textos en el panel del inspector.
Biblioteca de bloquesArrastra un bloque a la vista previa de la página.
Hero

Hero

Hero
Texto enriquecido

Texto enriquecido

Texto enriquecido
Cuadrícula de tarjetas

Cuadrícula de tarjetas

Cuadrícula de tarjetas
Listado de contenido

Listado de contenido

Listado de contenido

Llamada a la acción

Llamada a la acción
Vista previa de la página
harvest-steam.flexsite.io

Harvest & Steam

Order
Hero

Downtown Portland

Portland's craft coffee, roasted with care

Single-origin pour-overs, fresh pastries, and a workspace you'll love — downtown Portland.

Order online
Abrir Canvas a ancho completo
Arrastra bloques, reordénalos y edita textos en el inspector
Esta simulación está simplificada con fines didácticos. Con el CMS, estas herramientas son mucho más potentes y configurables.
1

Contenido vs diseño

Las entradas estructuradas viven en el CMS. Los bloques Canvas deciden cómo aparecen secciones hero, listados y llamadas a la acción en cada página — y permiten que cada landing page use una combinación distinta de bloques.

2

Arrastra, no programes

Usa el asa de arrastre para reordenar bloques. Suelta secciones nuevas desde la biblioteca — perfecto cuando marketing necesita un diseño nuevo para una campaña o página de evento.

3

Borrador antes de publicar

Los cambios de diseño de página pueden guardarse como borradores y revisarse antes de publicarse.

Consejo

Si un bloque muestra el contenido incorrecto, revisa primero la estructura (tipo de contenido + relación) y luego ajusta la configuración del bloque Canvas.

Anterior: RelacionesSiguiente: Publicación
En esta serie
1

¿Qué es un CMS?

2

Ruta de actualización

3

Tipos de contenido

4

Vocabularios

5

Relaciones

6

Editor Canvas

7

Publicación

8

Roles del equipo

9

Webforms

10

Multilingüe

11

Entornos y operaciones

Probar el recorrido interactivo

Infraestructura de nivel empresarial

Construido sobre infraestructura AWS, alineado con marcos de seguridad reconocidos globalmente.

AWS

ISO 27001 • ISO 27017 • ISO 27018 • SOC 2 • PCI DSS • GDPR

Las certificaciones aplican a la infraestructura en la nube de AWS. FlexSite implementa configuraciones seguras y controles operativos siguiendo las mejores prácticas de AWS bajo el modelo de responsabilidad compartida.

Seguridad y cumplimiento

Descubre cómo FlexSite utiliza AWS, cifrado y mejores prácticas para proteger tus cargas de trabajo.