DXPR Builder: The AI Visual Page Builder for Drupal

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.

dxpr_builder

1,204 sites

drupal.org

page builder drag and drop visual editor no-code layout builder bootstrap responsive ai content creation WYSIWYG frontend editing

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

Field Required Field UI Required Views Required Image Required Block Required Key

Related Projects

DXPR Theme

Provides optimized styling presets, fixed/sticky header offset handling, and color palette integration for DXPR Builder.

Key

Enables secure storage of DXPR Builder API credentials using various key providers instead of storing directly in configuration.

Media Library

Full integration with Drupal's Media Library for browsing, selecting, and inserting media assets within DXPR Builder content.

Entity Browser

Alternative media browser integration for legacy setups, allowing custom entity browser configurations.

Webform

Provides individual blocks for each Webform, enabling drag-and-drop placement of forms within DXPR Builder layouts.

Acquia DAM

Integration with Acquia DAM for enterprise digital asset management within DXPR Builder.

Layout Builder

Compatible with Drupal Layout Builder, allowing DXPR Builder fields within Layout Builder sections.

Views Core

Insert any Views display within DXPR Builder content, with support for contextual filters and display settings.

Field Group

Required by DXPR Builder Page submodule for organizing content type fields.

Technical Details

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.

Administer DXPR Builder configuration

Allows users to access and modify all DXPR Builder settings, manage profiles, templates, and view license information.

Edit with DXPR Builder

Allows users to use the DXPR Builder drag-and-drop interface to build layouts, design content, and add dynamic components.

Administer dxpr builder profile

Allows users to create, edit, and delete DXPR Builder profiles that control available elements per role.

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.

DXPR Builder editor not loading

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.

User exceeds license limits

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.

Content item limit reached

Free tier has content item limits. Upgrade your DXPR subscription to increase the limit, or edit existing content instead of creating new items.

Media Library not showing in DXPR Builder

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.

Bootstrap styles conflicting with theme

If your theme already includes Bootstrap, set 'Include Bootstrap files' to 'No' in DXPR Builder settings to prevent duplicate CSS/JS loading.

AI features not working

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.

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.