How to Setup Real-Time Email Verification with ZeroBounce

ZeroBounce is an alternate solution for real-time email verification. You may sign up for an account with ZeroBounce by going to their website https://www.zerobounce.net

NOTE: You can also use other alternatives below.

STEP 1: Create Q&A Email field

STEP 2: Click the Add Scripts button

STEP 3: Enter the name of the script, select Script as the type and set it as an Enter event

STEP 4: Paste this code

<script>
  let api_key = 'YOUR_API_KEY_HERE'; 
  let v2 = true;

  let emailField, submitBtn, buttonTxt, typingWaitTimer, previousValue, ipAddress = '', restoreTxt;

  const keyPressHandler = () => {
    clearTimeout(restoreTxt);

    if (!submitBtn) {
      console.warn('Submit button not found.');
      return;
    }

    submitBtn.disabled = true;
    submitBtn.innerHTML = '<i class="fa fa-spin fa-spinner"></i> Verifying email...';

    let value = emailField.value.trim();
    console.log('Typed email:', value);

    if (value !== '' && value !== previousValue) {
      clearTimeout(typingWaitTimer);
      typingWaitTimer = setTimeout(() => {
        if (!submitBtn.classList.contains('hidden')) {
          console.log('Checking email:', value);
          checkEmail(value);
        }
      }, 700);
    }
    previousValue = value;
  };

  const checkEmail = (email) => {
    if (!email) {
      console.error('Email field is empty.');
      return;
    }

    const encodedEmail = encodeURIComponent(email);
    const url = `https://api.zerobounce.net/v2/validate?api_key=${api_key}&email=${encodedEmail}&ip_address=${ip_address}`;

    console.log('Making API call to:', url);

    fetch(url)
      .then(response => {
        console.log('API Response Status:', response.status);
        return response.json();
      })
      .then(result => {
        console.log('API Response Data:', result);

        if (typeof DT !== 'undefined' && DT.setField) {
          DT.setField('zerobounce_status', result.status);
        } else {
          console.warn('DT.setField is not available.');
        }

        if (result.status === 'valid' || result.status === 'catch-all') {
          console.log('Valid email detected.');
          submitBtn.disabled = false;
          submitBtn.innerHTML = '<i class="fa fa-check-circle"></i> Email Verified ✅';
          restoreTxt = setTimeout(() => {
            submitBtn.innerHTML = `<i class="fa fa-check-circle"></i> ${buttonTxt}`;
          }, 2000);
        } else {
          console.warn('Invalid email:', result.status);
          submitBtn.innerHTML = '<i class="fa fa-exclamation-circle"></i> Invalid Email ❌';
          submitBtn.disabled = true;
        }
      })
      .catch(error => {
        console.error('ZeroBounce API Error:', error);
        submitBtn.innerHTML = '<i class="fa fa-exclamation-circle"></i> Error Verifying ❌';
        submitBtn.disabled = true;
      });
  };

  setTimeout(() => {
    submitBtn = document.querySelector('.submit-btn') || document.querySelector('.next-btn');

    if (!submitBtn) {
      console.error('Submit button not found.');
      return;
    }

    buttonTxt = submitBtn.innerHTML;
    submitBtn.classList.add('hidden');

    emailField = document.querySelector('input[type="email"]');
    if (!emailField) {
      console.error('Email input field not found.');
      return;
    }

    console.log('Email field detected:', emailField);
    emailField.addEventListener('keyup', keyPressHandler);
  }, 100);
</script>

STEP 5: Replace “YOUR_API_KEY_HERE” with your own actual API Key from ZeroBounce

STEP 6: Save and Publish.

This completes your setup of ZeroBounce email verification.

Tagged: