---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/integrations/layout-builder'
title: 'Use DXPR Builder inside Layout Builder | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T05:36:13+00:00'
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: "Using DXPR Builder alongside Drupal's Layout Builder"
tags:
  - 'Connect Drupal features'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Use DXPR Builder inside Layout Builder'
      description: "Using DXPR Builder alongside Drupal's Layout Builder"
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T05:36:13+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/integrations/layout-builder'
      articleSection: 'Connect Drupal features'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/integrations/layout-builder'
      description: "Using DXPR Builder alongside Drupal's Layout Builder"
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Connect Drupal features](/hc/documentation/learn-dxpr-builder/integrations) # Use DXPR Builder inside Layout Builder.

Using DXPR Builder alongside Drupal's Layout Builder

 Learn DXPR BuilderManage the siteConnect Drupal features

   ## In this guide

 Related guides

- [Content types](/hc/documentation/learn-dxpr-builder/integrations/content-types)

Let Layout Builder set the frame of a content type, and give your editors DXPR Builder for the content inside it. At the end, you have fixed fields around the main area, and editors build freely in the middle. Moving away from Layout Builder? See [From Layout Builder](/hc/documentation/learn-dxpr-builder/migration/from-layout-builder).

## Before you start

- The **Layout Builder** module is enabled.
- The text field of your content type already uses the **DXPR Builder** format; see [Installing on existing content types](/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types). Layout Builder keeps that format when you switch it on.

## Set up

1. Go to **Structure** > **Content types**(`/admin/structure/types`) and click **Manage display** for your content type.
2. Under **Layout options**, tick **Use Layout Builder** and click **Save**.
3. Click **Manage layout**.
4. Hover the **Body** block, open its pencil menu and choose **Configure**.
5. Check that **Formatter** is **DXPR Builder** and click **Update**.
6. Arrange the other blocks around it and click **Save layout**.

## What you see

Open a content item of that type. Layout Builder shows its sections, and the field in the middle shows the DXPR Builder toolbar when you hover it. Editors build in that field as on any other page.

You can also add a free area to one section. With the **DXPR Builder Block Type** submodule enabled, choose **Add block** > **Create content block** in **Manage layout**. Pick **Drag and Drop Block** if a list of block types appears. Editors then build its content with DXPR Builder on the page.

|  | DXPR Builder | Layout Builder |
|---|---|---|
| Who uses it | editors and marketers, on the page itself | site builders, on a separate layout page |
| What it arranges | the content inside one text field | the fields and blocks of a display, in sections |
| Building blocks | 22 content and 6 layout elements, plus Drupal blocks and views | Drupal blocks and fields |
| Licence | free tier, paid tiers with a product key | part of Drupal core |

## If you don't see the editor

- **The field shows plain text without a toolbar.** The **Body** block in the layout uses another formatter. In **Manage layout**, choose **Configure** on the block and set **Formatter**to **DXPR Builder**.
- **One content item still shows the old format.**It has its own layout, saved before you switched. Open its **Layout** tab and click **Revert to defaults**.
- **The toolbar is missing for one editor.** The editor lacks the **Edit with DXPR Builder**permission. Grant it under **People** > **Permissions** (`/admin/people/permissions`).

## What's next?

[Content types for enabling DXPR Builder](/hc/documentation/learn-dxpr-builder/integrations/content-types) to continue exploring DXPR Builder.