At a Glance: Imagine your website's login page being connected with Trackier's login page. This article would help you achieve that.
Trackier enables you to link our login page to your custom login page. Simply follow the steps below to create your login page and redirect the action to our login domain. After that, you can log in to Trackier with any page you want.
STEP 1: Setting up a custom login Box.
To set up a custom login box, copy the form elements from the below box and place them on your website. Use the HTTP POST to send the login credentials to your Trackier panel.
----- |
STEP 2: Enable the Custom Login Box.
Once the above details are added to the website and integrated properly, you need to enable an option from your admin panel.
Go to Login/Postback/API setup in the Customize section of your panel.
Please note
Even if the user logs out, they will be redirected to your custom login page.
Trackier also provides you with the ability to show invalid credentials when entered by any user. You just have to use the below-mentioned process.
If the User is logged in from https://custom_domain.client.com
Then, in case of an error, we will give an error in the same URL in the error parameter.
For example,
https://custom_domain.client.com?error=Invalid+Credentials
Setting up the forget password function on the login page.
We also provide a custom forget password function that you can add to your login page.
To set it up, copy the form elements from the below box and place them on your website.
----- |
Invalid Credentials Error after setup :
Please double-check the entered credentials first. If you're still receiving an "invalid credentials" error after confirming the password is correct, it could be due to special characters in the password (such as &, $, or *). These characters may get encoded during transmission (e.g., & becomes &), causing a mismatch with the original password and resulting in a login failure.
Resolution:
Before submitting the form, Base64 encode the password to ensure special characters are preserved.
Additionally, make sure to include a hidden input field named is_pass_encoded and set its value to true.
SAMPLE CODE :
<form id="loginForm" action="https://NETWORK_DOMAIN.trackier.com/" method="post">
Email: <input name="email" type="text"/><br />
Password: <input name="password" type="password" id="password"/><br />
<input type="hidden" name="is_pass_encoded" value="true">
<input type="hidden" name="action" value="login">
<input type="submit" value="Login">
</form>
<script>
document.getElementById('loginForm').addEventListener('submit', function(event) {
const passwordInput = document.getElementById('password');
const originalPassword = passwordInput.value;
const encodedPassword = btoa(originalPassword);
passwordInput.value = encodedPassword;
});
</script>
Need instant resolution? We want to assure our customers that Trackier provides an in-house customer support team available for instant query resolution. You can reach out to us via email at support@trackier.com or directly engage with our in-house agents through our live chat feature.
