For the occasional post in our forum, I’d like to create a button that would, for instance, make it obvious what to click to register for a race, sign up to volunteer, or donate for a fundraising campaign. Just something that looks roughly like one of these: [Arc 2023-07-16 at 13.53.38@2x] If Discourse would take it (which it doesn’t seem to), I’d use something like this code. Button Is there a way to do something like this on an ad hoc, individual post basis? Thank you!

In that case, I believe this is what you need: [image] How to embed a button into a Topic Post Development 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…

Would this work for you? Button! [ Button! ](google.com)

Thanks! It’s certainly on the right track, though I was hoping for something I could tweak with CSS so the styles would be familiar to our users from other stuff we do.

That’s exactly what I wanted, thank you! I can take it from here…

There’s a whole tutorial about how to customize posts with custom content like buttons: [image] Customize posts' contents with your own styles Developer Guides Requirements information_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 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…

I saw that—thank you for writing it! One question that’s come up—what happens with custom elements in email notifications?

Great question :slight_smile: [image] Displays as [image] I guess that the HTML generated with wraps won’t bring their style with them via email.

Good to know, thanks. It degrades well, but the text will have to be careful not to refer to it as a button, say.

Can CSS be edited on a site hosted by Discourse?

On the Standard plan and up. :+1: You would create a theme component and make changes in there, and then attach that to your theme(s).

What's the best way to display an arbitrary button in a post?

Product Support

Canapin (Coin-coin le Canapin) July 18, 2023, 7:06pm 8

Great question

Displays as

I guess that the HTML generated with wraps won’t bring their style with them via email.

Topic		Replies	Views
How to embed a button into a Topic Post Development css	5	1218	August 24, 2026
Can I make a custom button with CSS and HTML? Development	4	2171	November 18, 2022
'Custom Post Button' Theme Component Theme component	3	236	August 24, 2026
I want to create an active colored button (not an image) inside a specific post Development	13	830	October 30, 2022
Customize posts' contents with your own styles Developer Guides css	8	3815	March 17, 2023

What's the best way to display an arbitrary button in a post?

Related topics