DXPR Builder: El constructor visual de páginas con IA para Drupal

Una experiencia visual de construcción de páginas con arrastrar y soltar para sitios web Drupal que reemplaza los complejos formularios del back-end con un editor front-end construido sobre la Entity API de Drupal.

dxpr_builder
1,204 sites
51
drupal.org

Overview

DXPR Builder proporciona una experiencia intuitiva de construcción visual de páginas que permite a los creadores de contenido diseñar páginas hermosas y responsivas sin conocimientos de programación. Construido sobre la Entity API de Drupal, soporta revisiones, traducciones y permisos de forma nativa.

El módulo incluye más de 30 elementos de contenido de arrastrar y soltar, incluyendo acordeones, carruseles, contadores, mapas, videos y más. Se integra con la Media Library de Drupal para la gestión de activos e incluye capacidades de generación de contenido impulsadas por IA a través de la función DXAI Writing.

DXPR Builder utiliza el sistema de rejilla Bootstrap para diseños responsivos y es compatible con cualquier tema de Drupal. Soporta perfiles de editor basados en roles que permiten a los administradores controlar qué elementos y características están disponibles para diferentes grupos de usuarios.

Features

  • Construcción visual de páginas con arrastrar y soltar con más de 30 elementos de contenido incluyendo texto, imágenes, videos, acordeones, pestañas, carruseles, contadores, mapas y más
  • Soporte del sistema de rejilla Bootstrap (Bootstrap 3, 4 y 5) para diseños responsivos en móvil, tablet y escritorio
  • DXAI Writing (Beta) - Generación de contenido impulsada por IA con comandos de barra en CKEditor 5, compatible con múltiples proveedores de IA (OpenAI, Anthropic, Google Gemini, MistralAI, XAI)
  • Integración profunda con Drupal mediante Entity API con soporte para revisiones, traducciones y permisos
  • Integración con Media Library y Entity Browser para gestionar imágenes y activos multimedia
  • Perfiles de Builder basados en roles para controlar elementos, bloques, vistas, plantillas y botones del editor de texto disponibles por rol de usuario
  • Sistema de plantillas de página con diseños preconstruidos y la capacidad de crear plantillas personalizadas
  • Plantillas de usuario para guardar y reutilizar bloques de contenido personalizados
  • Bloqueo de contenido para prevenir conflictos de edición simultánea
  • Gestión de licencias con seguimiento de puestos de usuario y límites de elementos de contenido
  • Integración de almacenamiento seguro de claves API con el módulo Key
  • Compatible con Layout Builder, Views, Webform y otros módulos del core de Drupal

Use Cases

Páginas de destino de marketing

Los equipos de marketing pueden crear páginas de destino profesionales sin la participación de desarrolladores utilizando la interfaz visual de arrastrar y soltar. Elementos como secciones hero, cuadrículas de características, carruseles de testimonios, CTAs y formularios de contacto se pueden combinar para crear páginas enfocadas en la conversión. La cuadrícula Bootstrap garantiza la adaptabilidad móvil.

Creación de contenido con control de marca

Los administradores pueden crear Builder Profiles restringidos que limitan a los editores a elementos, bloques y plantillas preaprobados. Esto garantiza la consistencia de la marca mientras permite que los equipos de contenido trabajen de forma independiente. Los perfiles se pueden asignar a roles específicos como 'Editor de contenido' o 'Equipo de marketing'.

Redacción de contenido asistida por IA

Los creadores de contenido pueden usar comandos de barra de IA dentro del editor de texto (por ejemplo, '/write a blog post about Drupal 12') para la generación de contenido extenso. La IA puede investigar temas, generar texto con citas y adaptarse a configuraciones personalizadas de tono de voz definidas en taxonomías.

Gestión de licencias multisitio

Las organizaciones con múltiples sitios Drupal pueden gestionar las licencias de DXPR Builder de forma centralizada. La página User Licenses muestra la asignación de puestos en todos los sitios, permitiendo a los administradores redistribuir el acceso según sea necesario y rastrear qué usuarios están utilizando activamente el constructor.

Creación de páginas basada en plantillas

Cree plantillas de página con diseños predefinidos (página de inicio, página sobre nosotros, página de contacto) que los creadores de contenido pueden seleccionar como punto de partida. Las plantillas de usuario permiten a los individuos guardar sus propios bloques de contenido reutilizables para patrones de diseño consistentes.

Gestión de medios empresarial

Integre con Drupal Media Library o Acquia DAM para la gestión centralizada de activos. Los creadores de contenido pueden navegar, seleccionar e insertar imágenes y medios desde la biblioteca de activos aprobada de la organización directamente dentro de la interfaz de DXPR Builder.

Tips

  • Use Builder Profiles para crear experiencias de edición simplificadas para diferentes roles de usuario: los editores de contenido pueden necesitar solo elementos de texto e imagen mientras que los diseñadores necesitan acceso completo.
  • Cree plantillas de página para diseños de uso común para acelerar la creación de contenido y garantizar la consistencia del diseño.
  • Use la integración del módulo Key para sitios de producción para almacenar credenciales de API de forma segura fuera de la configuración de la base de datos.
  • Configure la versión de Bootstrap para que coincida con la versión de Bootstrap de su tema y evitar conflictos de CSS.
  • Configure el selector de desplazamiento suave si usa un tema con encabezado fijo que no sea DXPR Theme.
  • Cree vocabularios de taxonomía para tonos de voz y comandos de IA para personalizar la asistencia de escritura con IA según las necesidades de su organización.
  • Use la página Content Items para monitorear qué contenido usa DXPR Builder y cuenta para los límites de licencia.

