# Contact Support

Need help with Giveaway Gator? Fill out the form below and our team will get back to you as soon as possible.

You can also email us directly at **support@support.giveawaygator.app**.

<div class="upgrade-banner">
  <div class="upgrade-badge">UNLIMITED PRO</div>
  <div class="upgrade-title">Do more with Unlimited Pro</div>
  <div class="upgrade-desc">Every plan includes in-app live chat and 1:1 onboarding. <strong>Unlimited Pro</strong> adds customer analytics, post-purchase surveys, post-purchase actions, the Checkout Bonus, and more.</div>
  <a href="https://docs.giveawaygator.app/#/what-is-giveaway-gator?id=plans-pricing" class="upgrade-link">See plans &amp; pricing &rarr;</a>
</div>

<style>
.upgrade-banner {
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 50%, #fefce8 100%);
  border: 1px solid #a7f3d0;
  border-left: 4px solid #059669;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0 2rem;
}
.upgrade-badge {
  display: inline-block;
  background: #059669;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}
.upgrade-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.35rem;
}
.upgrade-desc {
  font-size: 0.875rem;
  color: #475569;
  line-height: 1.55;
  margin-bottom: 0.65rem;
}
.upgrade-link {
  font-size: 0.875rem;
  font-weight: 600;
  color: #059669;
  text-decoration: none;
}
.upgrade-link:hover {
  text-decoration: underline;
}
.support-form {
  max-width: 520px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 2rem;
  margin: 2rem 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.support-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 1.25rem;
}
.support-form label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #334155;
}
.support-form input,
.support-form textarea,
.support-form select {
  padding: 0.7rem 0.9rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.9375rem;
  color: #0f172a;
  background: #f8fafc;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}
.support-form input:focus,
.support-form textarea:focus,
.support-form select:focus {
  border-color: #059669;
  box-shadow: 0 0 0 3px rgba(5,150,105,0.1);
  background: #fff;
}
.support-form input::placeholder,
.support-form textarea::placeholder {
  color: #94a3b8;
}
.support-form textarea {
  min-height: 120px;
  resize: vertical;
}
.support-form select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.825a.5.5 0 0 1-.354-.146l-4-4a.5.5 0 1 1 .708-.708L6 7.617l3.646-3.646a.5.5 0 1 1 .708.708l-4 4A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  padding-right: 2.5rem;
}
.support-form .submit-btn {
  padding: 0.8rem 1.5rem;
  background-color: #059669;
  color: #fff;
  font-weight: 600;
  font-size: 0.9375rem;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.2s ease, transform 0.15s ease;
  width: 100%;
}
.support-form .submit-btn:hover {
  background-color: #047857;
  transform: translateY(-1px);
}
.support-thank-you {
  text-align: center;
  padding: 2rem 1rem;
}
.support-thank-you h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #059669;
  margin: 0 0 0.5rem;
}
.support-thank-you p {
  font-size: 0.9375rem;
  color: #64748b;
  line-height: 1.6;
}
</style>

<div class="support-form" id="support-form-container">
  <form
    action="https://submit-form.com/pAv7C1zg5"
    method="POST"
    data-botpoison-public-key="pk_c662a7d2-beeb-4e9f-891e-09cc54a66e34"
    id="support-form"
  >
    <input type="hidden" name="_redirect" value="false" />
    <input type="hidden" name="_source" value="help-center" />
    <div class="form-group">
      <label for="support-name">Name</label>
      <input type="text" id="support-name" name="name" placeholder="Your name" required />
    </div>
    <div class="form-group">
      <label for="support-email">Email</label>
      <input type="email" id="support-email" name="email" placeholder="you@yourcompany.com" required />
    </div>
    <div class="form-group">
      <label for="support-store">Store URL</label>
      <input type="text" id="support-store" name="store_url" placeholder="yourstore.myshopify.com" />
    </div>
    <div class="form-group">
      <label for="support-topic">What do you need help with?</label>
      <select id="support-topic" name="topic" required>
        <option value="" disabled selected>Select a topic...</option>
        <option value="Setup & Installation">Setup & Installation</option>
        <option value="Promotions & Bonuses">Promotions & Bonuses</option>
        <option value="Entry Calculations">Entry Calculations</option>
        <option value="Theme & Display">Theme & Display</option>
        <option value="Billing & Subscription">Billing & Subscription</option>
        <option value="Bug Report">Bug Report</option>
        <option value="Feature Request">Feature Request</option>
        <option value="Other">Other</option>
      </select>
    </div>
    <div class="form-group">
      <label for="support-message">Describe your issue</label>
      <textarea id="support-message" name="message" placeholder="Please describe what you're experiencing, including any error messages or steps to reproduce..." rows="5" required></textarea>
    </div>
    <button type="submit" class="submit-btn">Submit Support Request</button>
  </form>
</div>

<script>
(function() {
  var form = document.getElementById('support-form');
  if (!form) return;
  form.addEventListener('submit', function(e) {
    // Botpoison handles the actual submission
    // This listener shows the thank-you message after submission
    var container = document.getElementById('support-form-container');
    setTimeout(function() {
      if (container) {
        container.innerHTML = '<div class="support-thank-you"><h3>Thank You!</h3><p>We\'ve received your support request and will get back to you soon.</p></div>';
      }
    }, 2000);
  });
})();
</script>