Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Praesto Network Lead Form</title>

  
  <script src="https://www.google.com/recaptcha/api.js?render=6LcExb8rAAAAALFgGEN0hrrOQwqk-sp6_Kciqt60" async defer></script>

  <style>
    body{
      font-family: Arial, sans-serif;
      background:#f4f7f9;
      display:flex;justify-content:center;align-items:center;
      padding:40px;margin:0;
    }
    form{
      background:#fff;padding:30px;border-radius:12px;
      box-shadow:0 0 20px rgba(0,0,0,.1);
      max-width:500px;width:100%;
    }
    .form-field{margin-bottom:15px}
    label{display:block;margin-bottom:6px;font-weight:bold}
    .required-note{font-weight:normal;font-size:12px;color:red;margin-left:6px}
    input[type="text"],input[type="email"],textarea{
      width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;
      font-size:15px;box-sizing:border-box
    }
    textarea{resize:vertical;min-height:80px}
    input[type="submit"]{
      background:#0077cc;color:#fff;font-size:16px;padding:12px 20px;margin-top:10px;
      border:0;border-radius:6px;cursor:pointer;width:100%
    }
    input[type="submit"]:hover{background:#005fa3}
    input[type="submit"]:disabled{background:#6c757d;cursor:not-allowed}
    .hidden-trap{display:none}
    .toast{display:none;margin-top:10px;color:#0a7a2f;font-size:13px;text-align:center}
    .error-message{display:none;margin-top:10px;color:#d32f2f;font-size:13px;text-align:center}
  </style>
</head>
<body>

<form id="__vtigerWebForm" name="Praesto.network Leadgen form"
      action="https://guard.360vew.com/modules/Webforms/capture.php"
      method="post" accept-charset="utf-8" enctype="multipart/form-data">

  
  <input type="hidden" name="__vtrftk" value="sid:d3d6561d1ce01349c43507b05c54e9fa2a0d54be,1749074366">
  <input type="hidden" name="publicid" value="729770251efff0e01f6d0c0db476821c">
  <input type="hidden" name="urlencodeenable" value="1">
  <input type="hidden" name="name" value="Praesto.network Leadgen form">
  <input type="hidden" name="leadsource" value="Praesto.Network_form_simple">

  
  <input type="hidden" name="cf_referrer" id="cf_referrer">
  <input type="hidden" name="cf_utm_source" id="cf_utm_source">
  <input type="hidden" name="cf_utm_medium" id="cf_utm_medium">
  <input type="hidden" name="cf_utm_campaign" id="cf_utm_campaign">
  <input type="hidden" id="current_url" name="current_url" value="">

  
  <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">

  
  <div class="form-field">
    <label for="firstname">First Name <span class="required-note">required</span></label>
    <input type="text" id="firstname" name="firstname" required>
  </div>

  <div class="form-field">
    <label for="lastname">Last Name <span class="required-note">required</span></label>
    <input type="text" id="lastname" name="lastname" required>
  </div>

  <div class="form-field">
    <label for="email">Primary Email <span class="required-note">required</span></label>
    <input type="email" id="email" name="email" required>
  </div>

  <div class="form-field">
    <label for="company">Company</label>
    <input type="text" id="company" name="company">
  </div>

  <div class="form-field">
    <label for="mobile">Mobile Phone</label>
    <input type="text" id="mobile" name="mobile">
  </div>

  <div class="form-field">
    <label for="description">Comments</label>
    <textarea id="description" name="description">How can we help?</textarea>
  </div>

  
  <div class="hidden-trap">
    <label>Leave this field blank</label>
    <input type="text" name="botcheck" id="botcheck" tabindex="-1" autocomplete="off">
  </div>
  <input type="hidden" id="jscheck" name="jscheck" value="no-js">
  <input type="hidden" id="form_timer" name="form_timer" value="">

  
  <div class="form-field">
    <input type="submit" id="submitBtn" value="Submit">
    <div class="toast" id="submitToast">Thanks — submitting. You'll be redirected shortly…</div>
    <div class="error-message" id="errorMessage">There was a problem submitting your form. Please try again.</div>
  </div>
</form>

<script>
(function(){
  const SITE_KEY = '6LcExb8rAAAAALFgGEN0hrrOQwqk-sp6_Kciqt60';
  const ACTION   = 'praesto_lead_form';

  const form     = document.getElementById('__vtigerWebForm');
  const btn      = document.getElementById('submitBtn');
  const toast    = document.getElementById('submitToast');
  const errorMsg = document.getElementById('errorMessage');
  const tokenI   = document.getElementById('g-recaptcha-response');

  let isSubmitting = false;

  // Initialize security traps
  document.getElementById('jscheck').value = 'js-enabled';
  
  // Form timer - wait 2 seconds before allowing submission
  setTimeout(() => { 
    document.getElementById('form_timer').value = 'ready'; 
  }, 2000);

  // Attribution helpers
  document.getElementById('current_url').value = window.location.href;
  document.getElementById('cf_referrer').value = document.referrer || '';
  const urlParams = new URLSearchParams(window.location.search);
  document.getElementById('cf_utm_source').value   = urlParams.get('utm_source')   || '';
  document.getElementById('cf_utm_medium').value   = urlParams.get('utm_medium')   || '';
  document.getElementById('cf_utm_campaign').value = urlParams.get('utm_campaign') || '';

  // Email validation function
  function isValidEmail(email) {
    const emailRegex = /^[^@]+@[^@]+\.[a-zA-Z]{2,}$/;
    const illegalChars = /[<>()[\],;:"\\]/;
    return emailRegex.test(email) && !illegalChars.test(email);
  }

  // Validate required fields
  function validateForm() {
    const required = ['firstname', 'lastname', 'email'];
    const missing = [];

    for (const fieldName of required) {
      const field = document.getElementById(fieldName);
      if (!field.value.trim()) {
        missing.push(fieldName);
      }
    }

    const email = document.getElementById('email').value.trim();
    if (email && !isValidEmail(email)) {
      showError('Please enter a valid email address.');
      return false;
    }

    if (missing.length > 0) {
      showError('Please fill in all required fields: ' + missing.join(', '));
      return false;
    }

    return true;
  }

  // Get reCAPTCHA v3 token with fallback
  function getReCaptchaToken() {
    return new Promise((resolve, reject) => {
      // Check if reCAPTCHA is available
      if (typeof grecaptcha === 'undefined' || !grecaptcha.execute) {
        console.warn('reCAPTCHA not available, proceeding without token');
        resolve(''); // Return empty token as fallback
        return;
      }

      grecaptcha.ready(() => {
        grecaptcha.execute(SITE_KEY, { action: ACTION })
          .then(token => {
            if (token) {
              resolve(token);
            } else {
              console.warn('Empty reCAPTCHA token received');
              resolve(''); // Fallback to empty token
            }
          })
          .catch(error => {
            console.warn('reCAPTCHA execution failed:', error);
            resolve(''); // Fallback to empty token instead of rejecting
          });
      });
    });
  }

  // Show error message
  function showError(message) {
    errorMsg.textContent = message;
    errorMsg.style.display = 'block';
    toast.style.display = 'none';
  }

  // Hide messages
  function hideMessages() {
    errorMsg.style.display = 'none';
    toast.style.display = 'none';
  }

  // Reset button state
  function resetButton() {
    btn.value = 'Submit';
    btn.disabled = false;
    isSubmitting = false;
  }

  // Form submission handler
  form.addEventListener('submit', async function(e) {
    e.preventDefault();
    
    if (isSubmitting) return false;
    
    hideMessages();

    // Security checks - silently block bots
    if (document.getElementById('botcheck').value !== '') {
      console.warn('Bot detected: honeypot filled');
      return false;
    }

    if (document.getElementById('jscheck').value !== 'js-enabled') {
      showError('JavaScript must be enabled to submit this form.');
      return false;
    }

    if (document.getElementById('form_timer').value !== 'ready') {
      showError('Please wait a moment before submitting.');
      return false;
    }

    // Validate form
    if (!validateForm()) {
      return false;
    }

    // Start submission process
    isSubmitting = true;
    btn.value = 'Submitting...';
    btn.disabled = true;

    try {
      // Get reCAPTCHA token (with fallback)
      const token = await getReCaptchaToken();
      tokenI.value = token;

      // Show success message
      toast.style.display = 'block';

      // Use traditional form submission instead of fetch
      // This ensures proper handling by the vtiger endpoint
      setTimeout(() => {
        form.submit();
      }, 300); // Small delay to allow CRM processing

    } catch (error) {
      console.error('Submission error:', error);
      showError('There was a problem submitting your form. Please try again.');
      resetButton();
    }
  });

  // Handle form field changes to hide errors
  ['firstname', 'lastname', 'email'].forEach(fieldName => {
    const field = document.getElementById(fieldName);
    if (field) {
      field.addEventListener('input', hideMessages);
    }
  });

})();
</script>

</body>
</html>

Praesto Network MSP

Praesto Network empowers small MSPs to boost profits, protect clients, and build value - one monthly bill at a time.
All-in-one support across the Four Pillars - from client operations and IT helpdesk to security and back-office admin.
Freedom to grow your way - our monthly subscription keeps you nimble and in control.
A community of peers and experts - backing you up at every step.