# Custom Buttons with own functions

**URL:** https://meta.discourse.org/t/custom-buttons-with-own-functions/166947
**Category:** Support
**Created:** [October 12, 2020, 8:19am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947 "2020-10-12T08:19:04Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![CommunityJ](https://avatars.discourse-cdn.com/v4/letter/c/5f8ce5/32.png) [@CommunityJ](https://meta.discourse.org/u/CommunityJ)
#### Post date: [October 12, 2020, 8:19am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947/1 "2020-10-12T08:19:04Z")

</div>

Is there a way for me to add my own buttons in the header (appearance like the icon header links), but write my own function behind it?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [October 12, 2020, 9:18am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947/2 "2020-10-12T09:18:44Z")

</div>

You should be able to use a theme component for this. Here is a pre-built one:

> [@Custom Header Links (icons)](https://meta.discourse.org/t/custom-header-links-icons/86307):
>
> discourse2Summary Custom Header Links (icons) will allow you to easily add linked icons to the Discourse header.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/custom-header-links-icons)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-icon-header-links](https://github.com/discourse/discourse-icon-header-links)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Screenshots Desktop Mobile Settings This component includes a …

If you need it to run your own function, you can create your own theme component using the custom header links component as a starting point.

---

<div class="post-metadata">

### Author: ![CommunityJ](https://avatars.discourse-cdn.com/v4/letter/c/5f8ce5/32.png) [@CommunityJ](https://meta.discourse.org/u/CommunityJ)
#### Post date: [October 13, 2020, 4:34am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947/3 "2020-10-13T04:34:28Z")

</div>

When I do this, the button doesnt show up on the header. It shows up at the bottom left of the screen. Any reason why this might be happening and how to fix it?

---

<div class="post-metadata">

### Author: ![CommunityJ](https://avatars.discourse-cdn.com/v4/letter/c/5f8ce5/32.png) [@CommunityJ](https://meta.discourse.org/u/CommunityJ)
#### Post date: [October 14, 2020, 11:05am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947/4 "2020-10-14T11:05:46Z")

</div>

Hi this doesn’t work because the placement of the button happens on the bottom left rather than the header. How do I fix this?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [October 14, 2020, 11:11am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947/5 "2020-10-14T11:11:13Z")

</div>

Which theme component have you installed? And how have you configured it?

---

<div class="post-metadata">

### Author: ![CommunityJ](https://avatars.discourse-cdn.com/v4/letter/c/5f8ce5/32.png) [@CommunityJ](https://meta.discourse.org/u/CommunityJ)
#### Post date: [October 15, 2020, 6:14am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947/6 "2020-10-15T06:14:00Z")

</div>

I installed the Custom Header Links theme. What does it mean to configure it ?

---

<div class="post-metadata">

### Author: ![CommunityJ](https://avatars.discourse-cdn.com/v4/letter/c/5f8ce5/32.png) [@CommunityJ](https://meta.discourse.org/u/CommunityJ)
#### Post date: [October 15, 2020, 10:39am UTC](https://meta.discourse.org/t/custom-buttons-with-own-functions/166947/7 "2020-10-15T10:39:41Z")

</div>

I added my own html, not sure if that is related to configuring it .
