---
url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/alerta'
title: 'Añadir una alerta | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:12:51+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Obtienes un banner de color que atrae la mirada a un mensaje corto. Úsalo para fechas límite, avisos de mantenimiento o noticias de ofertas que las visitas no deben perderse.'
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 una alerta'
      description: 'Obtienes un banner de color que atrae la mirada a un mensaje corto. Úsalo para fechas límite, avisos de mantenimiento o noticias de ofertas que las visitas no deben perderse.'
      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:51+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/alerta'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/elementos/alerta'
      description: 'Obtienes un banner de color que atrae la mirada a un mensaje corto. Úsalo para fechas límite, avisos de mantenimiento o noticias de ofertas que las visitas no deben perderse.'
      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 una alerta.

 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 banner de color que atrae la mirada a un mensaje corto. Úsalo para fechas límite, avisos de mantenimiento o noticias de ofertas que las visitas no deben perderse.

## Añade una alerta

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 **Alert**. Queda arriba de la columna y su diálogo de ajustes se abre.
2. Elige un **Type** para definir el color. Aquí elegimos **Warning**.
3. Reemplaza el texto de muestra en **Message** con tu aviso.
4. 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 banner de color ocupa la columna y muestra el mensaje que escribiste. En el vídeo, el tipo Warning lo vuelve amarillo. Las visitas lo ven cuando guardas la página y está publicada.

## Configura tu alerta

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

- **Message:** el texto del banner. Añade negrita, enlaces o un encabezado con la barra de herramientas del editor.
- **Type:** el color del banner: Success, Info, Warning o Danger.

También puedes hacer clic en el texto de la alerta en la página y editarlo en su sitio.

## Si no lo ves

- **Alert 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.
- **La alerta aún muestra texto de ejemplo.** Una alerta nueva empieza con texto de muestra. Haz clic en el texto en la página, o pasa el cursor sobre el elemento y abre **More > Settings**, y escribe tu mensaje.
- **La alerta es una barra fina y vacía.** El campo **Message** está vacío. Pasa el cursor sobre el elemento y abre **More > Settings**, y escribe tu mensaje.
- **La alerta tiene el color equivocado.** El **Type** define el color. Pasa el cursor sobre el elemento y abre **More > Settings**, y elige Success, Info, Warning o Danger.

## ¿Qué sigue?

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