¿No sabe cómo conseguir que un formulario de contacto abra WhatsApp con el mensaje del usuario o que los envíos lleguen directamente al chat? Es un problema común: demasiadas opciones, miedo a romper la web y poca claridad sobre costes y privacidad. Esta guía resuelve de forma práctica y segura cómo crear un "Formulario contacto WhatsApp" que funcione desde el primer clic.
Puntos clave: lo que debes saber en 1 minuto
Solución más simple: redirigir el envío del formulario a una URL wa.me con mensaje prellenado ; no requiere APIs ni servidores externos.Para recibir mensajes en WhatsApp (push): usar Zapier/Make o la API empresarial (WhatsApp Business API/Twilio) , implica costes y verificación.Compatibilidad y rendimiento: las soluciones sin plugin o con plugins ligeros minimizan riesgos de ralentización.Legalidad y GDPR: evitar enviar datos personales a WhatsApp sin consentimiento claro ; incluir aviso y registro mínimo.Si WhatsApp no abre: normalmente es problema de URL mal codificada, bloqueo del navegador o prueba en escritorio vs móvil; existe una lista de comprobaciones rápidas.
✉
¿Quieres más información? Escríbenos y te orientamos
Requisitos que debe cumplir la solución ideal
Instalación y configuración en menos de 10 minutos.
Funcionamiento inmediato en móvil (apertura de app o web.whatsapp.com) y escritorio (web.whatsapp.com o redirección a app).
Sin necesidad de APIs de pago para el caso más habitual: abrir chat con mensaje predefinido.
Ligera, compatible con los constructores de formularios más populares.
Opciones recomendadas según tipo de web
Sitio informativo, blog o landing (sin recibir mensajes automáticos): usar la redirección wa.me con WPForms o Contact Form 7. Es gratis y fiable.
Negocio pequeño que quiere recibir mensajes de ventas por un móvil: WP Social Chat (ligero) o Click to Chat para botón + redirección desde el formulario.
Comercio con alta demanda o necesidad de automatizar respuestas: WhatsApp Business API vía Twilio o proveedores oficiales; requiere verificación y coste.
Comparativa rápida (facilidad, coste, privacidad)
Solución
Facilidad
Coste inicial
Privacidad
Recomendado para
Redirección wa.me desde formulario
Muy fácil
0€
Datos en URL (evitar sensibles)
Blogs, pymes, landing pages
WP Social Chat / Click to Chat
Muy fácil
0–30€/año
Moderado
Webs que quieran botón + formulario
Zapier/Make + WhatsApp (no oficial)
Media
Desde 0€ con límites; planes pagos
Depende del proveedor
Automatizaciones sin API oficial
WhatsApp Business API (Twilio, etc.)
Complejo
Coste de plantilla + por mensaje
Alto (proveedor)
Empresas con necesidad de envío automático
Objetivo del tutorial
Crear un formulario que, al pulsar "Enviar", abra WhatsApp con el mensaje del usuario prellenado (sin usar API de pago).
WPForms: constructor visual, arrastrar y soltar. Fácil para principiantes.
Contact Form 7: más ligero y gratuito, necesita añadir un pequeño shortcode o acción en funciones.
Paso 2: crear los campos que se usarán en el mensaje
Nombre
Asunto / motivo
Mensaje
Mantener campos mínimos para evitar enviar datos sensibles por URL.
Paso 3: construir la URL de WhatsApp
Formato base: https://wa.me/34XXXXXXXXX?text=MENSAJE_CODIFICADO
Alternativa: https://api.whatsapp.com/send?phone=34XXXXXXXXX&text=MENSAJE_CODIFICADO
Es indispensable codificar el texto con encodeURI o similar para espacios y caracteres.
En WPForms (ajustes del formulario) usar "Acciones después de enviar" → "Redirigir" y poner una URL dinámica que incluya campos. Ejemplo de URL final:
https://wa.me/34NUMERO?text=Hola%2C%20soy%20{field:name} %20y%20mi%20consulta%20es%3A%20{field:message}
Para Contact Form 7 se puede usar el hook wpcf7_before_send_mail y una función PHP que capture los campos y haga wp_redirect a la URL wa.me tras encode.
Añadir este código al archivo functions.php del tema hijo o en un plugin de snippets:
add_action('wpcf7_mail_sent', 'cf7_redirect_to_whatsapp');
function cf7_redirect_to_whatsapp($contact_form){
$submission = WPCF7_Submission::get_instance();
if(!$submission) return;
$data = $submission->get_posted_data();
$name = isset($data['your-name']) ? rawurlencode($data['your-name']) : '';
$message = isset($data['your-message']) ? rawurlencode($data['your-message']) : '';
$phone = '34TU_NUMERO';
$url = "https://wa.me/{$phone}?text=Nombre:%20{$name}%0AConsulta:%20{$message}";
wp_redirect($url);
exit;
}
Ajustar los nombres de campos (your-name, your-message) según el formulario.
Plantillas de mensaje útiles
Venta: "Hola, soy {nombre}. Me interesa {producto}. ¿Disponibilidad y precio?"
Soporte: "Hola, tengo un problema con {pedido}. Mi pedido es {número}."
Asegurarse de que no se incluyan datos sensibles en la URL (DNI, tarjetas, contraseñas).
✉
¿Quieres más información? Escríbenos y te orientamos
Comprobaciones rápidas (ordenadas)
URL bien formada y codificada : usar rawurlencode/encodeURI. Las comillas, saltos de línea y caracteres especiales rompen la apertura.Probar en móvil : wa.me solo abre la app en móvil; en escritorio puede abrir web.whatsapp.com si el usuario tiene sesión.Bloqueo por popup/redirección: algunos navegadores bloquean redirecciones iniciadas por JS; preferir redirección server-side o target _blank.Formato del número: incluir prefijo internacional sin signos (+). Ejemplo 34 para España.Comprobar si WhatsApp está instalado : en pruebas de escritorio, abrir https://web.whatsapp.com.
Soluciones comunes
Reemplazar espacios con %20 o usar rawurlencode en PHP.
Usar window.open(url, '_blank') en caso de que la redirección sea bloqueada, siempre tras una acción del usuario.
Añadir fallback: si wa.me no funciona, intentar api.whatsapp.com/send.
Lista de comprobación técnica (para cuando no abre)
[ ] URL codificada correctamente
[ ] Número con prefijo internacional
[ ] Prueba en móvil con WhatsApp instalado
[ ] No enviar datos sensibles por query string
Redirección wa.me (sin plugin). Pros: 0€ y sin dependencias. Contras: envía datos por URL.
Shortlink + botón «Enviar por WhatsApp»: construir con HTML simple y un poco de CSS. Muy ligero.
Plugins pequeños y mantenidos: Click to Chat , WP Social Chat . Son simples y añaden botón flotante.
Widget de terceros ligero (Chaty, Tidio) solo si ya se usa ese servicio; evaluar impacto en velocidad.
Recomendación para principiantes: empezar por la redirección o un plugin ligero y medir impacto con PageSpeed.
Flujo: formulario hasta WhatsApp
📥 Formulario → 🔗 Crear URL wa.me → ➡️ Redirección → 💬 WhatsApp
2️⃣
Generar URL con campos
4️⃣
Chat abierto en WhatsApp
Costes directos e indirectos (resumen)
Método redirección (wa.me): 0€ . Requiere solo tiempo de configuración.
Plugins ligeros: 0–30€ / año o licencia única similar. muchas extensiones premium de chat cuestan 20–50€/año.
Zapier/Make: de 0€ a >20€/mes según volumen y complejidad.
WhatsApp Business API (proveedores como Twilio): coste de verificación + coste por mensaje . En 2026 los precios pueden variar: por ejemplo Twilio añade tarifa por sesión/template y una cuota por mensaje que puede empezar en céntimos por mensaje; además, Meta cobra por plantilla en ciertos países. Recomendado solo para volumen alto.
Desarrollo a medida: 150€–1500€ según complejidad ( integración con CRM, plantillas, etc.).
Tabla orientativa de costes
Solución
Coste inicial estimado
Coste mensual estimado
Necesidad técnica
Wa.me redirección
0€
0€
Bajo
Click to Chat / WP Social Chat
0–30€
0–5€
Muy bajo
Zapier / Make
0€ (básico)
10–50€
Medio
Twilio / WhatsApp Business API
0–500€ verificación
0.01–0.20€/mensaje + cuotas
Alto
Desarrollo a medida
150–1500€
Variable (mantenimiento)
Alto
✉
¿Quieres más información? Escríbenos y te orientamos
Ventajas, riesgos y errores comunes
✅ Beneficios / cuándo aplicar
Respuesta inmediata: el usuario inicia conversación desde la app habitual.Mayor conversión: chats rápidos suelen convertir mejor que emails.Fácil implementación: redirección wa.me funciona sin infra.
⚠️ Errores que debes evitar / riesgos
Enviar datos sensibles por URL: evitar incluir información como DNI o datos bancarios.No pedir consentimiento: añadir checkbox de aceptación antes de redirigir para cumplir GDPR.Usar soluciones pesadas sin medir impacto: añadir múltiples scripts de chat puede afectar Core Web Vitals.Esperar automatización sin API: algunas soluciones parecen automáticas pero solo abren chat; no garantizan recepción centralizada.
Preguntas frecuentes
Sí, pero solo con la WhatsApp Business API y un proveedor (Twilio, MessageBird). Requiere verificación, plantillas aprobadas y suele implicar coste por mensaje.
Sí, siempre que haya consentimiento explícito y la información enviada no sea sensible . Incluir aviso de privacidad y destino de datos.
¿Qué pasa si el usuario no tiene WhatsApp instalado?
En móvil, wa.me abrirá web.whatsapp.com o solicitará instalar la app; en escritorio abrirá web.whatsapp.com si existe sesión activa.
Sí, si la URL está correctamente codificada. Algunos formatos especiales (emojis, saltos de línea) necesitan codificación específica.
¿Se puede integrar con CRM para centralizar mensajes?
Sí, mediante la API empresarial o soluciones que conectan WhatsApp con CRM vía proveedores (Twilio, CM.com) o Zapier/Make.
¿Cuál es la opción más segura para empezar?
La redirección wa.me con aviso de privacidad y campos mínimos. Es gratuita y reversible.
TU PRÓXIMO PASO:
Crear un formulario básico (WPForms o Contact Form 7) con nombre y mensaje.
Implementar la redirección a wa.me con encodeURI/rawurlencode; probar en móvil y escritorio.
Añadir un texto de consentimiento visible y medir impacto en Core Web Vitals.
