---
url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/flujo-trabajo-studio'
title: 'Diseña, guarda y reutiliza una sección | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:10:33+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Construye una sección con cuidado y úsala de nuevo en cada página que la necesita. Das estilo a un recuadro de jornada de puertas abiertas con espaciado, fuente mayor, colores de marca y esquinas redondeadas. Luego guardas la página, conservas la sección como plantilla y la insertas de nuevo. Cada paso de estilo tiene su propia guía cuando quieres más detalle.
  El vídeo da estilo al recuadro, lo guarda como plantilla y lo inserta una segunda vez.
tags:
  - 'Build your first page'
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: 'Diseña, guarda y reutiliza una sección'
      description: |-
        Construye una sección con cuidado y úsala de nuevo en cada página que la necesita. Das estilo a un recuadro de jornada de puertas abiertas con espaciado, fuente mayor, colores de marca y esquinas redondeadas. Luego guardas la página, conservas la sección como plantilla y la insertas de nuevo. Cada paso de estilo tiene su propia guía cuando quieres más detalle.
        El vídeo da estilo al recuadro, lo guarda como plantilla y lo inserta una segunda vez.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T00:10:33+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/flujo-trabajo-studio'
      articleSection: 'Crea tu primera página'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/flujo-trabajo-studio'
      description: |-
        Construye una sección con cuidado y úsala de nuevo en cada página que la necesita. Das estilo a un recuadro de jornada de puertas abiertas con espaciado, fuente mayor, colores de marca y esquinas redondeadas. Luego guardas la página, conservas la sección como plantilla y la insertas de nuevo. Cada paso de estilo tiene su propia guía cuando quieres más detalle.
        El vídeo da estilo al recuadro, lo guarda como plantilla y lo inserta una segunda vez.
      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) /[Crea tu primera página](/es/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Diseña, guarda y reutiliza una sección.

 Aprende DXPR BuilderEmpieza aquíCrea tu primera página

   ## En esta guía

 Guías relacionadas

- [Guarda una sección y reutilízala](/es/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)

Construye una sección con cuidado y úsala de nuevo en cada página que la necesita. Das estilo a un recuadro de jornada de puertas abiertas con espaciado, fuente mayor, colores de marca y esquinas redondeadas. Luego guardas la página, conservas la sección como plantilla y la insertas de nuevo. Cada paso de estilo tiene su propia guía cuando quieres más detalle.

El vídeo da estilo al recuadro, lo guarda como plantilla y lo inserta una segunda vez.

  ## Antes de empezar

- Puedes editar una página con DXPR Builder, y tiene una sección donde trabajar. Consulta [Crea tu primera página](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/primera-pagina).

## Configuración

1. Haz clic en **+** dentro de la sección, abre la pestaña **Content** del selector de elementos y elige **Text**. Su diálogo de ajustes se abre.
2. Escribe tu anuncio y pon su primera línea en **Heading 2**.
3. Abre el panel **Style** del mismo diálogo y pon arriba y abajo de **Padding** a 40 píxeles en el modelo de caja.
4. Pon **Font size** en 20.
5. Elige un **Font color** blanco y un **Background** azul marino.
6. Pon **Border radius** en 12 y haz clic en **Save**.
7. Haz clic en **Save** en la barra de herramientas de DXPR Builder.
8. Señala el recuadro y haz clic en **More** en la barra de controles exterior, la de toda la sección, y elige **Save as template**, escribe un **Template name**, marca **Global template** y haz clic en **Save**.
9. Haz clic en **+** en la barra de herramientas de DXPR Builder, abre la pestaña **Saved templates** y haz clic en tu plantilla.
10. Haz clic en **Save** en la barra de herramientas de DXPR Builder.

## Lo que ves

El recuadro es un bloque azul marino con texto blanco más grande, aire arriba y abajo, y esquinas redondeadas. Tras el paso 9 una segunda copia queda en la página. La copia es independiente: cambia su texto y el primer recuadro queda como estaba. Tu plantilla ahora espera en la pestaña **Saved templates** en cada página. Con **Global template** marcado, otras personas que editan también la ven.

Cada paso de estilo tiene su propia guía:

- [Espaciado](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/espaciado): relleno y márgenes en el modelo de caja.
- [Cambia el tamaño y el color del texto](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/tipografia): tamaño y color de fuente.
- [Usa los colores de tu marca](/es/hc/documentacion/aprender-dxpr-builder/diseno/colores-marca): colores que coinciden con tu marca.
- [Bordes y sombras](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/bordes-sombras): radio de borde, estilo de borde y sombra.
- [Backgrounds](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/fondo): colores, imágenes y efectos tras un elemento.
- [Filas y columnas](/es/hc/documentacion/aprender-dxpr-builder/maquetacion/filas-columnas) y [Haz que tu diseño funcione en teléfonos](/es/hc/documentacion/aprender-dxpr-builder/diseno/diseno-adaptable): diseños y tamaños de pantalla.
- [Plantillas de usuario](/es/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates) y [Pestaña de plantillas guardadas](/es/hc/documentation/learn-dxpr-builder/reusable-templates/saved-templates-tab): guardar y reutilizar secciones.

## Si no ves tu plantilla

- **La plantilla no está en la pestaña Saved templates.** El guardado no terminó, o estás en otro sitio. Guarda la sección de nuevo desde su menú **More** y busca el nombre de la plantilla en **Search**.
- **El menú More guardó toda la página en lugar de la sección.** Usaste **More** en la barra de herramientas de DXPR Builder. Usa **More** en la barra de controles propia de la sección, la exterior.
- **El texto no creció ni se volvió blanco.** Cambiaste los ajustes de otro elemento. Abre los **Settings** del elemento Text mismo y comprueba **Font size** y **Font color** en su panel **Style**.

## ¿Qué sigue?

- [Plantillas de usuario](/es/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates): gestiona, comparte y borra tus plantillas.
- [Guías de diseño](/hc/documentation/learn-dxpr-builder/design/overview): color, botones, tarjetas y diseños de ancho completo.