添加一个新的自定义注册按钮

嘿!
我正在尝试添加一个将打开注册模态框的新注册按钮,但它不起作用。
这是我的代码:

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",
      });
    },
  });

这是按钮的 HTML 代码:

<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>

我错过了什么?
谢谢!