In this short tutorial I’ll be explaining how you can translate your Clickfunnel’s affiliate signup page, using a tiny translator code plugin we’ve made, so let’s begin:
Works For?
This tiny Clickfunnels code plugin works for these affiliate pages: Login Form, Signup Form, Password Reset Form.
1. Add your funnel step FOOTER code:
<script>
funnelish_affiliate_translation = {
"email":"{email}",
"address":"{address}",
"password":"{password}",
"city":"{city}",
"password_confirmation":"{password_confirmation}",
"state":"{state}",
"first_name":"{first_name}",
"last_name":"{last_name}",
"zip":"{zip}",
"country":"{country}",
"phone":"{phone}",
"paypal_email":"{paypal_email}",
"payment_preference":"{payment_preference}",
"tax_id":"{tax_id}",
"login_now":"{login_now} "
};
$(document).ready(function(){
$.each(funnelish_affiliate_translation, function(x,t) {
if (x==="login_now") $("#register-form .goto-login").text(t);
else {
$("form input[name='affiliate["+x+"]']").prop("placeholder", t);
$("form select[name='affiliate["+x+"]']").prev("label").text(t);
$("form input[name='affiliate["+x+"]']").parent().prev("label").text(t);
}
});
});
</script>
2. Fine tunning
Replace the variables above, in brackets like below:
e.g.
- {email} will become Emailito (PS. I don’t speak Spanish so don’t take it serious please).
- {password} will become contraseña.
Your code will end up like this:
<script>
funnelish_affiliate_translation = {
"email":"Emailito",
"address":"addressito",
"password":"contraseña",
"city":"ciudad",
"password_confirmation":"password confirmation",
"state":"state",
"first_name":"first_name",
"last_name":"last_name",
"zip":"zip",
"country":"country",
"phone":"phone",
"paypal_email":"paypal email",
"payment_preference":"payment preference",
"tax_id":"tax id",
"login_now":"Loginito Nowito :D "
};
$(document).ready(function(){
$.each(funnelish_affiliate_translation, function(x,t) {
if (x==="login_now") $("#register-form .goto-login").text(t);
else {
$("form input[name='affiliate["+x+"]']").prop("placeholder", t);
$("form select[name='affiliate["+x+"]']").prev("label").text(t);
$("form input[name='affiliate["+x+"]']").parent().prev("label").text(t);
}
});
});
</script>
3. Finally, Save your changes.
Voila! That’s it.
Enjoy,
– @yassine