Setup Your First Form

<form id="contact-form">
  <input type="text" name="firstName" placeholder="First Name" required>
  <input type="text" name="lastName" placeholder="Last Name" required>
  <input type="tel" name="phoneNumber" placeholder="Phone Number" required>
  <select name="serviceType" required>
    <option value="">Select Service</option>
    <option value="web development">Web Development</option>
    <option value="mobile app">Mobile App</option>
    <option value="consulting">Consulting</option>
  </select>
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById('contact-form').addEventListener('submit', async function(e) {
  e.preventDefault();
  
  const formData = new FormData(this);
  const data = Object.fromEntries(formData);
  
  try {
    const response = await fetch('https://api.goblue.app/v1/forms/{your-form-id}/webhook', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(data)
    });
    
    if (response.ok) {
      alert('Thank you! We\'ll be in touch soon.');
      this.reset();
    } else {
      alert('Something went wrong. Please try again.');
    }
  } catch (error) {
    alert('Something went wrong. Please try again.');
  }
});
</script>

// Add to your theme's functions.php
add_action('wp_ajax_submit_to_goblue', 'handle_goblue_submission');
add_action('wp_ajax_nopriv_submit_to_goblue', 'handle_goblue_submission');

function handle_goblue_submission() {
    $data = array(
        'firstName' => sanitize_text_field($_POST['firstName']),
        'lastName' => sanitize_text_field($_POST['lastName']),
        'phoneNumber' => sanitize_text_field($_POST['phoneNumber']),
        'serviceType' => sanitize_text_field($_POST['serviceType'])
    );
    
    $response = wp_remote_post('https://api.goblue.app/v1/forms/{your-form-id}/webhook', array(
        'headers' => array('Content-Type' => 'application/json'),
        'body' => json_encode($data),
        'timeout' => 30
    ));
    
    if (is_wp_error($response)) {
        wp_send_json_error('Failed to submit');
    } else {
        wp_send_json_success('Submitted successfully');
    }
}