--- url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/instalacion-tipos-contenido-existentes' title: 'Instalación en tipos de contenido existentes | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T00:12:47+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Convierte tipos de contenido que ya tienes en páginas que construyes visualmente. Cambias la presentación de un campo de texto largo, como Body, al formato DXPR Builder. Después, cada elemento de ese tipo muestra el constructor a tus personas que editan. Usa esta página en un sitio existente; un sitio DXPR CMS nuevo ya tiene sus tipos de contenido configurados. El vídeo cambia el campo Body de un tipo de contenido a DXPR Builder. tags: - 'Install and update' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Instalación en tipos de contenido existentes' description: |- Convierte tipos de contenido que ya tienes en páginas que construyes visualmente. Cambias la presentación de un campo de texto largo, como Body, al formato DXPR Builder. Después, cada elemento de ese tipo muestra el constructor a tus personas que editan. Usa esta página en un sitio existente; un sitio DXPR CMS nuevo ya tiene sus tipos de contenido configurados. El vídeo cambia el campo Body de un tipo de contenido a DXPR Builder. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T00:12:47+0000' dateModified: '2026-10-24T17:19:22+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/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/instalacion-tipos-contenido-existentes' articleSection: 'Instalar y actualizar' - '@type': WebPage '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/instalacion-tipos-contenido-existentes' description: |- Convierte tipos de contenido que ya tienes en páginas que construyes visualmente. Cambias la presentación de un campo de texto largo, como Body, al formato DXPR Builder. Después, cada elemento de ese tipo muestra el constructor a tus personas que editan. Usa esta página en un sitio existente; un sitio DXPR CMS nuevo ya tiene sus tipos de contenido configurados. El vídeo cambia el campo Body de un tipo de contenido a DXPR Builder. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Inicio item: 'https://dxpr.com/es' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: es --- [Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentacion) /[Aprende DXPR Builder](/es/hc/documentation/learn-dxpr-builder) /[Empieza aquí](/es/hc/documentation/learn-dxpr-builder/start-here) /[Instalar y actualizar](/es/hc/documentation/learn-dxpr-builder/start-here/install) # Instalación en tipos de contenido existentes. Aprende DXPR BuilderEmpieza aquíInstalar y actualizar ## En esta guía Guías relacionadas - [Crea tu primera página](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/primera-pagina) - [Elige qué ve cada rol en el constructor](/es/hc/documentacion/aprender-dxpr-builder/administracion/perfiles-usuario-administracion) Convierte tipos de contenido que ya tienes en páginas que construyes visualmente. Cambias la presentación de un campo de texto largo, como **Body**, al formato **DXPR Builder**. Después, cada elemento de ese tipo muestra el constructor a tus personas que editan. Usa esta página en un sitio existente; un sitio [DXPR CMS](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/instalar-dxpr-cms) nuevo ya tiene sus tipos de contenido configurados. El vídeo cambia el campo Body de un tipo de contenido a DXPR Builder. ## Antes de empezar - DXPR Builder está instalado con tu clave de producto ([Instala DXPR Builder en tu sitio Drupal](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/instalacion)). - Puedes gestionar tipos de contenido, por ejemplo como administración. ## Usa DXPR Builder en un tipo de contenido Estos pasos usan un campo de texto largo que el tipo de contenido ya tiene, como el campo **Body** predeterminado. Si no tiene ninguno, [añade un campo DXPR Builder](#add-a-dxpr-builder-field) primero. 1. Ve a **Structure** > **Content types**. 2. Abre el menú junto a tu tipo de contenido y haz clic en **Manage display**. 3. Si se abre un resumen de modos de vista, haz clic en **Manage** para **Default**. 4. Cambia el **Format** de tu campo de texto de Default a **DXPR Builder**. 5. Haz clic en **Save**. 6. Crea contenido de ese tipo y escribe un **Title**. 7. Haz clic en **Save**. 8. Pasa el cursor sobre la zona de contenido. Aparece la barra de herramientas de DXPR Builder. ## Añade un campo DXPR Builder Añade un campo cuando el tipo de contenido aún no tiene campo de texto largo. 1. Ve a **Structure** > **Content types** y haz clic en **Manage fields** para tu tipo de contenido. 2. Haz clic en **Create a new field**. 3. Elige **Formatted text**, luego **Long text**. Versiones viejas de Drupal lo llaman **Text (formatted, long)**. 4. Escribe un **Label**, como "Event details", y haz clic en **Continue**. 5. Haz clic en **Save**. Luego pon su **Format** en **DXPR Builder** con los pasos 2 a 5 de arriba. ## Oculta el campo en el formulario de edición Los tipos de contenido que trae DXPR Builder ocultan su campo del constructor en el formulario de edición, así las personas que editan lo cambian solo en el constructor. Para hacer lo mismo en tu tipo: 1. Abre **Manage form display** para tu tipo de contenido. 2. Arrastra el campo del constructor a la sección **Disabled**. 3. Haz clic en **Save**. ## Lo que ves El contenido del tipo se abre con el constructor donde estaba el campo. Un elemento nuevo muestra un constructor vacío con **Add Elements**. Personas que editan sin el permiso **Edit with DXPR Builder** y las visitas ven la página generada, sin controles. Un tipo de contenido puede tener más de un campo del constructor. Cada campo recibe su propio constructor en la página, uno por zona editable. El formato funciona en campos **Short text**, **Long text** y **Long text with summary** de cualquier tipo de entidad. Eso incluye tipos de bloque personalizados; `dxpr_builder_block` añade un tipo **Drag and Drop Block** listo. ## Ajustes | Ajuste | Qué hace | Valor predeterminado | |---|---|---| | **Editing Profile** (icono de engranaje junto al formato) | Elige el perfil de usuario que define los elementos, bloques, vistas y botones de editor para este campo | **Default (Role-based Profile)**: cada persona que edita recibe el perfil de su rol | ## Si no ves el constructor - **La lista Format no tiene opción DXPR Builder.** El campo no es un campo de texto con formato. Añade un campo **Long text** como se describe arriba y usa ese. - **Manage display muestra un botón Manage layout pero ninguna columna Format.** La presentación usa Layout Builder. Haz clic en **Manage layout**, configura el bloque del campo y pon su **Formatter** en **DXPR Builder**. - **El contenido muestra el campo como texto simple.** El formato se definió en otro modo de vista. Defínelo en **Default**, o en el modo de vista que usan tus páginas. - **Los controles no aparecen para una persona que edita.** El rol de la persona que edita no tiene el permiso **Edit with DXPR Builder**. Otórgalo en **People** > **Permissions** (`/admin/people/permissions`). ## ¿Qué sigue? - [Crea tu primera página](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/primera-pagina): añade secciones, filas y elementos al contenido nuevo. - [User profiles](/es/hc/documentacion/aprender-dxpr-builder/administracion/perfiles-usuario-administracion): decide qué ve cada rol en el constructor. - [Las herramientas de edición](/hc/documentation/learn-dxpr-builder/editing): cada control del constructor.