Descripción
Convierte conversaciones en conversiones
Joinchat es el plugin más instalado para WhatsApp: un botón flotante personalizable que convierte a tus visitantes en chats, clientes potenciales y ventas.
Creado para la conversión desde el primer clic: llamadas a la acción llamativas, mensajes de inicio dinámicos, integración nativa con WooCommerce y analíticas integradas para medir cada conversación.
🌍 Joinchat, el líder global en WhatsApp clic para chatear
🗺️ Presente en más de 176 países
🏆 #1 solución de chat en:
🇦🇷 Argentina 🇨🇴 Colombia 🇧🇷 Brasil 🇪🇸 España 🇳🇱 Países Bajos 🇲🇽 México 🇨🇱 Chile 🇵🇪 Perú 🇵🇹 Portugal
Fuente: BuiltWith®
Lo que obtienes con Joinchat
Un kit completo de herramientas de conversión para WhatsApp en WordPress, diseñado para captar más clientes potenciales y cerrar más ventas.
- Botón flotante de WhatsApp que abre la aplicación de WhatsApp en móvil, y en escritorio lanza WhatsApp Desktop o WhatsApp Web y muestra un código QR escaneable.
- CTAs llamativos para saludar a los visitantes, presentar ofertas y comenzar el chat con el mensaje adecuado.
- Mensajes de inicio dinámicos para que cada conversación llegue con todo el contexto (la página, el producto, el precio, el descuento…).
- Integración con WooCommerce, con un botón de contacto junto a «Añadir al carrito» y llamadas a la acción específicas de la tienda.
- Analíticas integradas — 🆕 — Contador de clics en tu escritorio de WordPress. Eventos para Google Analytics 4, Google Tag Manager y Facebook Pixel, además de conversiones de Google Ads.
- Ligero y rápido — JavaScript sin dependencias y estilos con carga diferida. Sin bloqueo de renderizado.
- Personalizable en todo el sitio o a nivel de página, producto, categoría, etc.
🛡️ Di adiós al miedo a los bloqueos de WhatsApp
Muchas empresas pierden su número de WhatsApp Business para contactar a los clientes primero sin consentimiento. Joinchat invierte el modelo: el visitante escribe primero, por lo que cada conversación comienza alineada con las políticas oficiales de WhatsApp.
El resultado: tu número de negocio protegido y tus clientes contactándote cuando lo necesitan, no al revés.
Con Joinchat, puedes desbloquear el potencial completo de la función «clic para chatear» de WhatsApp.
Lleva Joinchat más allá con Premium y AI
Joinchat Free es solo el comienzo. Premium y AI desbloquean su potencial completo de conversión.
- 💬 Añade más canales de soporte — amplía más allá de WhatsApp con Telegram, Facebook Messenger, llamadas telefónicas y más, todo desde el mismo widget.
- 🕒 Multi-agente con horarios personalizados — asigna chats a la persona adecuada en el momento correcto. Cada agente trabaja sus propias horas y solo atiende chats cuando está disponible, y puedes establecer un CTA alternativo cuando no hay agentes en línea.
- 🔁 Añade un Chat Funnel — flujos de conversación guiados que califican y capturan clientes potenciales automáticamente con mayor conversión que un formulario, 24/7, incluso cuando no hay nadie en el escritorio.
- ✨ Añade un agente de IA — entrenado en tus preguntas frecuentes y contenido del sitio web. Responde a los visitantes al instante, en cualquier momento, con el tono y conocimiento que defines.
👉 Obtén Joinchat Premium | 👉 Obtén Joinchat AI
📝 Configuración a nivel de página o archivo
Puedes cambiar los ajustes generales en cada Entrada, Página, Producto o CPT y para páginas de archivo de Etiquetas o Categorías. Edita tu número de WhatsApp, CTA, Mensaje de Inicio y opciones de visibilidad.
🔴 Muestra una notificación
Utiliza un globo en el botón para captar la atención del visitante. De esta manera, aseguras que no te pierdas ningún mensaje importante que quieras darles, sorpréndelos de una forma menos intrusiva.
📯 Crea mensajes de llamada a la acción
Llamadas a la acción con Chat Enriquecido: múltiples burbujas de chat con enlaces, botones, imágenes o texto aleatorio. Anima a los usuarios a contactarte con un mensaje de bienvenida, ofreciendo ayuda o promociones y ofertas. Leer más
💬 Personaliza los mensajes de inicio de conversación
Define un mensaje inicial precargado para cuando el usuario contacte vía WhatsApp. Añade contexto con nuestras «Variables Dinámicas» y sabrás desde qué página viene el visitante o qué producto está mirando cuando inicia el chat.
✅ Texto de Opt-in
Opt-in es el consentimiento del usuario para recibir mensajes de una empresa.
Escribe un texto con las condiciones en las que el visitante te contacta (u otra información que consideres importante).
Puedes hacerlo obligatorio y desactivar el contacto hasta que el usuario lo acepte.
🛒 Integración con WooCommerce
Configura llamadas a la acción y mensajes de inicio para la página de tienda, páginas de productos y productos en oferta.
Añade un botón de contacto por WhatsApp directamente en la página de producto junto al botón «Añadir al carrito» o elige la mejor posición, incluso en productos sin precio.
🧩 Bloque de botón de contacto de WhatsApp
Añade botones de contacto de WhatsApp bonitos y personalizables en el Editor de bloques. Puedes definir el teléfono y el mensaje inicial del botón o usar los ajustes de Joinchat para la entrada/generales (ideal para Bloques Reutilizables).
Activa el código QR en el escritorio para permitir que tus visitantes lo escaneen y comiencen a enviar mensajes desde su teléfono.
🃏 Variables dinámicas
Usa variables en tus mensajes iniciales y CTAs que cambian dinámicamente para cada página:
- {SITE} ➡ Título del sitio web
- {TITLE} ➡ Título de la página actual
- {HOME} ➡ URL de inicio del sitio web
- {URL} ➡ URL de la página actual
- {HREF} ➡ URL de la página actual (completo con parámetros de consulta)
- {PRODUCT} ➡ Nombre del producto (Woo)
- {SKU} ➡ SKU del producto (Woo)
- {REGULAR} ➡ Precio regular del producto (Woo)
- {PRICE} ➡ Precio actual del producto (Woo)
- {DISCOUNT} ➡ Descuento en porcentaje del producto si está en oferta (Woo)
📈 Integración con analíticas
Envía eventos automáticamente a Google Analytics, Google Tag Manager y Facebook Pixel cuando el usuario abre WhatsApp.
- — 🆕 — Contador de clics en tu escritorio de WordPress
- Google Analytics 4 envía el evento recomendado
"generate_lead" - Google Tag Manager envía evento
"JoinChat" - Pixel de Facebook envía evento
"JoinChat" - Google Ads conversión, solo añade tu ID de conversión y etiqueta de conversión
También puedes crear tus propios eventos personalizados o añadir parámetros de evento. Ver FAQs / Leer más
🍾 Disparadores de chat
Cualquier elemento en tu página puede ser un disparador, p.ej.: puede lanzar WhatsApp desde un enlace o mostrar el CTA de Joinchat cuando el usuario hace scroll hasta el pie de página.
Al cargar la página (por url):
- parámetro de url
joinchatpara mostrar la ventana de chat. Se puede establecer el retardo en segundos, por defecto es 0 (p.ej. example.com/page/?joinchat=5) - etiqueta de url
#joinchatpara mostrar la ventana de chat (p.ej. example.com/page/#joinchat)
Al hacer clic:
- class
"joinchat_app"lanza WhatsApp directamente - class
"joinchat_open"abre el CTA de Joinchat - enlace href
"#whatsapp"lanza WhatsApp directamente - enlace href
"#joinchat"abre el CTA de Joinchat
Establece el teléfono personalizado y mensaje inicial para los disparadores de WhatsApp directo:
data-phone="99999999"data-message="Mensaje para este disparador solo".
Al hacer scroll (cuando el elemento aparece en pantalla):
- class
"joinchat_show"abre el CTA de Joinchat (la primera vez) - class
"joinchat_force_show"abre el CTA de Joinchat (siempre)
💱 Soporte multi-idioma y RTL
Para poder dar soporte a todos tus usuarios, dondequiera que estén. Nuestro plugin es compatible con WPML, Polylang y — 🆕 — TranslatePress y también es compatible con idiomas RTL.
🌈 Colores del tema y 🌚 Modo oscuro
Elige un color y nosotros personalizamos todo tema visual del widget. Con el Modo Oscuro muestra la ventana de chat con colores oscuros y texto blanco. Desde los ajustes puedes activarlo o dejarlo automático y detectar la configuración del dispositivo.
⚡ Rápido y ligero
Carga solo lo que necesita cuando lo necesita. Joinchat es ligero y sigue las mejores prácticas de codificación. Usa JavaScript sin dependencias, scripts diferidos y carga diferida de estilos para evitar bloqueos de renderizado.
Consulta Informe de Tests y Calificación de Velocidad.
🔕 Sin distracciones
Joinchat se integra con los principales editores visuales y constructores de páginas y no se muestra al editar una página.
Editores compatibles: Beaver Builder, Brizy Page Builder, Elementor, Oxygen Builder, Page Builder by SiteOrigin, Thrive Architect, Visual Composer y WP Page Builder.
🍪 Cookies & GDPR
Joinchat puede usarse sin ninguna cookie. Pero para mostrar automáticamente el CTA, son necesarias dos cookies. Son cookies de primera parte y no recopilan datos personales.
Joinchat se integra con la Guía de Política de Privacidad de WordPress y sugiere el texto necesario.
👨💻 Amigable para desarrolladores
Completamente ampliable, con montones de filtros y acciones para ampliar su funcionalidad o cambiar el comportamiento.
⌁ Si te gusta Joinchat 😍
- Por favor, déjanos una valoración de ★★★★★. Te lo agradeceremos.
- Ayúdanos con la traducción en tu idioma
- Visita nuestro blog y encuentra consejos y trucos en join.chat.
- Sigue a @joinchatnow en X. ¡Únete al chat ahora!
Capturas
Instalación
- Sube la carpeta completa
creame-whatsapp-meal directorio/wp-content/plugins/. - Activa el plugin a través del menú ‘Plugins’ de WordPress.
FAQ
-
Puedes cambiar la posición del botón para que nada la tape añadiendo este CSS en Ajustes de Joinchat > Avanzado > CSS personalizado:
.joinchat { z-index:999999; }Los valores más altos de z-index están por encima, el valor por defecto es 9000.
Si necesitas subirlo:
/* always */ .joinchat { --bottom: 60px; } /* mobile only */ @media (max-width: 480px), (orientation: landscape) and (max-height: 480px) { .joinchat { --bottom: 60px; } } -
Puedes cambiar el tamaño del botón añadiendo este CSS en Ajustes de Joinchat > Avanzado > CSS personalizado:
/* always */ .joinchat { --s: 50px; } /* mobile only */ @media (max-width: 480px), (orientation: landscape) and (max-height: 480px) { .joinchat { --s: 40px; } }Para el botón de producto de WooCommerce puedes cambiar el tamaño con:
.joinchat__woo-btn { --s: 50px; } -
Shortcodes / Disparadores
-
Joinchat no proporciona shortcodes, pero puedes crear fácilmente enlaces a WhatsApp de dos formas:
- Añade un enlace ancla a
#whatsapp(abre WhatsApp directamente) o#joinchat(muestra la ventana de chat).
ej.: añade en tu menú un enlace personalizado con la URL#whatsapp - Añade una clase CSS a cualquier elemento,
joinchat_app(abre WhatsApp directamente) ojoinchat_open(muestra la ventana de chat).
ej.:<img src="contact.jpg" class="joinchat_open" alt="Contacto">
Funciona con tus ajustes de teléfono y mensaje con variables dinámicas, incluso en páginas en las que Joinchat no es visible.
Para enlaces directos a WhatsApp personalizados puedes añadir los atributos
data-phoneydata-message.
p.ej.:<a href="#whatsapp" data-phone="99999999" data-message="I want to chat">Chat now!</a> - Añade un enlace ancla a
-
Desactivar la entrada telefónica mejorada
-
Joinchat usa la librería International Telephone Input para facilitar y validar la introducción del número de teléfono en el formato de cada país. Si tienes problemas con tu número de teléfono o quieres escribirlo directamente sin cambios puedes desactivarlo con este filtro (recuerda seguir las directrices de WhatsApp):
add_filter( 'joinchat_enhanced_phone', '__return_false' ); -
Permite a otros roles cambiar los ajustes
-
Por defecto los ajustes de Joinchat solo se pueden editar por usuarios con capacidad
manage_options(administrador).
Puedes cambiar la capacidad requerida con el filtro"joinchat_capability".// e.g. allow shop managers: add_filter( 'joinchat_capability', function(){ return 'manage_woocommerce'; } ); // e.g. allow editors: add_filter( 'joinchat_capability', function(){ return 'edit_pages'; } );Desde la v4.4 el menú de Joinchat se coloca como menú directo en tu wp-admin pero puedes cambiarlo con el filtro
"joinchat_submenu":// Show as submenu under Settings (also require "manage_options" capability) add_filter( 'joinchat_submenu', '__return_true' ); -
El editor de bloques evoluciona rápidamente y se pueden producir errores que no hemos previsto.
Si tienes algún error con Gutenberg y Joinchat o simplemente prefieres la vieja caja meta de Joinchat, puedes usar este filtro:
add_filter( 'joinchat_gutenberg_sidebar', '__return_false' ); -
Traducciones de WPML/Polylang
-
Los ajustes de Joinchat se guardan en el idioma principal de tu sitio. Para la traducción de otros idiomas ve a Ajustes de WPML/Polylang > Traducciones de cadenas, filtra por el grupo de cadenas «Joinchat» y actualiza las cadenas para cada idioma.
-
Etiqueta de Google con múltiples destinos
-
Joinchat desde la versión 5.1 puede detectar múltiples destinos en Google Tag y enviar eventos a todos ellos.
-
Integración con Google Analytics 4
-
Joinchat envía un evento personalizado cuando el usuario lanza WhatsApp.
Si Google Analytics 4 (gtag.js) es detectado, usa el evento recomendado
'generate_lead':gtag('event', 'generate_lead', { event_category: 'JoinChat', event_action: 'whatsapp: 99999999999', event_label: destination_url, chat_channel: 'whatsapp', chat_id: '99999999999', is_mobile: 'yes' | 'no', });Si tu sitio no tiene nombres estándar para la capa de datos (‘dataLayer’) puedes establecer tus nombres personalizados con este filtro PHP. También puedes establecer un nombre de evento diferente para GA4:
// Rename GA4 event / Rename dataLayer name add_filter( 'joinchat_get_settings', function( $settings ){ $settings['ga_event'] = 'myGA4Event'; $settings['data_layer'] = 'dataLayerCustom'; return $settings; } ); // Disable GA4 event add_filter( 'joinchat_get_settings', function( $settings ){ $settings['ga_event'] = false; return $settings; } );Joinchat is compatible with plugins MonsterInsights – Google Analytics Dashboard for WordPress, Google Tag Manager for WordPress and PixelYourSite custom names.
-
Integración con Google Tag Manager
-
Joinchat envía un evento
'JoinChat'si se detecta GTM cuando el usuario lanza WhatsApp:dataLayer.push({ event: 'JoinChat', event_action: 'whatsapp: 99999999999', event_label: destination_url, chat_channel: 'whatsapp', chat_id: '99999999999', is_mobile: 'yes' | 'no', page_location: current_url, page_title: page_title, }); -
Integración del píxel de Facebook
-
Joinchat envía un evento
'JoinChat'si se detecta Facebook Pixel cuando el usuario lanza WhatsApp:fbq('trackCustom', 'JoinChat', { event_action: 'whatsapp: 99999999999', event_label: destination_url, chat_channel: 'whatsapp', chat_id: '99999999999', is_mobile: 'yes' | 'no', page_location: current_url, page_title: page_title, }); -
Eventos personalizados / añadir parámetros de evento
-
Joinchat dispara eventos personalizados antes de lanzar WhatsApp
'joinchat:open'y antes de enviar los eventos de analíticas'joinchat:event'.Puedes usarlos para ampliarlos según tus necesidades, añadir funciones extra, cancelar eventos o añadir parámetros extra.
// e.g.: Send webhook to Zapier jQuery(document).on('joinchat:event', function (event, params) { jQuery.post('https://hooks.zapier.com/hooks/catch/123456/xxxxxx/', params ); }); // e.g.: Add user_is_logged param for GA4/GTM event jQuery(document).on('joinchat:event', function (event, params) { params.user_is_logged = document.body.classList.contains('logged-in') ? 'yes' : 'no'; }); -
¿Qué hay de la RGPD?
-
Joinchat puede usarse sin ninguna cookie.
Dependiendo de la configuración de Joinchat, pueden ser necesarios dos cookies. Son cookies de primera parte y no recopilan datos personales.
joinchat_viewses un contador de visitas para controlar cuando mostrar la ventana de chat.joinchat_hashesguarda cuando un usuario ha interactuado con un CTA para evitar mostrar ese CTA automáticamente otra vez.
Puedes ver en tu Ajustes > Privacidad > Guía de la política el texto sugerido por Joinchat.
Reseñas
Colaboradores y desarrolladores
«Joinchat – «clic para chatear» mejorado» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«Joinchat – «clic para chatear» mejorado» está traducido en 12 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «Joinchat – «clic para chatear» mejorado» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
6.2.3
- NEW Compatible with PixelYourSite custom DataLayer name
6.2.2
- Enhanced clicks counter to prevent duplicates (in a 60s window) and bot hits
- Add icon to dashboard widget
6.2.1
- Fix migrate setting from Header to Show Branding
6.2.0
- Nuevo widget de contador de clics en el escritorio
- Nuevo Añadido compatibilidad con TranslatePress para soporte multilingüe
- Change branding label out of chat window header
- Corregido detección de videos con extensión webm para imágenes animadas
- Corregido estilos del separador HR en burbujas de chat
- Corregido correcciones de Plugin Check (PCP)
6.1.3
- Corregido compatibilidad con Gutenberg en WordPress < 6.6
6.1.2
- Corregido error en el editor en WordPress 6.9 al editar página con bloque «Joinchat Button»
- Actualizado bloque «Joinchat Button» con controles más flexibles (orientación vertical/horizontal, alineación, espacio y configuraciones del botón)
- Nuevo parámetro de evento «trigger» en eventos JS «joinchat:show» y «joinchat:open»
- Nuevo evento JS «joinchat:optin» al cambiar el valor de suscripción
6.1.1
- Corregido revertir estilos diferidos con media=»print» porque algunos optimizadores los eliminan.
- Con WP 6.9 y tema clásico, asegurar la inclusión de estilos en el encabezado.
6.1.0
- Nuevo Añadido habilidades de WordPress para configurar la configuración principal y generar enlaces de WhatsApp «clic para chatear»
- Actualizado bloque Joinchat con API V3
- Actualizado estilos de administración para WordPress 7.0
- Añade transiciones suaves a medida que la ventana de chat crece y otras optimizaciones modernas de CSS
- Añade carga diferida para imágenes animadas (como video webm)
- Corregido WordPress 6.9 no carga estilos con temas clásicos en algunos casos
- Aumenta compatibilidad hasta WordPress 7.0
6.0.10
- Ajuste texto aleatorio de CTA permitiendo etiquetas HTML (negrita, cursiva, imagen…)
6.0.9
- Nuevo opción para encolar scripts de WordPress 6.9 con fetchpriority bajo
- Aumenta compatibilidad hasta WordPress 6.9
- Ajuste reemplazar imágenes png por webp
- Ajuste Actualizada librería IntTelInput a 25.13.3
6.0.8
- Nuevo permite desactivar evento GA4 con filtro ‘joinchat_get_settings’ y establecer ‘ga_event’ como falso
- Corregido enmascaramiento del número de teléfono de WhatsApp para eventos de Facebook Pixel
- Corregido añadir aria-label al botón flotante de Joinchat
6.0.7
- Corregido estilos oscuros para mensajes de carga y nota
- Corregido conflicto JS en admin cuando otros plugins usan la biblioteca IntTelInput
- Corregido que los ajustes de Joinchat no funcionen con HivePress
6.0.6
- Añade un filtro para el plugin Litespeed Cache para asegurar la versión de los activos JS/CSS de Joinchat. Evita que Joinchat rompa el diseño si el visitante tiene activos en caché la versión v5 de Joinchat (gracias a @tendenzeshabbychic y @qtwrk).
6.0.5
- Corregido color de fondo transparente en CSS si solo hay botón flotante sin caja de chat.
6.0.4
- Corregido algunos conflictos JS en wp-admin si otros plugins añaden IntTelInput.
6.0.3
- Corregido error JS con SKU de producto variable.
6.0.2
- Aumenta la versión mínima de PHP a 7.0.
- Añade una función de respaldo para funciones faltantes en versiones antiguas de WordPress.
- Corregido el error fatal en complementos antiguos que falta la clase JoinchatUtil.
- Corregido estilos del botón del producto Woo.
6.0.1
- Corregido que el atributo oculto puede hacer que el botón sea invisible con algunos resets de CSS (como Bootstrap).
6.0.0
- Nuevo Chat enriquecido: múltiples burbujas de chat con enlaces, botones, imágenes y textos aleatorios.
- Rendimiento mejorado: vanilla JavaScript sin ninguna dependencia, y carga diferida de estilos y scripts.
- Iconos de nuevo botón y permitir mantener la imagen alternativa fija.
- Integración con las nuevas marcas de WooCommerce.
- Otras optimizaciones: rediseño y mejora de estilos, caja de teléfono actualizada (37 traducciones incluidas), añadida variable {HOME}, etc.
Ver changelog.txt para registros de cambios anteriores












