---
url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/boton'
title: 'Añadir un botón | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:12:58+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Obtienes un botón claro de llamada a la acción que lleva las visitas donde quieres. Úsalo para llevar personas a un formulario de registro, una página de producto o una página de contacto.'
tags:
  - Marketing
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: 'Añadir un botón'
      description: 'Obtienes un botón claro de llamada a la acción que lleva las visitas donde quieres. Úsalo para llevar personas a un formulario de registro, una página de producto o una página de contacto.'
      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:58+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/elementos/boton'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/boton'
      description: 'Obtienes un botón claro de llamada a la acción que lleva las visitas donde quieres. Úsalo para llevar personas a un formulario de registro, una página de producto o una página de contacto.'
      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) /[Crear páginas](/es/hc/documentation/learn-dxpr-builder/build) /[Añadir contenido](/es/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/es/hc/documentation/learn-dxpr-builder/elements/marketing) # Añadir un botón.

 Aprende DXPR BuilderCrear páginasAñadir contenidoMarketing

   ## En esta guía

 Guías relacionadas

- [Cambia el aspecto de un elemento en el panel Style](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/pestana-style)

Obtienes un botón claro de llamada a la acción que lleva las visitas donde quieres. Úsalo para llevar personas a un formulario de registro, una página de producto o una página de contacto.

## Añade un botón

Abre tu página con la sesión iniciada: los controles del constructor aparecen cuando pasas el cursor sobre la zona de contenido. [Crea tu primera página](/es/hc/documentacion/aprender-dxpr-builder/primeros-pasos/primera-pagina) muestra lo básico.

1. Pasa el cursor sobre la columna y haz clic en **+** en su barra de controles, o haz clic en **Add Elements** en una página vacía. Abre la pestaña **Content** y haz clic en **Button**. Queda arriba de la columna y su diálogo de ajustes se abre.
2. Reemplaza el texto predeterminado en **Title** con la etiqueta de tu botón.
3. Introduce el destino en **Link**, como `/contact` o `https://example.com`.
4. Elige un color en **Type**. Aquí elegimos **Success**.
5. Elige el **Size**. Aquí elegimos **Large**.
6. Haz clic en **Save** en el diálogo. Luego haz clic en **Save** en la barra de herramientas arriba de la zona de contenido para guardar la página.

  ## Lo que ves

Un botón con la etiqueta que escribiste aparece arriba de la columna. En el vídeo, es grande y verde y dice Registro para la jornada de puertas abiertas. Los enlaces no se abren mientras editas. Para probar el tuyo, guarda la página, elige **Preview** en el menú de vista de la barra de herramientas y haz clic en el botón. Las visitas lo ven cuando guardas la página y está publicada.

## Configura tu botón

Pasa el cursor sobre el elemento y abre **More > Settings** en su barra de controles. Opciones:

- **Title:** el texto del botón.
- **Link:** a dónde va el botón: una ruta de tu sitio, como `/contact`, o una URL completa.
- **Link target:** abre el enlace en la Same window o una New window. Se muestra cuando **Link** tiene un valor.
- **Type:** el estilo de color: Primary, Secondary, Success, Info, Warning, Danger, Link, Light o Dark.
- **Block button:** estira el botón por todo el ancho de la columna.
- **Outline style:** muestra un borde de color y texto sin relleno. El tipo Link no tiene contorno y siempre parece un enlace de texto.
- **Size:** Normal, Large o Small.

## Si no lo ves

- **Button no está en la pestaña Content.** Tu perfil de usuario lo oculta. Pide a una cuenta administradora que lo active en [User profiles](/es/hc/documentacion/aprender-dxpr-builder/administracion/perfiles-usuario-administracion).
- **Ya no está tras recargar.** La página no se guardó. Añádelo de nuevo y haz clic en **Save** en la barra de herramientas arriba de la zona de contenido.
- **Un clic lleva a "página no encontrada".** La ruta de **Link** está mal. Las rutas de tu sitio empiezan con `/`, como `/contact`. Pasa el cursor sobre el elemento y abre **More > Settings** para arreglarla.
- **El botón se ve distinto que en el vídeo.** Su aspecto viene de **Type**, **Outline style**, **Block button** y **Size**. Pasa el cursor sobre el elemento y abre **More > Settings** para comprobarlos.
- **El enlace se abre en la misma pestaña.** **Link target** está en Same window. Rellena **Link** primero y luego elige New window.

## ¿Qué sigue?

[Panel Style](/es/hc/documentacion/aprender-dxpr-builder/ajustes-elemento/pestana-style) para cambiar espaciado y fondo de tu botón.