# Link sidebar buttons and scripts

**URL:** <https://meta.discourse.org/t/link-sidebar-buttons-and-scripts/313541>\
**Category:** Development\
**Tags:** sidebar\
**Created:** [June 25, 2024, 11:43am UTC](https://meta.discourse.org/t/link-sidebar-buttons-and-scripts/313541 "2024-06-25T11:43:23Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Truest](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@Truest](https://meta.discourse.org/u/Truest)\
**Post date:** [June 25, 2024, 11:43am UTC](https://meta.discourse.org/t/link-sidebar-buttons-and-scripts/313541/1 "2024-06-25T11:43:23Z")

</div>

I would like to add it in the form of a button in the sidebar (hamburger menu) → More or at the bottom of the sidebar and then connect JavaScript. How do I access the Discourse sidebar to do that?

I did the following, but it didn’t work.  
I put it in the of the component.

```plaintext
<div class="sidebar-custom-sections">
  <ul class="sidebar-more-section-links-details-content-main">
    <li data-list-item-name="Install" class="sidebar-section-link-wrapper" id="sidebar_install_wrapper">
      <a href="#" rel="noopener noreferrer" target="_self" data-link-name="Install" class="sidebar-section-link sidebar-row" id="sidebar_install_button">
        <span class="sidebar-section-link-prefix icon">
          <svg class="fa d-icon d-icon-download svg-icon prefix-icon svg-string" xmlns="http://www.w3.org/2000/svg">
            <use href="#download"></use>
          </svg>
        </span>
        <span class="sidebar-section-link-content-text">
          Install
        </span>
      </a>
    </li>
  </ul>
</div>

```

---

_[View the full topic](https://meta.discourse.org/t/link-sidebar-buttons-and-scripts/313541)._