Join.chat

Descripción

🎉 Chatea con los visitantes de tu web a través de sus aplicaciones favoritas. Pon un botón flotante al fondo de tu sitio y ofrece el mejor soporte posible a tus clientes.

El mejor plugin de WordPress para WhatsApp, con más de 400.000 instalaciones en todo el mundo.

Documentación | Premium | Soporte

⌁ Qué puedes hacer con Join.chat (antes WAme) ✅

🛎 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:

🧩 ¡NUEVO! 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.

📝 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 tu página de producto junto al botón «Añadir al carrito».

🧩 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 de la web
{TITLE} ➡ Título de la página actual
{URL} ➡ URL de la página actual
{HREF} ➡ URL de la página actual (completa con parámetros de consulta)
{PRODUCT} ➡ Nombre de producto (Woo)
{SKU} ➡ SKU de producto (Woo)
{REGULAR} ➡ Precio regular de producto (Woo)
{PRICE} ➡ Precio actual de producto (Woo)
{DISCOUNT} ➡ Porcentaje de descuento de producto 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.

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 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

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)

Establece el teléfono personalizado y mensaje inicial para los disparadores de WhatsApp directo:

  • data-phone="99999999"
  • data-message="Mensaje para este disparador solo".

💱 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

👨‍💻 Amigable para los desarrolladores.

Completamente ampliable, con montones de filtros y acciones para ampliar su funcionalidad o cambiar el comportamiento.

⌁ ADD-ONS PREMIUM 🍡

Amplía Join.chat con fantásticas características:

🤹🏻‍♂️ Create Support Agents.

Managing multiple WhatsApp accounts has never been easier. Add multiple phone numbers and monitor their availability, even if your employees are out of the office, your website users will know how long it will be before they are back up and running!

🎲 Avoid Overloading.

Avoid delays in support chats. Joinchat allows you to add as many phone numbers as you want. We distribute customer chats evenly among each of your support agents, so you never have to worry about bottlenecks or dropped calls again.

📡 Don’t Miss a Chat.

This feature will allow you to add more chat apps to the basic plugin, in addition to WhatsApp. You can now add Telegram, Facebook Messenger, SMS, phone call, Skype and FaceTime.

🥁 Convincing Calls to Action.

Use our embed tool to beautifully design the content that appears in the chat window. Drive your leads from landings to sales and conversion pages. Add links, images, animated GIFs, buttons or even embedded content from other platforms, surveys, chatbots, forms…

👉 Actualiza Joinchat ahora

🧪 Prueba Join.chat

Do you want to test the Join.chat configuration panel without installing it? You can try it in a WordPress on the fly demo

⌁ Si te gusta Join.chat 😍

  1. Por favor, déjanos una valoración de ★★★★★. Te lo agradeceremos.
  2. Ayúdanos con la traducción en tu idioma
  3. Visita nuestro blog y encuentra consejos y trucos en join.chat.
  4. Sigue a @joinchatnow en Twitter.

Capturas

  • Ejemplo real
  • Ejemplo real
  • Ejemplo real
  • Ejemplo real
  • Ejemplo real
  • Ejemplo real
  • Ejemplo de botón de producto
  • Ajustes generales
  • Ajustes de visibilidad
  • Ajustes de WooCommerce
  • Ajustes avanzados
  • Ajustes de página

Instalación

  1. Sube la carpeta completa creame-whatsapp-me al directorio /wp-content/plugins/.
  2. Activa el plugin a través del menú ‘Plugins’ de WordPress.

FAQ

No puedo ver el botón o está encima / debajo de otra cosa

Puedes cambiar la posición del botón para que nada la tape añadiendo este CSS en Apariencia > Personalizar > CSS adicional:

.joinchat { z-index:999999; }

Los valores más altos de z-index están por encima, el valor por defecto es 9999.

Si necesitas subirlo:

/* always */
.joinchat { --bottom: 60px; }

/* mobile only */
@media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
  .joinchat { --bottom: 60px; }
}

Cambiar el tamaño del botón

Puedes cambiar el tamaño del botón añadiendo este CSS en Apariencia > Personalizar > CSS adicional:

