Descripción
Convierte conversaciones en conversiones
🎉 Chatea con los visitantes de tu web a través de sus aplicaciones de chat favoritas. Coloca un botón de contacto flotante en la parte inferior de tu sitio web y ofrece el mejor soporte a tus clientes.
Documentación | Joinchat Premium | Joinchat AI ✨
⌁ Lo que puedes hacer con Joinchat ✅
🛎 Inserta un botón de contacto por WhatsApp en tu web.
Configura tu número de ‘WhatsApp’ o ‘WhatsApp Business’ y deja que tus visitantes contacten contigo fácilmente:
🧩 Bloque de botón de contacto por WhatsApp con código QR opcional
📱 En el móvil, lanza la app de WhatsApp para móviles
💻 En escritorio, lanza la app de escritorio de WhatsApp o WhatsApp Web
🤳 En escritorio, muestra código QR para escanear con el teléfono
Personaliza tu logo, foto de perfil o incluso un gif animado.
Define en qué páginas o zonas debe aparecer, el tiempo de retardo, si lo quieres a la derecha o a la izquierda, solo en móviles o también en escritorio.
Puedes definir un tooltip o una llamada a la acción para captar el interés del usuario, el límite lo pone tu creatividad.
📢 Novedades en Joinchat 6.0
- Enhance your CTAs with Rich Chat: multiple chat bubbles, include links or buttons, add images and use random texts.
- 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.
📝 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 Etiqueta o Categoría.
Al editar tus entradas, en el lado derecho en la caja meta de Joinchat o editando tus etiquetas o categorías en la sección de Joinchat, puedes modificar las opciones de Teléfono, CTA, Mensaje inicial y Visibilidad.
🔴 Muestra una notificación.
Usa un globo en el botón para llamar la atención del visitante.
De esta forma, te aseguras no perder ningún mensaje importante que quieras darles, sorpréndelos de una forma menos intrusiva.
📯 Crea mensajes de llamada a la acción.
Para lograr que los usuarios inicien el chat, usa CTAs personalizados en cada página, producto o sección.
Dales la bienvenida, ayúdales y ofrece ofertas o promociones. Leer más
💬 Personaliza los mensajes de inicio de conversación.
Configura el primer mensaje para que el visitante pueda iniciar la conversación inmediatamente.
Usa nuestras «Variables dinámicas» y sabrás desde qué página viene el visitante o qué producto está viendo al iniciar 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.
Define CTAs y mensajes de inicio personalizados para las páginas de tienda, producto y para 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 botón de contacto por WhatsApp (min WP 5.9).
Añade bonitos y personalizables botones de contacto de WhatsApp en el Editor de bloques.
También se incluyen patrones con diferentes estilos listos para usar.
Activa el código QR en el escritorio para permitir que tus visitantes lo escaneen y comiencen a enviar mensajes desde su teléfono.
Puedes definir el teléfono y el mensaje inicial de botón o usar los ajustes de entrada/generales de Joinchat (ideal para bloques reutilizables).
🃏 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 (completa con parámetros de consulta)
{PRODUCT} ➡ Nombre del producto (Woo)
{SKU} ➡ SKU del producto (Woo)
{REGULAR} ➡ Precio normal del producto (Woo)
{PRECIO} ➡ Precio actual del producto (Woo)
{ DESCUENTO} ➡ Porcentaje de descuento del producto cuando está en oferta (Woo)
📈 Integración de Analytics.
Envía eventos automáticamente a Google Analytics, Google Tag Manager y Facebook Pixel cuando el usuario abre WhatsApp.
¡Ahora puedes enviar eventos a múltiples destinos en Google Tag!
Integración de Google Analytics 4 con el evento recomendado "generate_lead"
.
Conversión de Google Ads, 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
joinchat
para 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
#joinchat
para 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)
💱 Multi-idioma y soporte RTL.
Para poder dar soporte a todos sus usuarios, estén donde estén. Nuestro plugin es compatible con WPML y Polylang y también admite idiomas RTL.
Enlace directo a editar traducciones cuando un campo traducible ha cambiado.
🌈 Tema de colores 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.
Solo carga lo que necesita cuando lo necesita. Joinchat es ligero y sigue las mejores prácticas de programación. Ver informes
Use vanilla JavaScript without dependencies, deferred scripts and lazy load of styles to prevent render-blocking.
🔕 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 y RGPD
Joinchat can be used without any cookies. But to automatically display the CTA, two cookies are necessary. They are first-party cookies and don’t collect personal data.
Joinchat integrates with WordPress’s Privacy Policy Guide and suggests the necessary text.
👨💻 Amigable para los desarrolladores.
Completamente ampliable, con montones de filtros y acciones para ampliar su funcionalidad o cambiar el comportamiento.
=== Joinchat Premium 🚀 ===
Turn your chat into a powerful lead capture and support tool.
- Create chatbot-like conversation flows to capture leads and automate replies.
- Manage multiple agents and schedules to organize support.
- Prevent overload by distributing chats across multiple WhatsApp numbers.
- Add more channels like Telegram, Messenger, or phone calls.
- Boost conversions with videos, surveys, and more right inside the chat window.
👉 Get Joinchat Premium and upgrade your support today.
=== IA de Joinchat ✨ ===
Supercharge your chat with AI-powered instant replies and smart support.
- Answer instantly 24/7 using AI trained on your FAQs and website content.
- Guide visitors and solve questions automatically without human intervention.
- Reduce workload and boost efficiency by handling repetitive queries.
- Keep control with easy knowledge base management and response customization.
👉 Get Joinchat AI and let AI handle the hard work.
🎨 «Business Chat» es nuestro tema de WordPress recomendado
Business Chat es un tema de WordPress versátil diseñado para empresas que buscan una presencia online profesional. Ofrece un diseño adaptativo, con herramientas SEO integradas, amplias opciones de personalización y una integración de chat a través de Joinchat. Es compatible con los constructores y maquetadores de páginas más populares y está respaldado por un servicio de atención al cliente personalizado. También es la solución definitiva para un sitio web empresarial de alto rendimiento y es fácil de usar.
Business Chat ofrece una versión gratuita y otra premium, para empresas con diferentes necesidades y distintos presupuestos. Esta flexibilidad la convierte en la opción ideal para aquellas compañías que buscan una solución completa y versátil para establecer su presencia online.
⌁ 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-me
al 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 de ancla a
#whatsapp
(abre WhastApp directamente) o#joinchat
(muestra la ventana de chat).
p.ej.: añade en tu menú un enlace personalizado con la URL#whatsapp
- Añade un «class» css a cualquier elemento,
joinchat_app
(abre WhastApp directamente) ojoinchat_open
(muestra la ventana de chat).
p.ej.:<img src="contact.jpg" class="joinchat_open" alt="Contactar">
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-phone
ydata-message
.
p.ej.:<a href="#whatsapp" data-phone="99999999" data-message="I want to chat">Chat now!</a>
- Añade un enlace de 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:
add_filter( 'joinchat_get_settings', function( $settings ){ $settings['ga_event'] = 'myGA4Event'; $settings['data_layer'] = 'dataLayerCustom'; return $settings; } );
Joinchat es compatible con nombres personalizados de los plugins MonsterInsights – Google Analytics Dashboard for WordPress y Google Tag Manager for WordPress.
-
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 can be used without any cookies.
Depending on your Joinchat settings, two cookies may be needed. They are first-party cookies and don’t collect personal data.
joinchat_views
es un contador de visitas para controlar cuando mostrar la ventana de chat.joinchat_hashes
saves when a user has interacted with a CTA to prevent automatically show that CTA again.
You can view in your Settings > Privacy > Policy Guide the suggested text by Joinchat.
Reseñas
Colaboradores y desarrolladores
«Joinchat» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«Joinchat» está traducido en 11 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «Joinchat» 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.0.3
- Fix js error with variable product SKU.
6.0.2
- Bump min PHP version to 7.0.
- Add fallback to missing functions in older WordPress versions.
- Fix fatal error on old add-ons with missing class JoinchatUtil.
- Fix Woo product button styles.
6.0.1
- Fix hidden attribute can make button invible with some CSS resets (like 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