Edit the XenForo Signup Page | Example: Adding a KeyCAPTCHA Description

Because KeyCAPTCHA is not in widespread use, I decided to add a description for new signups on the register page, just underneath the verification box: https://xiaopan.co/forums/register/

How I did it
1) Navigate to the XenForo ACP
2) Go to Appearance > Phrases > Create New Phrase
3) I called mine: keycaptcha_desc and add the phrase text

This is what I wrote

4) Then when you are done, click Save Phrase
5) Now you want to go to templates
6) Search for register_form
7) Click the helper_captcha_unit tab
8) Replace this:

Code:

Select All

<xen:if is="{$captcha}">
<dl class="ctrlUnit">
<dt>{xen:phrase verification}:</dt>
<dd>{xen:raw $captcha}
</dd></dl>
</xen:if>

9) With this:

Code:

Select All

<xen:if is="{$captcha}">
<dl class="ctrlUnit">
<dt>{xen:phrase verification}:</dt>
<dd>{xen:raw $captcha}
<p class="explain">{xen:phrase keycaptcha_desc}</p>
</dd></dl>
</xen:if>

10) Then click save

Keep in mind you can edit or add any description to the signup fields all you need to do is create a phrase, embed the description in the register form by using:

Code:

Select All

<p class="explain">{xen:phrase whatever}</p>

In the right place. I had to use one for Steam, because people signing up had no idea what it was, so I added a helpful description "If you have a Steam account you may enter it here, with a link to Steam.

You can check more descriptions by out by logging out, and then navigating to this page: https://xiaopan.co/forums/register/