Join.chat

Descripción

🎉 Chat with your website visitors through their favorite chat applications. Place a floating button at the bottom of your site and give the best support to your customers.

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

Documentation | Premium | Support

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

🛎 Inserta un botón de contaco para WhatsApp en tu web.

Set your ‘WhatsApp’ or ‘WhatsApp Business’ number and let your visitors contact you easily:

🧩 NEW!! WhatsApp Contact Button Block with optional QR Code

📱 On mobile, launch WhatsApp mobile app

💻 On desktop, launch WhatsApp desktop app or WhatsApp Web

🤳 On desktop, show QR Code to scan from phone

Customize your logo, profile picture or even an animated gif.

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.

You can define a tooltip or a call to action to capture the user’s interest, the limit is set by your creativity.

📝 Settings at page or archive level.

You can change main settings on every Post, Page, Product or CPT and for Tag or Category archive pages.

Editing your posts in the right side in the Joinchat metabox or editing your tags or categories in the Joinchat section, you can modify Phone, CTA, Start Message and Visibility options.

🔴 Muestra una notificación.

Use a balloon on the button to get the visitor’s attention.

In this way, you ensure that you do not miss any important message you want to give them, surprise them in a less intrusive way.

📯 Crea mensajes de llamada a la acción.

To get users to start the chat, use custom CTAs on each page, product or section.

Welcome them, help them and offer them offers or promotions. Read more

💬 Personaliza los mensajes de inicio de conversación.

Set the first message so that the visitor can start the conversation immediately.

Use our “Dynamic Variables” and you will know what page the visitor is coming from or what product they are looking at when they start the chat.

✅ Opt-in text.

Opt-in is a users’ consent to receive messages from a business.

Write a text with the conditions under which the visitor contacts you (or other info that you consider important).

You can make it mandatory and disable contact until the user accepts it.

🛒Integración con WooCommerce.

Define CTAs and Custom Start Messages for shop page, product pages and for products on sale.

Add a WhatsApp Contact Button directly on your product page next to the “Add to cart” button.

🧩 WhatsApp Contact Button Block (min WP 5.9).

Add beautiful and customizable WhatsApp contact buttons in the Block Editor.

Ready to use patterns with different styles are also included.

Enable QR Code on desktop to allow your visitors to scan it and start messaging from their phone.

You can define phone and initial message of the button or use the post/general Joinchat settings (ideal for Reusable Blocks).

🃏 Variables dinámicas.

Use variables in your CTAs and Start Messages that change dynamically for each page:

{SITE} ➡ Website title
{TITLE} ➡ Current page title
{URL} ➡ Current page url
{HREF} ➡ Current page url (full with query params)
{PRODUCT} ➡ Product name (Woo)
{SKU} ➡ Product SKU (Woo)
{REGULAR} ➡ Product regular price (Woo)
{PRICE} ➡ Product current price (Woo)
{DISCOUNT} ➡ Product percent discount when is on sale (Woo)

📈 Analytics Integration.

Automatically send events to Google Analytics, Google Tag Manager and Facebook Pixel when the user opens WhatsApp.

Google Analytics 4 integration with the recommended "generate_lead" event.

Google Ads conversion, just add your Conversion ID and Conversion Label.

You can also create your own custom events or add event parameters. View FAQs / Read more

🍾 Chat Triggers.

Any element in your page can be a chat trigger, eg: it can launch WhatsApp from a link or show the Joinchat CTA when the user scrolls to the footer.

On click:

  • class "joinchat_app" direct launch WhatsApp
  • class "joinchat_open" opens Joinchat CTA
  • link href "#whatsapp" direct launch WhatsApp
  • link href "#joinchat" opens Joinchat CTA

On scroll (when element appears on screen):

  • class "joinchat_show" opens Joinchat CTA (first time)
  • class "joinchat_force_show" opens Joinchat CTA (always)

Set custom phone and initial message for direct WhatsApp triggers:

  • data-phone="99999999"
  • data-message="Only for this trigger message".

💱 Multi-idioma y soporte RTL.

To be able to support all your users, wherever they are. Our plugin is compatible with WPML and Polylang and also RTL languages are supported.