Technical Details

Admin Pages 9
DXPR Studio /admin/dxpr_studio

El centro administrativo principal para DXPR Builder y productos relacionados de DXPR. Proporciona acceso rápido a todas las páginas de configuración de DXPR.

Configuración de DXPR Builder /admin/dxpr_studio/dxpr_builder/settings

Configura los ajustes generales de DXPR Builder incluyendo licencia, recursos de Bootstrap, navegador de medios, anulaciones del editor de texto y funciones experimentales.

Configuración de IA de DXPR Builder /admin/dxpr_studio/dxpr_builder/ai_settings

Configura las funciones del asistente de escritura con IA incluyendo proveedores de IA, modelos, vocabularios de tono de voz y vocabularios de comandos.

Configuración de perfiles de DXPR Builder /admin/dxpr_studio/dxpr_builder/profile

Gestiona los perfiles de Builder que controlan qué elementos, bloques, vistas, plantillas y botones del editor de texto están disponibles para roles de usuario específicos.

Añadir perfil de DXPR Builder /admin/dxpr_studio/dxpr_builder/profile/add

Crea un nuevo perfil de Builder para personalizar los elementos, bloques, vistas, plantillas y botones del editor de texto disponibles para roles de usuario específicos.

Configuración de plantillas de página de DXPR Builder /admin/dxpr_studio/dxpr_builder/page_template

Gestiona las plantillas de página que proporcionan diseños de página predefinidos para los creadores de contenido.

Configuración de plantillas de usuario de DXPR Builder /admin/dxpr_studio/dxpr_builder/user_templates

Gestiona las plantillas de usuario que permiten guardar y reutilizar bloques de contenido personalizados.

Licencias de usuario /admin/dxpr_studio/dxpr_builder/user_licenses

Ver y gestionar las licencias de usuario de DXPR Builder, incluyendo uso de puestos, límites de licencia y distribución de licencias multi-sitio.

Elementos de contenido /admin/dxpr_studio/dxpr_builder/content

Ver el listado de elementos de contenido creados con DXPR Builder que cuentan para tu límite de licencia.

Permissions 3
Administrar la configuración de DXPR Builder

Permite a los usuarios acceder y modificar todas las configuraciones de DXPR Builder, gestionar perfiles, plantillas y ver información de licencia.

Editar con DXPR Builder

Permite a los usuarios utilizar la interfaz de arrastrar y soltar de DXPR Builder para crear diseños, diseñar contenido y añadir componentes dinámicos.

Administrar perfil de DXPR Builder

Permite a los usuarios crear, editar y eliminar perfiles de DXPR Builder que controlan los elementos disponibles por rol.

Hooks 2
hook_dxpr_builder_classes

Permite a módulos y temas agregar clases de utilidad CSS personalizadas al menú desplegable del selector de clases de DXPR Builder.

hook_dxpr_builder_buttons_folders

Permite a módulos y temas agregar carpetas que contengan archivos HTML de estilos de botones personalizados para el elemento de botón.

Troubleshooting 6
El editor de DXPR Builder no se carga

Verifique que la clave de producto esté ingresada correctamente en /admin/dxpr_studio/dxpr_builder/settings. Compruebe que el usuario tenga el permiso 'Edit with DXPR Builder'. Asegúrese de que el campo esté utilizando el formateador 'DXPR Builder' en la configuración de visualización del tipo de contenido.

El usuario excede los límites de licencia

Consulte la página User Licenses para ver la asignación de puestos. Compre licencias de usuario adicionales en DXPR.com o elimine el permiso 'Edit with DXPR Builder' de algunas cuentas de usuario.

Se alcanzó el límite de elementos de contenido

El nivel gratuito tiene límites de elementos de contenido. Actualice su suscripción a DXPR para aumentar el límite, o edite contenido existente en lugar de crear nuevos elementos.

Media Library no aparece en DXPR Builder

Habilite el módulo Media Library y configúrelo como navegador de medios en /admin/dxpr_studio/dxpr_builder/settings. Asegúrese de que los usuarios tengan el permiso 'view media'.

Los estilos de Bootstrap entran en conflicto con el tema

Si su tema ya incluye Bootstrap, configure 'Include Bootstrap files' en 'No' en la configuración de DXPR Builder para evitar la carga duplicada de CSS/JS.

Las funciones de IA no funcionan

Verifique que la IA esté habilitada en AI Settings. Compruebe que esté configurada una clave de producto válida. Asegúrese de que los vocabularios de tono de voz y comandos estén seleccionados si usa menús desplegables personalizados.

Security Notes 5
  • El permiso 'Administer DXPR Builder configuration' está restringido y solo debe otorgarse a administradores de confianza, ya que proporciona acceso a la configuración de licencias y todas las opciones de configuración.
  • El permiso 'Edit with DXPR Builder' está restringido y cuenta para el uso de licencias: asígnelo cuidadosamente según las necesidades reales de edición.
  • Considere usar el módulo Key para entornos de producción para almacenar credenciales de API de forma segura utilizando variables de entorno o proveedores de claves externos.
  • DXPR Builder valida tokens JWT para garantizar la autenticidad de la licencia y prevenir el uso no autorizado.
  • El bloqueo de contenido previene la edición simultánea para evitar la pérdida de datos por guardados en conflicto.