▪️Registration page
TAP is providing a default affiliate registration page for all operators.
An Example of the page can be seen at this address - https://aff.theaffiliateplatform.com/
The page is supporting
Different languages ( Go to Affiliate Desk \ Settings , to set the default language and available languages for your registration page)
All the texts can be adjusted by the operator from TAP BackOffice (Go to Tools \ Translation\Values' screen to find the relevant translation keys for registration page (Affiliation) and affiliates backoffice/login page (Affiliation Admin)


Can be customized with CSS and additional JavaScript from the TAP BackOffice.
The page can accept different parameters in the URL
https://aff.theaffiliateplatform.com/?lang=uk - opens in the specified language
https://aff.theaffiliateplatform.com/?tc=true - opens Terms & Conditions window
https://aff.theaffiliateplatform.com/?mgr=123 - registered affiliate will be assigned to the manager with ID 123 and the affiliate will be automatically approved. You can prevent automatic approval by adding &auto_approve=false to the URL
https://aff.theaffiliateplatform.com/?paff=456 - affiliate will be assigned as a child to the affiliate with ID 456
https://aff.theaffiliateplatform.com/?registration_source=FB123 - affiliate will be marked with the tag FB123 as the registration source
https://aff.theaffiliateplatform.com/?ext_affiliate_id=12345 - affiliate will have their external ID set to the value specified in the URL. Only unique values are accepted. If an existing affiliate already has the same external ID, the registration will not be successful.
Customizing page UI
You can provide custom CSS, colors, and background of the page in the Settings \ Custom JS & CSS (REG. SCREEN) section.

Please check the example below.
<style>
body {
background-image: url('https://static.smr.vc/2576047dbc254e7266bfc9-WheelBg, pumpkins.jpg');
background-color: transparent !important;
background-size: cover !important;
color: #fff !important;
}
#reg_form {
padding: 40px !important;
background-color: #000;
}
form label {
color: #fcd004 !important;
font-weight: bold !important;
}
form input,
form select,
form textarea {
border-color: #fcd004 !important;
border-width: 2px !important;
border-radius: 6px !important;
}
form>div>div.input-group>input,
form>div>div.input-group>select,
form>div>div.input-group>textarea {
border-color: #fcd004 !important;
border-top-right-radius: 6px !important;
border-top-left-radius: 0px !important;
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
border-width: 2px 2px 2px 0px !important;
}
form .input-group .input-group-prepend span {
background-color: #fcd004 !important;
border-color: #fcd004 !important;
border-width: 2px 0px 0px 0px !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
}
form button.btn-primary[type="submit"] {
color: #fff;
background-color: #fcd004;
border-color: #fcd004;
}
</style>
Change the set of required fields
You can change a set of required fields in the Settings \ Custom CSS & JS section. Please check the example below
<script>
$('#web_site_url').attr('required', 'true');
</script>
You can also make some fields optional or even hide them
<script>
$('#skype').attr('required', false);
$('#company').attr('required', false);
$('#web_site_url').attr('required', false);
$('#comments').attr('required', false);
$('#country').attr('required', false);
$('#skype_block').css('display', 'none');
$('#company_block').css('display', 'none');
$('#web_site_url_block').css('display', 'none');
$('#comments_block').css('display', 'none');
$('#country_block').css('display', 'none');
</script>
Terms and Conditions
When registering as an affiliate, applicants must accept the platform’s Terms & Conditions. This step ensures compliance with the program’s rules and policies. To add Terms and Conditions:
Go to 'Tools' header > 'Translation \ Values' screen
Use the filtering options to find Registration page translation keys
Select 'reg_tc'
Add Terms and Conditions (in HTML format) for the respective language/s


To apply Terms & Conditions for the English version of the affiliates' registration page, you can apply it either in 'Translation keys' or in Settings, T&C (HTML)

Customizing login page for affiliates
TAP provides a fully configured affiliate portal, serving as a login page and user interface for affiliates. You can apply custom JS for affiliates UI in Settings \ Custom JS (AFF.APP). Please check the example below

<!-- Start of Custom Drive Link Widget -->
<script>
(function() {
var widget = document.createElement("div");
widget.style.position = "fixed";
widget.style.bottom = "20px";
widget.style.right = "20px";
widget.style.background = "#007bff";
widget.style.color = "white";
widget.style.padding = "10px 20px";
widget.style.borderRadius = "8px";
widget.style.cursor = "pointer";
widget.style.boxShadow = "2px 2px 10px rgba(0, 0, 0, 0.2)";
widget.style.fontFamily = "Arial, sans-serif";
widget.innerText = "T&C";
widget.onclick = function() {
window.open("https://docs.google.com/document/d/1-4TCqsn3v_tQpIYSMVoZ7jb3IF5LSqDZIK8-7rinIL4/view", "_blank");
};
document.body.appendChild(widget);
})();
</script>
<!-- End of Custom Drive Link Widget -->

Last updated
Was this helpful?