Contact Form to WhatsApp

<?php
// Hook into Contact Form 7, Elementor Forms, or custom PHP backend
add_action('wpcf7_mail_sent', 'hostromeo_forward_to_whatsapp');

function hostromeo_forward_to_whatsapp($contact_form) {
    $submission = WPCF7_Submission::get_instance();
    if ($submission) {
        $posted_data = $submission->get_posted_data();
        
        $body = array(
            'name'     => sanitize_text_field($posted_data['your-name']),
            'phone'    => sanitize_text_field($posted_data['your-phone']),
            'email'    => sanitize_email($posted_data['your-email']),
            'message'  => sanitize_textarea_field($posted_data['your-message']),
            'page_url' => get_permalink()
        );

        wp_remote_post('https://thete.in/api/v1/enquiry', array(
            'headers' => array(
                'Content-Type' => 'application/json',
                'X-API-Key'    => 'YOUR_TENANT_API_KEY'
            ),
            'body'    => json_encode($body)
        ));
    }
}
?>

import { useState } from 'react';

export default function WhatsAppContactForm() {
  const [status, setStatus] = useState('');

  const handleSubmit = async (e) => {
    e.preventDefault();
    setStatus('Sending to WhatsApp...');
    
    const res = await fetch('https://thete.in/api/v1/enquiry', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'X-API-Key': process.env.NEXT_PUBLIC_WHATSAPP_API_KEY
      },
      body: JSON.stringify({
        name: e.target.name.value,
        phone: e.target.phone.value,
        message: e.target.message.value
      })
    });
    
    if (res.ok) setStatus('Enquiry delivered to WhatsApp!');
  };

  return (
    <form onSubmit={handleSubmit}>
      <input name="name" placeholder="Full Name" required />
      <input name="phone" placeholder="+91..." required />
      <textarea name="message" placeholder="Requirement..." />
      <button type="submit">Submit Lead</button>
      <p>{status}</p>
    </form>
  );
}

import requests

url = "https://thete.in/api/v1/enquiry"
headers = {
    "Content-Type": "application/json",
    "X-API-Key": "YOUR_TENANT_API_KEY"
}

payload = {
    "name": "Jane Doe",
    "phone": "+919025971986",
    "email": "jane@company.com",
    "message": "Enquiring about custom WhatsApp integration.",
    "page_url": "https://hostromeo.com/whatsapp-contact-form.html"
}

response = requests.post(url, json=payload, headers=headers)
print("Delivery Status:", response.status_code)
print("Payload Output:", response.json())