/* 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

Join.chat no proporciona shortcodes, pero puedes crear fácilmente enlaces a WhatsApp de dos formas:

  1. 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
  2. Añade un «class» css a cualquier elemento, joinchat_app (abre WhastApp directamente) o joinchat_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 Join.chat no es visible.

Para enlaces directos a WhatsApp personalizados puedes añadir los atributos data-phone y data-message.
p.ej.: <a href="#whatsapp" data-phone="99999999" data-message="I want to chat">Chat now!</a>

Desactivar la entrada telefónica mejorada

Join.chat 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 Join.chat 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 Join.chat 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' );

Desactivar la barra lateral de Gutenberg

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 join.chat 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 «Join.chat» y actualiza las cadenas para cada idioma.

Integración con Google Analytics

Join.chat 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 Universal Analtics (analytics.js) es detectado:

ga('send', 'event', 'JoinChat', 'whatsapp: 99999999999', destination_url);

Si tu sitio no utiliza nombres estándar para el seguimiento de UA (‘ga) o la capa de datos (‘dataLayer’) puedes establecer tus nombres personalizados con este filtro:

add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_tracker'] = 'gaCustom';
    $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

Join.chat 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

Join.chat 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?

Join.chat no usa cookies y no recopila datos personales.

Join.chat guarda dos variables `localStorage` para su correcto funcionamiento:

  • joinchat_views es un contador de visitas para controlar cuando mostrar la ventana de chat.
  • joinchat_hashes si has establecido una llamada a la acción (CTA), cuando el usuario lanza WhatsApp o cierra la ventana del chat, el hash del CTA se guarda para evitar mostrar automáticamente ese CTA de nuevo.

Reseñas

Leer todas las 134 reseñas

Colaboradores y desarrolladores

«Join.chat» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Join.chat» ha sido traducido a 9 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Join.chat» 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

4.5.7

  • NEW: Added «Test Number» button for phone input.
  • CHANGED Reduded delay for QR tooltip.
  • ACTUALIZADA la biblioteca «International Telephone Input»
  • Reduce size of QR generator script.

4.5.6

  • FIX Joinchat sidebar for Gutenberg only must be loaded on public CPTs.

4.5.5

  • FIX WhatsApp Web always deactivated in frontend.

4.5.4

  • FIX Allows Google Ads conversion ID of 11 characters.

4.5.3

  • FIX PHP warning introduced in v4.5.2.

4.5.2

  • FIX Joinchat integration with Gutenberg only loads for WordPress 5.9 or higher.

4.5.1

  • FIX PHP error introduced in v4.5
  • CHANGED Bump min PHP version to 5.5.

4.5

  • NEW: Added Gutenberg native support.
  • NEW: WhastApp Contact Button Block.
  • NEW: Native Joinchat sidebar on Block Editor.
  • NEW: Direct WhatsApp triggers can use custom phone and initial message.
  • NEW: Triggers also fire analytics events even without the Joinchat floating button.
  • CHANGED Bump min WordPress version to 4.4 and tested up to 6.0.
  • CHANGED Can change default «JoinChat» event name via javascript event.
  • CHANGED Improved interface to enter phone with country code and Google Ads conversion ID.

4.4.3

  • Minor CSS fixes and optimizations.

4.4.2

  • NEW Optimized CSS for only button without Call to Action (only 2.5kB).
  • NEW Compatible with Perfect Brands for WooCommerce for brand custom settings.
  • NEW Compatible with Google Tag Manager for WordPress custom DataLayer name.
  • NEW Don’t load on Elementor Site Builder previews.
  • FIX badge animation don’t show error introduced in v4.4.0.
  • CHANGED optimized render without unused elements.

4.4.1

  • FIX Google Ads conversion field is too short.

4.4

  • NEW: Display QR Code on desktop to scan with phone.
  • NEW: Opt-in text for user consent (optional or required).
  • NEW: WooCommerce Product Button for product pages.
  • NEW: Dynamic variable {HREF} for full URL with query params.
  • NEW: Google Ads conversion.
  • NEW: Better analytics events with more info.
  • NEW: Allow direct show button without animation setting Button Delay as «-1».
  • TIP: Easier configuration, double click to apply the example settings in placeholders.
  • CHANGED default z-index is 9999.
  • CHANGED allow set empty CTA for products with {} in main settings.
  • CHANGED GA4 custom ‘JoinChat’ event now is ‘generate_lead’ recommended event.

4.3.2

  • Styles minor improvements, fix tooltip align.

4.3.1

  • FIX empty phone notice dismiss.

4.3

  • NEW: Customize in category/tag archive page.
  • UPDATED styles for better browsers support.
  • ACTUALIZADA la biblioteca «International Telephone Input»

4.2

  • NEW: Now can change default role allowed to configure Join.chat global settings.
  • NEW: Now can show Join.chat as a direct menu in wp-admin.
  • NEW: link to update translatable settings when changed.
  • NEW: Accessibility: disable animations for devices with Reduced Motion preference.
  • FIX Elementor 3.5 Finder deprecation message.
  • FIX WPML ensure translations are registered in default site language.
  • Styles minor improvements.

4.1.15

  • NUEVO: Probado y actualizado con WordPress 5.8.
  • CORRECCIÓN RTL: Alineación del texto a la derecha.
  • CORREGIDO Envía eventos a todas las propiedades de GA4.
  • Evita falsos clics de WhatsApp al abrir la ventana de chat automáticamente

4.1.14

  • NUEVO: Los scripts del campo de teléfono avanzado ahora se incluyen en el plugin y se alojan en el propio servidor.

4.1.13

  • NUEVO: Añadida página de Gracias en las opciones de visibilidad de WooCommerce.
  • SEGURIDAD escapa la salida html en la vista pública .

4.1.12

  • NUEVO: Añadida integración con Elementor Finder.
  • NUEVO: Añadida compatibilidad con la toolbar móvil del tema Storefront.
  • Mejor carga de dependencias.

4.1.11

  • CORREJIDO algunos optimizadores CSS rompen el estilo del bocadillo de mensaje.
  • CORREJIDO aviso PHP no definido ‘telephone’.

4.1.10

  • NUEVO: Añadido soporte a las nuevas Páginas de destino de Elementor.
  • CORREGIDO respaldo para navegadores que no soportan CSS «clamp()» (p.e. Edge para Android)

4.1.9

  • SEGURIDAD se escapan los valores de los «inputs» en wp-admin (agradecimientos a Camilo @camilo517)
  • NUEVO se puede pasar un nombre personalizado la capa de datos de gtag.js y GTM con el filtro joinchat_get_settings
  • CORREGIDO también envía el evento de Google Analytics 4 cuando Universal Analytics y GA4 están presentes

4.1.8

  • Mejor validación de los ajustes en el script público
  • CORREGIDO error con algunos precios en productos variables
  • Sube la versión mínima requerida de WordPress a 3.5

4.1.7

  • CORREGIDO advertencias de jQuery 3 para atajos de eventos obsoletos
  • CORREGIDO error de JSON con «"» en el reemplazo de variables
  • CORREGIDO no carga los ganchos públicos en la página wp-login.php

4.1.6

  • CORREGIDO error de CSS menor introducido en v4.1.5

4.1.5

  • NUEVO: Añade enlaces a WhatsApp con #joinchat o #whatsapp en tu href. Los disparadores CSS y los enlaces funcionan en todas las páginas, incluso sin Join.chat visible.
  • NUEVO: evento de Analytics compatible con el nombre de rastreador personalizado de Google Analytics Dashboard Plugin for WordPress by MonsterInsights
  • Carga imágenes al mostrar el botón para mejor velocidad de página.

4.1.4

  • NUEVO: PHP 8 y WordPress 5.6 probado y actualizado
  • Marcador de posición más claro en el campo teléfono
  • Añadido atributo «lazy loading» para imagen

4.1.3

  • NUEVO: Asegurar que la cabecera del chat sea siempre visible en el móvil con un mejor control de la altura
  • NUEVO: En WooCommerce, usar los ajustes personalizados de Join.chat en la página de la tienda para todas las páginas del catálogo

4.1.2

  • SEGURIDAD window.open con ‘noopener’
  • CORREGIDO error PHP get_col_charset() no definido en versiones antiguas de WordPress

4.1.1

  • Corregido error en precios con ‘$’

4.1

  • NUEVO: Usa texto personalizado en la cabecera de la ventana de chat
  • Añadido disparador de clase ‘joinchat_app’ que abre WhatsApp directamente
  • Añadido Teléfono a los campos traducibles
  • Añadido filtro ‘joinchat_disable_thumbs’
  • Corregido actualizados patrones de expresiones regulares para estilos
  • Corregido ocultar en móviles cuando el usuario rellena formularios

4.0.10

  • NUEVO: Mostrar información emergente al pasar el cursor sobre el botón
  • NUEVO: Ocultar en los móviles cuando el usuario rellena formularios
  • CAMBIADO por defecto vaciar todos los datos del plugin al desinstalarlo.
  • CORREGIDO eliminar la opción innecesaria de obtener `whatsappme`

4.0.9

  • CORRECCIÓN: color blanco para el texto del globo de aviso
  • Nuevo evento JS `joinchat:starting`

4.0.8

  • CORREGIDO error al limpiar caché al guardar con WP Super Cache
  • Reemplazo de miniatura de imagen si es posible.

4.0.7

  • CORREGIDO error al limpiar caché al guardar con WP Super Cache

4.0.6

  • Cambios menores: mejor detección de codificación de emoticonos, comprobación de la versión de WooCommerce, correcciones y mejoras de css

4.0.5

  • NUEVO: Vacía la caché de los plugins de terceros al guardar los ajustes.
  • CORREGIDO un error de PHP al cambiar el tamaño de la imagen.
  • ACTUALIZADA la biblioteca «International Telephone Input» a la v.17.

4.0.4

  • Mejor salida de los ajustes de JSON
  • Re-corregida desactivación de WAme

4.0.3

  • Corregida desactivación de WAme

4.0.2

  • Codifica los emojis si la base de datos no es compatible con utf8mb4.
  • Mejor actualización desde WAme (no necesita activación manual)

4.0.1

  • correcciones menores.

4.0.0

  • NUEVO: marca Join.chat.
  • NUEVO: Tema de color del widget.
  • NUEVO: clases CSS disparadoras para abrir la ventana de chat.
  • Más ligero, estáticos de menor tamaño e imágenes eliminadas.

CAMBIADO para SEO: Todos los eventos de análisis cambian de WhatsAppMe a JoinChat.

CAMBIO para Devs: Todas las clases css, «actions» and «filters» cambian de wame o whatsappme a joinchat.

Ver changelog.txt para registros de cambios anteriores