Incluir alerta
Llamá la atención de los usuarios sobre una información en particular dentro de cualquier contenido.
En esta página
- Restricciones
- Alertá al usuario que un asunto requiere su atención urgente: danger (rojo)
- Advertí al usuario que un asunto pronto va a requerir su atención: warning (amarillo)
- Notificale una novedad: info (azul acero)
- Dale un anuncio positivo: success (verde)
Si aún no lo hiciste, primero leé atentamente la sección en la que explicamos la diferencia entre recuadro y alerta, para qué sirve cada recurso y los estándares de uso.
Restriccciones
El cuerpo de texto es obligatorio. Si lo dejás vacío, el código se rompe.
El título es opcional. El ícono, en cambio no es opcional ni se puede elegir: a cada color semántico le corresponde un único ícono que podés ver más abajo.
La extensión máxima del título es 80 espacios. Si el título es más largo, el código se rompe.
El título no acepta hipervínculo. Si vinculás el título, se va a ver el texto sin hipervínculo.
La extensión máxima del cuerpo de texto es 460 espacios. Si es más largo, el código se rompe.
El cuerpo de texto solo puede tener párrafos, negrita, cursiva, hipervínculos, listas y botones en markdown.
Si agregás cualquier otro recurso markdown (foto, video, tabla, acordeón, gráfico) dentro del cuerpo de texto, no se va a mostrar.
El ícono siempre va a tener el mismo color semántico.
Si tiene botón de acción, siempre va a tener el mismo color semántico.
Cambio en las alertas a partir de mayo de 2026
Las restricciones de las alertas que informamos arriba (extensión de los textos, colores, íconos) y las visualizaciones que ves debajo van a estar en línea a partir de mayo de 2026.
El cambio va a ser automático, así que revisá tu código actual si tiene textos muy largos o recursos que van a dejar de funcionar para evitar que se rompa cuando ocurra el cambio.
Alertá al usuario que un asunto requiere su atención urgente: danger
Para insertar una alerta danger, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{fa fa-times-circle}-{danger}]]
Por ejemplo, para insertar la siguiente alerta danger con título
Atención
La estación de tren está cerrada por obras hasta fines de abril.
tenés que escribir este código.
[[alerta-{Atención}-{La estación de tren está cerrada por obras hasta fines de abril.}-{fa fa-times-circle}-{danger}]]
Para insertar, en cambio, la siguiente alerta solo con cuerpo de texto con negrita, sin título y botón
Atención: la estación de tren está cerrada por obras hasta fines de abril.
debés escribir este código.
[[alerta-{}-{**Atención:** la estación de tren está cerrada por obras hasta fines de abril.
[Conocé más](url-destino){.btn.btn-danger.btn-sm}
}-{fa fa-times-circle}-{danger}]]
Advertí al usuario que un asunto pronto va a requerir su atención: warning
Para insertar una alerta warning, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{fa fa-warning}-{warning}]]
Por ejemplo, para insertar la siguiente alerta warning con título y cuerpo de texto con negrita
No te olvides
Tenés plazo para presentar la documentación hasta el 30 de abril.
tenés que escribir este código
[[alerta-{No te olvides}-{Tenés plazo para presentar la documentación hasta el **30 de abril**.}-{fa fa-warning}-{warning}]]
Para insertar, en cambio, la siguiente alerta solo con cuerpo de texto y negrita, sin título
No te olvides: tenés plazo para presentar la documentación hasta el 30 de abril.
debés escribir este código.
[[alerta-{}-{**No te olvides:** tenés plazo para presentar la documentación hasta el **30 de abril**.}-{fa fa-warning}-{warning}]]
Notificale una novedad: info
Para insertar una alerta info, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{fa fa-info-circle}-{info}]]
Por ejemplo, para insertar la siguiente alerta info con título y cuerpo de texto con hipervínculo
Tina, en tu Whatsapp
La asistente virtual del Estado nacional está siempre disponible para vos en el número 11 39101010.
tenés que escribir este código
[[alerta-{Tina, en tu Whatsapp}-{La asistente virtual del Estado nacional está siempre disponible para vos en el número [11 39101010](blank:#https://api.whatsapp.com/send?phone=5491139101010).}-{fa fa-info-circle}-{info}]]
Para insertar, en cambio, la siguiente alerta solo con cuerpo de texto e hipervínculo, sin título
Tina, la asistente virtual del Estado nacional, está siempre disponible para vos en el Whatsapp 11 39101010.
debés escribir este código.
[[alerta-{}-{Tina, la asistente virtual del Estado nacional, está siempre disponible para vos en el Whatsapp [11 39101010](blank:#https://api.whatsapp.com/send?phone=5491139101010).}-{fa fa-info-circle}-{info}]]
Dale un anuncio positivo: success
Para insertar una alerta success, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[alerta-{Texto del título (no obligatorio) entre llaves}-{Un párrafo de texto (obligatorio) entre llaves. Puede tener negrita, cursiva e hipervínculos.}-{fa fa-check-circle}-{success}]]
Por ejemplo, para insertar la siguiente alerta success con título y cuerpo de texto
Sube llegó a San Miguel de Tucumán
Usala para viajar en las casi 370 líneas de colectivos de la ciudad.
tenés que escribir este código
[[alerta-{Sube llegó a San Miguel de Tucumán}-{Usala para viajar en las casi 370 líneas de colectivos de la ciudad.}-{fa fa-check-circle}-{success}]]
Para insertar, en cambio, la siguiente alerta solo con dos párrafos de cuerpo de texto, sin título
Sube llegó a San Miguel de Tucumán.
Usala para viajar en las casi 370 líneas de colectivos de la ciudad.
debés escribir este código.
[[alerta-{}-{Sube llegó a San Miguel de Tucumán.
Usala para viajar en las casi 370 líneas de colectivos de la ciudad.}-{fa fa-check-circle}-{success}]]