DXPR Builder: The AI Visual Page Builder for Drupal
dxpr_builder
A visual, drag-and-drop page-building experience for Drupal websites that replaces complex back-end forms with a front-end editor built on Drupal's Entity API.
Overview
DXPR Builder provides an intuitive visual page building experience that empowers content creators to design beautiful, responsive pages without coding knowledge. Built on top of Drupal's Entity API, it supports revisions, translations, and permissions natively.
The module features over 30 drag-and-drop content elements including accordions, carousels, counters, maps, videos, and more. It integrates with Drupal's Media Library for asset management and includes AI-powered content generation capabilities through the DXAI Writing feature.
DXPR Builder uses the Bootstrap grid system for responsive layouts and is compatible with any Drupal theme. It supports role-based editor profiles that allow administrators to control which elements and features are available to different user groups.
Features
- Visual drag-and-drop page building with 30+ content elements including text, images, videos, accordions, tabs, carousels, counters, maps, and more
- Bootstrap grid system support (Bootstrap 3, 4, and 5) for responsive layouts on mobile, tablet, and desktop
- DXAI Writing (Beta) - AI-powered content generation with slash commands in CKEditor 5, supporting multiple AI providers (OpenAI, Anthropic, Google Gemini, MistralAI, XAI)
- Deep Drupal integration with Entity API supporting revisions, translations, and permissions
- Media Library and Entity Browser integration for managing images and media assets
- Role-based Builder Profiles for controlling available elements, blocks, views, templates, and text editor buttons per user role
- Page templates system with pre-built layouts and the ability to create custom templates
- User templates for saving and reusing custom content blocks
- Content locking to prevent simultaneous editing conflicts
- License management with user seat tracking and content item limits
- Secure API key storage integration with the Key module
- Compatible with Layout Builder, Views, Webform, and other Drupal core modules
Use Cases
Marketing Landing Pages
Marketing teams can create professional landing pages without developer involvement using the visual drag-and-drop interface. Elements like hero sections, feature grids, testimonial carousels, CTAs, and contact forms can be combined to build conversion-focused pages. The Bootstrap grid ensures mobile responsiveness.
Brand-Controlled Content Creation
Administrators can create restricted Builder Profiles that limit editors to pre-approved elements, blocks, and templates. This ensures brand consistency while allowing content teams to work independently. Profiles can be assigned to specific roles like 'Content Editor' or 'Marketing Team'.
AI-Assisted Content Drafting
Content creators can use AI slash commands within the text editor (e.g., '/write a blog post about Drupal 12') for long-form content generation. The AI can research topics, generate text with citations, and adapt to custom tone of voice settings defined in taxonomies.
Multi-Site License Management
Organizations with multiple Drupal sites can manage DXPR Builder licenses centrally. The User Licenses page shows seat allocation across all sites, allowing administrators to redistribute access as needed and track which users are actively using the builder.
Template-Based Page Creation
Create page templates with pre-built layouts (homepage, about page, contact page) that content creators can select as a starting point. User templates allow individuals to save their own reusable content blocks for consistent design patterns.
Enterprise Media Management
Integrate with Drupal Media Library or Acquia DAM for centralized asset management. Content creators can browse, select, and insert images and media from the organization's approved asset library directly within the DXPR Builder interface.
Tips
- Use Builder Profiles to create simplified editing experiences for different user roles - content editors may only need text and image elements while designers need full access.
- Create page templates for commonly used layouts to speed up content creation and ensure design consistency.
- Use the Key module integration for production sites to store API credentials securely outside of database configuration.
- Set the Bootstrap version to match your theme's Bootstrap version to avoid CSS conflicts.
- Configure the smooth-scroll offset selector if using a fixed header theme other than DXPR Theme.
- Create taxonomy vocabularies for AI tones of voice and commands to customize AI writing assistance for your organization's needs.
- Use the Content Items page to monitor which content uses DXPR Builder and counts toward license limits.
Dependencies
Related Projects
Provides optimized styling presets, fixed/sticky header offset handling, and color palette integration for DXPR Builder.
Enables secure storage of DXPR Builder API credentials using various key providers instead of storing directly in configuration.
Full integration with Drupal's Media Library for browsing, selecting, and inserting media assets within DXPR Builder content.
Alternative media browser integration for legacy setups, allowing custom entity browser configurations.
Provides individual blocks for each Webform, enabling drag-and-drop placement of forms within DXPR Builder layouts.
Integration with Acquia DAM for enterprise digital asset management within DXPR Builder.
Compatible with Drupal Layout Builder, allowing DXPR Builder fields within Layout Builder sections.
Insert any Views display within DXPR Builder content, with support for contextual filters and display settings.
Required by DXPR Builder Page submodule for organizing content type fields.
Admin Pages
| Title | Path | Description |
|---|---|---|
| DXPR Studio | /admin/dxpr_studio |
The main administrative hub for DXPR Builder and related DXPR products. Provides quick access to all DXPR configuration pages. |
| DXPR Builder Settings | /admin/dxpr_studio/dxpr_builder/settings |
Configure general DXPR Builder settings including license, Bootstrap assets, media browser, text editor overrides, and experimental features. |
| DXPR Builder AI Settings | /admin/dxpr_studio/dxpr_builder/ai_settings |
Configure AI writing assistant features including AI providers, models, tone of voice vocabularies, and command vocabularies. |
| DXPR Builder Profile Configuration | /admin/dxpr_studio/dxpr_builder/profile |
Manage Builder Profiles that control which elements, blocks, views, templates, and text editor buttons are available to specific user roles. |
| Add DXPR Builder Profile | /admin/dxpr_studio/dxpr_builder/profile/add |
Create a new Builder Profile to customize available elements, blocks, views, templates, and text editor buttons for specific user roles. |
| DXPR Builder Page Templates Configuration | /admin/dxpr_studio/dxpr_builder/page_template |
Manage page templates that provide pre-built page layouts for content creators. |
| DXPR Builder User Templates Configuration | /admin/dxpr_studio/dxpr_builder/user_templates |
Manage user templates that allow saving and reusing custom content blocks. |
| User Licenses | /admin/dxpr_studio/dxpr_builder/user_licenses |
View and manage DXPR Builder user licenses, including seat usage, license limits, and multi-site license distribution. |
| Content Items | /admin/dxpr_studio/dxpr_builder/content |
View listing of content items created with DXPR Builder that count towards your license limit. |
Permissions
| Permission | Description |
|---|---|
|
Allows users to access and modify all DXPR Builder settings, manage profiles, templates, and view license information. |
|
Allows users to use the DXPR Builder drag-and-drop interface to build layouts, design content, and add dynamic components. |
|
Allows users to create, edit, and delete DXPR Builder profiles that control available elements per role. |
Hooks
| Hook | Description |
|---|---|
hook_dxpr_builder_classes |
Allows modules and themes to add custom CSS utility classes to the DXPR Builder class selector dropdown. |
hook_dxpr_builder_buttons_folders |
Allows modules and themes to add folders containing custom button style HTML files for the button element. |
Troubleshooting
Verify the product key is entered correctly at /admin/dxpr_studio/dxpr_builder/settings. Check that the user has the 'Edit with DXPR Builder' permission. Ensure the field is using the 'DXPR Builder' formatter in the content type's display settings.
Check the User Licenses page to see seat allocation. Either purchase additional user licenses at DXPR.com or remove the 'Edit with DXPR Builder' permission from some user accounts.
Free tier has content item limits. Upgrade your DXPR subscription to increase the limit, or edit existing content instead of creating new items.
Enable the Media Library module and configure it as the media browser at /admin/dxpr_studio/dxpr_builder/settings. Ensure users have 'view media' permission.
If your theme already includes Bootstrap, set 'Include Bootstrap files' to 'No' in DXPR Builder settings to prevent duplicate CSS/JS loading.
Verify AI is enabled in AI Settings. Check that a valid product key is configured. Ensure tone of voice and commands vocabularies are selected if using custom dropdowns.
Security Notes
- The 'Administer DXPR Builder configuration' permission is restricted and should only be granted to trusted administrators as it provides access to license settings and all configuration options.
- The 'Edit with DXPR Builder' permission is restricted and counts toward license usage - assign carefully based on actual editing needs.
- Consider using the Key module for production environments to store API credentials securely using environment variables or external key providers.
- DXPR Builder validates JWT tokens to ensure license authenticity and prevent unauthorized usage.
- Content locking prevents simultaneous editing to avoid data loss from conflicting saves.