How to Use a Submitted Email Address as a URL Parameter

Digioh makes it easy to generate a custom URL containing your user’s email address after they submit it via a pop-up form. This can be a great way to track users after they submit information to one of your lightboxes.

To set this up, follow these instructions.

Step 1: Set up Your URL Parameter JavaScript

First, copy the following JavaScript code into a text editor.

<script>
function validateEmail(email) 
{
    var re = /^(([^<>()\[\]\\.,;:\s@']+(\.[^<>()\[\]\\.,;:\s@']+)*)|('.+'))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}

var submitButton= document.getElementById('button1');

submitButton.onclick = function()
{
var email = document.getElementById('form_input_email');

if(validateEmail(email .value))
{
parent.window.location.href = '[insert the first part of your URL here]' + email .value + '[insert the second part of your URL here]';

}
else
{
showError('Please Enter a Valid Email');
}

};

document.getElementById('form_input_email')
    .addEventListener('keyup', function(event)
 {
    event.preventDefault();
    if (event.keyCode === 13)
 {
        submitButton.click();
    }
});

</script>
Replace “[insert the first part of your URL here]” with the part of the redirect URL that will precede the user’s email address, and replace “[insert the second part of your URL here]” with the part of the URL that will come after it.

For example, if you entered “https://domain.com/user/” in the first section, and “?newuser” for the second section, the URL generated by the lightbox would look like this

https://domain.com/user/email@email.com?newuser

Step 2: Add Your JavaScript to a Box

Next, go to the HTML tab under the Main Page section of the Digioh editor.

add custom html to a pop-up form

Turn on one of the unused HTML slots and paste the code into it.

paste custom JavaScript

Now click Save and Publish, and your pop-up form will redirect the visitor to your custom URL when they submit their information.

If you need help setting up these URL parameters, send us an email, and we’ll be glad to help!

Related Reading:

Tagged: