The discussion revolves around integrating a custom plugin into the Discourse UI. Elizeo_Rocha is developing a plugin and needs help adding it to the UI, specifically wanting to display a small box with a “Hello, World!” message. merefield requests clarification on what exactly needs to be added to the UI and suggests looking at existing plugin source code.
Arkshine recommends using a plugin outlet and provides links to relevant documentation and a tool for figuring out the location and plugin outlet’s name. Elizeo_Rocha thanks Arkshine and later confirms that it worked after installing the Ember.js Chrome extension and following the documentation.
Additionally, pfaffman suggests looking at theme components such as Custom Header Links and notes that a plugin is not necessary for adding a button. Heliosurge also provides a link to a relevant topic on custom components and reminds to follow the TC (Terms and Conditions) guidelines.
I’m developing a new plugin for my Discourse instance. While the plugin itself is working fine, I’m having difficulty integrating it into the Discourse UI. I’ve reviewed the available documentation, but some parts are still unclear to me. As I’m new to this, I would greatly appreciate a detailed, step-by-step guide on how to add the plugin to the UI. Even a simple example (such as a highlighted “yellow box”) would be very helpful in understanding the process.
Thank you for your assistance!
This is a bit vague. Can you be more specific? Exactly what do you want to add to the UI?
Have you looked through existing Customization > Plugin source code to see what they are doing? (This is one of the benefits of open source)
@merefield I basically want to add a plugin to my Discourse instance that displays a small box on my page. My goal is to understand how to do it, such as a plugin that displays ‘Hello, World!’ in one of these areas, so that I can create something more complex in the future
Thank you! I’ll give it a try and come back with my feedback.
It worked! I installed the Ember.js Chrome extension and was able to locate the PluginOutlet on my site. After following the documentation, everything functioned as expected.
Also have a look at these theme components Custom Header Links and Custom Header Links (icons).
If all you want to do is add a button, you don’t need a plugin.
Don’t forget your TC 
