Formulario de contacto para WhatsApp

https://wa.me/send?phone=TUNUMERO&text=Nombre: %field::CAMPODELFORMULARIONOMBRE%

<form id="contactForm" style="max-width: 400px; margin: 0 auto; font-family: Arial, sans-serif;">
    <div style="margin-bottom: 15px;">
        <label for="name" style="display: block; margin-bottom: 5px;">Nombre:</label>
        <input type="text" id="name" required style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
    </div>

    <div style="margin-bottom: 15px;">
        <label for="age" style="display: block; margin-bottom: 5px;">Edad:</label>
        <input type="number" id="age" required style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
    </div>

    <div style="margin-bottom: 15px;">
        <label for="address" style="display: block; margin-bottom: 5px;">Dirección:</label>
        <input type="text" id="address" required style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
    </div>

    <div style="margin-bottom: 15px;">
        <label for="phone" style="display: block; margin-bottom: 5px;">Teléfono:</label>
        <input type="tel" id="phone" required style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
    </div>

    <button type="button" onclick="sendToWhatsApp()" style="width: 100%; padding: 10px; background-color: #25D366; color: white; border: none; border-radius: 4px; cursor: pointer;">Enviar por WhatsApp</button>
</form>

<script>
function isMobile() {
    return ('maxTouchPoints' in navigator && navigator.maxTouchPoints > 0) ||
           matchMedia('(pointer:coarse)').matches ||
           'orientation' in window ||
           /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

function sendToWhatsApp() {
    const name = document.getElementById("name").value;
    const age = document.getElementById("age").value;
    const address = document.getElementById("address").value;
    const phone = document.getElementById("phone").value;

    if (!name || !age || !address || !phone) {
        alert("Por favor, completa todos los campos.");
        return;
    }

    //Remplazar por un numero real
    const number = "5493425000000";
    const message = `Hola, me llamo *${name}*, tengo *${age}* años. Mi dirección es *${address}* y mi teléfono es *${phone}*.`;
    //tal vez usar wa.me directamente
    const url = `https://${isMobile() ? "api" : "web"}.whatsapp.com/send?phone=${number}&text=${encodeURIComponent(message)}`;

    window.open(url, "_blank");
}
</script>