# Change link signup CTA

**URL:** <https://meta.discourse.org/t/change-link-signup-cta/81649>\
**Category:** Product Support\
**Created:** [2월 27, 2018, 11:44오전 UTC](https://meta.discourse.org/t/change-link-signup-cta/81649 "2018-02-27T11:44:04Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [3월 1, 2018, 5:15오전 UTC](https://meta.discourse.org/t/change-link-signup-cta/81649/7 "2018-03-01T05:15:33Z")

</div>

Here’s what you need to make the link look like a button:

```plaintext
<script type="text/x-handlebars" data-template-name="components/signup-cta">
	<div class="signup-cta alert alert-info">
		{{#if session.hideSignupCta}}
			<p>
				{{i18n "signup_cta.hidden_for_session"}}
			</p>
		{{else}}
			<p>{{replace-emoji (i18n "signup_cta.intro")}}</p>
			<p>{{replace-emoji (i18n "signup_cta.value_prop")}}</p>

			<div class="buttons">
    			<a target="_blank" id="sso-signup" class="btn-primary btn-primary btn btn-icon-text" href="https://google.com">
    			    {{d-icon "check"}}<span class="d-button-label">sign up</span>
    			</a>
				{{d-button action="hideForSession" label="signup_cta.hide_session" class="no-icon"}}
				<a {{action "neverShow"}}>{{i18n "signup_cta.hide_forever"}}</a>
			</div>
		{{/if}}
		<div class="clearfix"></div>
	</div>
</script> 

```

and this CSS:

```plaintext
#sso-signup {
	float: none;
	text-decoration: none;
}

```

Just make sure you change the href above and the wording for signup

. It looks like this now:

 ![Untitled](https://global.discourse-cdn.com/meta/original/3X/0/a/0ae25ece0ce713b34343d673ababede2e8b1076a.jpg)

As for the second part:

> [@Francois\_Douville](#):
>
> Also, if an anonymous user want to reply or do anything at all, it always convert to the “sign in” form. Can I change all that to the “sign up” form (link to memberful)? Like I did with the signup CTA.

First you need this CSS to hide the default button:

```plaintext
.anon #topic-footer-buttons button {
    display: none;
}

```

Then you need this to inject a new button/link

```plaintext
<script type='text/x-handlebars' data-template-name='/connectors/topic-above-suggested/add-sso-button'>
    <a target="_blank" id="sso-reply" class="btn-primary btn-primary btn btn-icon-text" href="https://google.com">
        {{d-icon "reply"}}<span class="d-button-label">Reply</span>
    </a>
</script>

```

And it would look like this:

 ![Capture](https://global.discourse-cdn.com/meta/original/3X/5/6/5690b2eb1c4d03a350689e114aed7aee6df1dd34.PNG)

Again, make sure you change the label and href in the code your needs.

Let me know if you need more help.

---

_[View the full topic](https://meta.discourse.org/t/change-link-signup-cta/81649)._