새 사용자 정의 가입 버튼 추가

개발
1

안녕하세요!
가입 모달을 여는 새 가입 버튼을 추가하려고 하는데, 작동이 되지 않습니다.

제 코드는 다음과 같습니다:

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>

무엇이 부족한 건가요?
감사합니다!