# 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="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FregOu58p8Ez4VW14pZLn%2Fimage.png?alt=media&#x26;token=e76d9b18-962c-4301-95c3-640bdf7c1a4c" alt=""><figcaption><p>Look and Feel > Signup page</p></figcaption></figure>

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

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FUswecX1JjZvg9wWox0OJ%2FScreenshot%202023-04-06%20211004.png?alt=media&#x26;token=a049c7f7-36b1-40f8-a719-f200b73b5e58" alt=""><figcaption><p>Click on Select &#x26; Customize</p></figcaption></figure>

This will open up the signup page section.

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FIq0G3Ctq5SHeibssw02I%2Fimage.png?alt=media&#x26;token=7ad93897-78cb-4808-b3fe-83a44a48401e" alt=""><figcaption><p>Signup page</p></figcaption></figure>

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

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FM3sPsQfnRWXHVHPqPnGw%2FScreenshot%202023-04-06%20211143.png?alt=media&#x26;token=c096c445-cbd9-4bbe-9e76-b839ee807201" alt=""><figcaption><p>Click on Add your own field</p></figcaption></figure>

This will open up the signup field window.

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FGJGJ7nq2Fq5Cci285IAy%2Fimage.png?alt=media&#x26;token=ac20ab48-1885-43f5-b22d-e7233a702318" alt=""><figcaption><p>Signup field</p></figcaption></figure>

Here, set the field title.

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FyyqtxQv4dahU877LZusv%2FScreenshot%202023-04-06%20211631.png?alt=media&#x26;token=4b3fad39-092c-426f-8db3-698d598e320a" 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="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2F94VghsCrJGfEv6L7zVh7%2FScreenshot%202023-04-06%20211725.png?alt=media&#x26;token=63cd63ef-e7d0-462a-a93d-e5a788d6b842" alt=""><figcaption><p>Set the input mask</p></figcaption></figure>

Now, click on **Add**.

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2Ff75fD2iQpnfjyperJzjH%2FScreenshot%202023-04-06%20211748.png?alt=media&#x26;token=609ff0e2-813b-4c00-83df-5ca6c863d17f" alt=""><figcaption><p>Click on Add</p></figcaption></figure>

Next, click on **Save**.

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2Fhlz0860pRaJWMmJE8Yzx%2FScreenshot%202023-04-06%20211837.png?alt=media&#x26;token=4ded4f9c-35ab-4e50-9532-f6dc4a4e2d87" 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="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FfSYCCnePnaxTNXKsi6ve%2FScreenshot%202023-04-06%20212258.png?alt=media&#x26;token=d5bbd467-091d-4540-abb6-709043d00c20" 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="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2FOmDwB7yXp1FK3ObvZRID%2Fimage.png?alt=media&#x26;token=78d25bfb-9d2b-40e9-8ce7-68bf17c24e92" alt=""><figcaption></figcaption></figure>

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