# How to add a new button inside quick-access-profile?

**URL:** <https://meta.discourse.org/t/how-to-add-a-new-button-inside-quick-access-profile/297978>\
**Category:** Development\
**Created:** [March 5, 2024, 9:37am UTC](https://meta.discourse.org/t/how-to-add-a-new-button-inside-quick-access-profile/297978 "2024-03-05T09:37:54Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [March 5, 2024, 2:10pm UTC](https://meta.discourse.org/t/how-to-add-a-new-button-inside-quick-access-profile/297978/2 "2024-03-05T14:10:59Z")

</div>

Hello! Welcome back. 🙂

You have an API function `addQuickAccessProfileItem` where it can insert an item before the logout button.

[https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.gjs#L1893-L1907](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.gjs#L1893-L1907)

For example:

```js
<script type="text/discourse-plugin" version="0.8">
api.addQuickAccessProfileItem({
  icon: "pencil-alt",
  href: "/somewhere",
  content: "Test"
})
</script>

```

 ![The image shows a computer user interface with a dropdown menu that includes options such as Summary, Activity, Invites, Drafts, Preferences, Pause notifications, Test, and Log Out. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/d/8/cd8acf83fb0a7e30e95caa066087508d1d5d1d6a.png)

Then you can use CSS to reorder the items (that not ideal, but not much choice)

```css
.user-menu {
    .summary { order: 1 }
    .activity { order: 2 }
    .invites { order: 3 }
    .drafts { order: 4 }
    .preferences { order: 5 }
    
    /* yours here */
    .test { order: 6 }
    
    .do-not-disturb { order: 7 }
    .logout { order: 8 }
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/e/3/0e39b6a75ef1382a4bf9bdf720b4c2eed6a6c1e7.png)

Hope that helps. 👍

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-a-new-button-inside-quick-access-profile/297978)._