# Add a new custom signup button

**URL:** https://meta.discourse.org/t/add-a-new-custom-signup-button/242945
**Category:** Development
**Created:** [October 26, 2022, 9:04am UTC](https://meta.discourse.org/t/add-a-new-custom-signup-button/242945 "2022-10-26T09:04:17Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![dorl-moveo](https://avatars.discourse-cdn.com/v4/letter/d/ecb155/32.png) [@dorl-moveo](https://meta.discourse.org/u/dorl-moveo)
#### Post date: [October 26, 2022, 9:04am UTC](https://meta.discourse.org/t/add-a-new-custom-signup-button/242945/1 "2022-10-26T09:04:17Z")

</div>

Hey!  
I’m trying to add an new signup button that will open the signup modal but it doesn’t work

here is my code:

```plaintext
api.createWidget("custom-signup-button", {
    tagName: "button.become-member-button", function(helper){
      return helper.attach("button", {
        label: "sign_up",
        className: "btn-primary btn-small sign-up-button",
        action: "showCreateAccount",
      });
    },
  });

```

and this is the html code for the button:

```plaintext
<script type="text/x-handlebars" data-template-name="/connectors/above-footer/hp-above-footer-become-member-banner">
  <div class="become-member-conatiner">
    <div class="become-member-section">
      ...
      <div class="become-member-content">
        <div>
          <div class="become-member-subtitle">{{theme-setting 'become_member_subtitle'}}</div>
          <button class="become-member-button">
            <img class="become-member-button-arrow" />
            <div class="become-member-button-text">Sign up</div>
          </button>
        </div>
      </div>
    </div>
  </div>
</script>

```

what am i missing?  
Thanks!