# ¿Cuál es la mejor manera de mostrar un botón arbitrario en una publicación?

**URL:** https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795
**Category:** Support
**Created:** [16 Julio, 2023 20:43 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795 "2023-07-16T20:43:36Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![adamengst](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adamengst/32/116607_2.png) [@adamengst](https://meta.discourse.org/u/adamengst)
#### Post date: [16 Julio, 2023 20:43 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/1 "2023-07-16T20:43:37Z")

</div>

Para una publicación ocasional en nuestro foro, me gustaría crear un botón que, por ejemplo, hiciera obvio qué hacer clic para registrarse en una carrera, inscribirse como voluntario o donar para una campaña de recaudación de fondos. Algo que se parezca aproximadamente a uno de estos:

 ![Arc 2023-07-16 at 13.53.38@2x](https://global.discourse-cdn.com/meta/original/4X/4/7/5/47502ffaea24325379af25d183d6ed890e4cd8ec.png)

Si Discourse lo aceptara (lo cual no parece), usaría algo como este código.

```html
<span style="display: inline-block; background-color: #7b38d8; padding: 20px; width: 200px; color: #ffffff; text-align: center;">
  Button
</span>

```

¿Hay alguna forma de hacer algo así de forma ad hoc, en publicaciones individuales?

¡Gracias!

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [16 Julio, 2023 20:47 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/2 "2023-07-16T20:47:17Z")

</div>

¿Te serviría esto?

**Botón!**

`[**Botón!**](google.com)`

---

<div class="post-metadata">

### Author: ![adamengst](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adamengst/32/116607_2.png) [@adamengst](https://meta.discourse.org/u/adamengst)
#### Post date: [16 Julio, 2023 21:21 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/3 "2023-07-16T21:21:58Z")

</div>

¡Gracias! Ciertamente va en la dirección correcta, aunque esperaba algo que pudiera ajustar con CSS para que los estilos fueran familiares para nuestros usuarios por otras cosas que hacemos.

---

<div class="post-metadata">

### Author: ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)
#### Post date: [16 Julio, 2023 21:24 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/4 "2023-07-16T21:24:53Z")

</div>

En ese caso, creo que esto es lo que necesitas:

> [@How to embed a button into a Topic Post](https://meta.discourse.org/t/how-to-embed-a-button-into-a-topic-post/256473):
>
> Introducing the amazing embedded button - the ultimate solution for spicing up your topic posts! With just a click, you can add a whole new dimension to your content and leave your readers in awe. Plus, our embedded button comes with a 100% satisfaction guarantee - if you’re not completely satisfied with its awesomeness, we’ll give you your money back (just kidding, it’s totally free)! So why wait? Get your hands on our embedded button today and join the cool kids’ club! I have created some cal…

---

<div class="post-metadata">

### Author: ![adamengst](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adamengst/32/116607_2.png) [@adamengst](https://meta.discourse.org/u/adamengst)
#### Post date: [16 Julio, 2023 21:39 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/5 "2023-07-16T21:39:03Z")

</div>

¡Eso es exactamente lo que quería, gracias! Puedo continuar desde aquí…

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [18 Julio, 2023 11:49 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/6 "2023-07-18T11:49:47Z")

</div>

Hay un tutorial completo sobre cómo personalizar publicaciones con contenido personalizado como botones:

> [@Customize posts' contents with your own styles](https://meta.discourse.org/t/customize-posts-contents-with-your-own-styles/257738?u=canapin):
>
> Requirementsinformation_source To be able to use these tips and tricks, you need to be an administrator of either a self-hosted Discourse instance or a [Discourse-hosted plan](https://discourse.org/pricing) higher than Basic. Introduction Discourse supports several methods to format and customize a post’s contents. You can find the list here: But sometimes, you’ll want something more specific, for example, a link that looks like a button. [Green button] This is the kind of modification we’ll learn here. The logic I’l…

---

<div class="post-metadata">

### Author: ![adamengst](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adamengst/32/116607_2.png) [@adamengst](https://meta.discourse.org/u/adamengst)
#### Post date: [18 Julio, 2023 18:37 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/7 "2023-07-18T18:37:36Z")

</div>

Lo he visto, ¡gracias por escribirlo!

Una pregunta que ha surgido: ¿qué sucede con los elementos personalizados en las notificaciones por correo electrónico?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [18 Julio, 2023 19:06 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/8 "2023-07-18T19:06:48Z")

</div>

Gran pregunta 🙂

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/b/0/9b025c2d016d1e5c04b2bca28432fbccc317eb3d.png)

Se muestra como

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/e/b/6ebc16787ecf307f58e8997839ca4450a15bee91.png)

Supongo que el HTML generado con envoltorios no traerá su estilo por correo electrónico.

---

<div class="post-metadata">

### Author: ![adamengst](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adamengst/32/116607_2.png) [@adamengst](https://meta.discourse.org/u/adamengst)
#### Post date: [18 Julio, 2023 19:22 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/9 "2023-07-18T19:22:59Z")

</div>

Bueno saberlo, gracias. Se degrada bien, pero el texto tendrá que tener cuidado de no referirse a él como un botón, por ejemplo.

---

<div class="post-metadata">

### Author: ![MikeNolan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikenolan/32/297597_2.png) [@MikeNolan](https://meta.discourse.org/u/MikeNolan)
#### Post date: [18 Julio, 2023 19:29 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/10 "2023-07-18T19:29:51Z")

</div>

¿Se puede editar CSS en un sitio alojado por Discourse?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [18 Julio, 2023 19:32 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/11 "2023-07-18T19:32:31Z")

</div>

En el plan Estándar y superior. 👍 Crearías un componente de tema y harías los cambios allí, y luego lo adjuntarías a tu(s) tema(s).

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [17 Agosto, 2023 19:32 UTC](https://meta.discourse.org/t/whats-the-best-way-to-display-an-arbitrary-button-in-a-post/271795/12 "2023-08-17T19:32:43Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
