> For the complete documentation index, see [llms.txt](https://docs.goaffpro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.goaffpro.com/affiliate-portal-customization/signup-page/additional-signup-fields-for-signup-page/setup-signup-field-with-input-mask.md).

# Setup Signup Field with Input Mask

**GoAffPro** provides you with the option to set up a signup field with an input mask.&#x20;

To set up a signup field with an input mask, go to the **Signup page** section in the **Look and Feel** tab of the GoAffPro admin panel.

<figure><img src="/files/XJqUAXUDXGfHViy2AG5W" alt=""><figcaption><p>Look and Feel > Signup page</p></figcaption></figure>

Here, click on **Select & Customize**.

<figure><img src="/files/nx2vtGdnNttnBnK5OAOS" alt=""><figcaption><p>Click on Select &#x26; Customize</p></figcaption></figure>

This will open up the signup page section.

<figure><img src="/files/YqHigWrNS949hzT0SAlo" alt=""><figcaption><p>Signup page</p></figcaption></figure>

Here, click on **Add your own field**.

<figure><img src="/files/wB5JiYJtYfoQByXpETA8" alt=""><figcaption><p>Click on Add your own field</p></figcaption></figure>

This will open up the signup field window.

<figure><img src="/files/Jlv5XRqVV09sDJMuZKy9" alt=""><figcaption><p>Signup field</p></figcaption></figure>

Here, set the field title.

<figure><img src="/files/CTo2OAPphXpOCmrUY86Q" alt=""><figcaption><p>Set the field title</p></figcaption></figure>

Next, set the input mask.

{% hint style="info" %}
The input mask can be used to restrict what can be entered in the signup field. \
\
The number 9 represents all the digits from 0 to 9. \
The letter "a" represents all the letters from a to z.<br>

**Examples:** If you want to set the input mask for US SSN (format: 3 digits - 2 digits - 4 digits), then you will set up the input mask as 999-99-9999\
\
If you want to set the input mask for PAN number (format: four letters, four digits, and one letter, like ABCD1234E or KLMN9983B), you will set up the input mask as aaaa9999a<br>
{% endhint %}

<figure><img src="/files/QnzpvkGFCVdO9eBwZavF" alt=""><figcaption><p>Set the input mask</p></figcaption></figure>

Now, click on **Add**.

<figure><img src="/files/eMp5oJIeSpzLcZfjEYSW" alt=""><figcaption><p>Click on Add</p></figcaption></figure>

Next, click on **Save**.

<figure><img src="/files/ofD9fHPBWnt1yk4SHXWp" alt=""><figcaption><p>Click on Save</p></figcaption></figure>

Finally, the signup field with the input mask will be added to the signup page of the affiliate portal.

<figure><img src="/files/wRKsRevYvvus8BhuXfEI" alt=""><figcaption><p>The signup field with input mask will get added</p></figcaption></figure>

The input mask will restrict on what can get entered into this signup field.

<figure><img src="/files/Z0XNR7raC70WGWkU20pN" alt=""><figcaption></figcaption></figure>

{% embed url="<https://youtu.be/YQhJp4IGlh8>" %}
Setup Signup Field with Input Mask
{% endembed %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.goaffpro.com/affiliate-portal-customization/signup-page/additional-signup-fields-for-signup-page/setup-signup-field-with-input-mask.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