Direct link to edit translations when a translatable field is changed.

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

Only load what need when needed. Joinchat is lightweight and follow best coding practices. See tests report

👨‍💻 Ideal para desarrolladores.

Completamente extensible, con montones de “filters” y “actions” para extender 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…

👉 Upgrade Joinchat Now

🧪 Try 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. Visit our blog and find tips and tricks at join.chat.
  4. Sigue a @joinchatnow en Twitter.

Capturas

  • Real example
  • Real example
  • Real example
  • Real example
  • Real example
  • Real example
  • Product Button example
  • Ajustes generales
  • Ajustes de visibilidad
  • Ajustes de WooCommerce
  • Advanced settings
  • 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.

Preguntas frecuentes

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

Higher values of z-index are above, the default value is 9999.

Si necesitas subirlo:

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

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

Change button size

You can change the button size by adding this CSS in Appearance > Customize > Custom CSS:

/* always */
.joinchat { --s: 50px; }

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

For WooCommerce Product Button you can change size with:

.joinchat__woo-btn { --s: 50px; }

Shortcodes / Disparadores

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

  1. Add an anchor link to #whatsapp (open WhastApp directly) or #joinchat (show chat window).
    e.g.: add in your menu a custom link with the URL #whatsapp
  2. Add a css class to any element, joinchat_app (open WhastApp directly) or joinchat_open (show chat window).
    e.g.: <img src="contact.jpg" class="joinchat_open" alt="Contact">

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.

For custom direct WhatsApp links you can add data-phone and data-message attributes.
e.g.: <a href="#whatsapp" data-phone="99999999" data-message="I want to chat">Chat now!</a>

Disable enhanced telephone input

Join.chat uses International Telephone Input library to facilitate and validate the introduction of the phone number in the format of each country. If you have problems with your phone number or you want to write it directly without any changes you can disable it with this filter (remember follow WhatsApp guidelines):

add_filter( 'joinchat_enhanced_phone', '__return_false' );

Allow other roles to change settings

By default Join.chat settings can only be edited by users with manage_options capability (administrator).
You can change the required capability with the filter "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'; } );

Since v4.4 Join.chat menu is placed as direct menu in your wp-admin but you can change it with the filter "joinchat_submenu":

// Show as submenu under Settings (also require "manage_options" capability)
add_filter( 'joinchat_submenu', '__return_true' );

Disable Gutenberg sidebar

The block editor evolves quickly and errors can occur that we have not anticipated.

If you have any errors with Gutenberg and Joinchat or simply prefer the old Joinchat metabox you can use this filter:

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 sends a custom event when user launch WhatsApp.

If Google Analytics 4 (gtag.js) is detected, use the recommended 'generate_lead' event:

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',
});

If Universal Analtics (analytics.js) is detected:

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 is compatible with plugins MonsterInsights – Google Analytics Dashboard for WordPress and Google Tag Manager for WordPress custom names.

Integración con Google Tag Manager

Join.chat sends a 'JoinChat' event if GTM is detected when user launch 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 sends a 'JoinChat' custom event if Facebook Pixel is detected when user launch 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,
});

Custom Events / add Event Parameters

Joinchat triggers custom events before launch WhatsApp 'joinchat:open' and before send analytics events 'joinchat:event'.

You can use them to extend them to your needs, add extra functions, cancel events or add extra parameters.

// 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 don’t use cookies and don’t collect personal data.

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

Este software es de código abierto. Las siguientes personas han contribuido a 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: WordPress 5.8 probado & actualizado.
  • FIX RTL alinea el 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
  • Imagen en miniatura de reserva si es posible

4.0.7

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

4.0.6

  • Cambios menores: mejor codificación de la detección de emoji, verificación de la versión de WooCommerce, arreglos CSS y mejoras

4.0.5

  • NUEVO: Borre los plugins de caché de terceros en la configuración de guardar.
  • ARREGLADO error de PHP en el cambio de tamaño de la imagen.
  • ACTUALIZADA la biblioteca de introducción de teléfonos internacionales a la v.17.

4.0.4

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

4.0.3

  • Corregida desactivación de WAme

4.0.2

  • Codifica los emojis si la BD 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