Saltar al contenido
← Todos los casos
Integración con CMS · Payload CMS

Un editor visual para Payload CMS

Creamos este plugin para que los editores puedan diseñar páginas en Payload y hacer cambios directamente en el sitio web. Los desarrolladores definen los componentes disponibles, sus ajustes y cómo se muestran en el sitio.

El vídeo muestra la edición de una página en Payload, con el editor y la vista previa uno al lado del otro.2:10
MODOS DE EDICIÓN

Edita en el panel o en la propia página

Modo Widget en el panel de administración

El modo Widget incorpora Page Composer en un campo de contenido de Payload. Los editores pueden arrastrar componentes y cambiar textos, imágenes y estilos, y después guardar o publicar con los controles habituales de Payload. El editor funciona directamente en el panel, sin iframe.

Edición visual en el sitio web

Los usuarios con permisos de edición también pueden abrir el modo Live en el sitio web. Así ven los cambios junto con la cabecera y el pie de página reales. Desde allí pueden guardar un borrador o publicar. Ambos modos editan el mismo contenido.

COMPONENTES PERSONALIZADOS

Decide con qué pueden trabajar los editores

Cada componente tiene su propia configuración de campos y una función de renderizado para el sitio web. Puedes combinar texto, texto enriquecido, imágenes, listas desplegables, campos repetibles y ajustes agrupados según el contenido. La configuración determina qué aparece en el editor; la función de renderizado, cómo se ve en el sitio.

Por ejemplo, un bloque de cabecera puede necesitar solo una imagen, un título y un subtítulo. Si más adelante el diseño requiere un enlace o un color de fondo, se pueden añadir a los ajustes del componente.

EN EL DÍA A DÍA

Qué más ofrece el plugin

  • Plantillas y ajustes predefinidos

    Guarda un diseño completo como plantilla o los ajustes de un componente como configuración predefinida. Los editores pueden reutilizarlos sin tener que configurar cada página desde cero.

  • Estilos para ordenador, tableta y móvil

    Puedes ajustar el espaciado, la tipografía y el diseño para cada tamaño de pantalla. Estos ajustes se aplican al mostrar la página publicada.

  • Las herramientas habituales de Payload

    El contenido se guarda en un campo JSON de Payload y funciona con su biblioteca de medios, borradores, versiones y reglas de acceso. El campo se puede añadir a colecciones o elementos globales, por lo que su uso no se limita a las páginas.

Page Composer para Payload CMS

Detalles del plugin, precios y código fuente de la integración.