Joinchat

Descripción

Turn conversations into conversions

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

Documentation | Joinchat Premium | Joinchat AI ✨

⌁ What you can do with Joinchat ✅

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

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

📢 New on Joinchat 6.0

  • Enhance your CTAs with Rich Chat: multiple chat bubbles, include links or buttons, add images and use random texts.
  • Improved performance: vanilla JavaScript without any dependency and lazy loading of styles and scripts.
  • New button icons and allows to keep the alternative image fixed.
  • Integration with new WooCommerce brands.
  • Other optimizations: refactor and improved styles, updated phone input (37 translations included), added {HOME} variable, etc.

📝 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 or choose the best position, even on products without a price.

🧩 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
{HOME} ➡ Website home url
{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.

Now can send events to multiple destinations on Google Tag!

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 page load (by url):

  • url query param joinchat to show chat window. Can set delay in seconds, default is 0 (e.g. example.com/page/?joinchat=5)
  • url query hash #joinchat to show chat window (e.g. example.com/page/#joinchat)

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

Set custom phone and initial message for direct WhatsApp triggers:

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

On scroll (when element appears on screen):

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

💱 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

Use vanilla JavaScript without dependencies, deferred scripts and lazy load of styles to prevent render-blocking.

🔕 No distractions.

Joinchat integrates with all major Visual Editors and Page Builders and will not appear when editing a page.

Supported editors: Beaver Builder, Brizy Page Builder, Elementor, Oxygen Builder, Page Builder by SiteOrigin, Thrive Architect, Visual Composer and WP Page Builder.

🍪 Cookies & GDPR.

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.

👨‍💻 Ideal para desarrolladores.

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

=== Joinchat AI ✨ ===

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” is our WordPress theme recommended

Business Chat is a versatile WordPress theme designed for businesses seeking a professional online presence. It offers a fully responsive design, built-in SEO tools, extensive customization options, and a chat integration through Joinchat. It’s compatible with popular page builders and backed by dedicated customer support. Also it’s the ultimate solution for a high-performing, user-friendly business website.

Business Chat offers both a free and a premium version, catering to businesses with varying budgets and requirements. This flexibility makes it an ideal choice for businesses looking for a comprehensive and versatile solution to establish their online presence.

⌁ Si te gusta Joinchat 😍

  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. Follow @joinchatnow on X. Join chat now!

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

You can change the position of the button so that nothing covers it by adding this CSS in Joinchat Settings > Advanced > Custom CSS:

.joinchat { z-index:999999; }

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

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 Joinchat Settings > Advanced > 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

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

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

Google Tag with multiple destinations

Joinchat since 5.1 can detect multiple destinations in Google Tag and send events to all of them.

Google Analytics 4 integration

Joinchat 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 your site don’t have standard names for data layer (‘dataLayer’) you can set your custom names with this PHP filter. Also can set a different event name for GA4:

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

Joinchat 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

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

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

11 de julio de 2025
Conflict with HivePress plugin – JoinChat stopped working I’ve been using JoinChat for a long time and it’s always worked great — thank you! But recently, I discovered that the plugin no longer works properly when used together with the HivePress theme/plugin. When I create new pages or listings using HivePress, the JoinChat button doesn’t appear or breaks. There are also JavaScript errors in the browser console. As soon as I deactivate HivePress, JoinChat starts working again. Please check this compatibility issue — HivePress is widely used for directory sites, and this conflict might affect many users. Thanks in advance!
27 de mayo de 2025 1 respuesta
I really appreciate the support of Joinchat team, very professional! And I also have the free verison of the plugin. Very, very professional!
Leer todas las 189 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

“Joinchat” ha sido traducido a 12 idiomas locales. 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.6

  • Aff a filter for Litespeed Cache plugin to ensure Joinchat JS/CSS assets version. Prevent Joinchat break layout if visitor has Joinchat v5 cached assets (thanks to @tendenzeshabbychic and @qtwrk).

6.0.5

  • Fix CSS transparent background color if only floating button without chatbox.

6.0.4

  • Fix some js conflicts in wp-admin if other plugins adds IntTelInput.

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

  • New Rich Chat: multiple chat bubbles with links, buttons, images and random texts.
  • Improved performance: vanilla JavaScript without any dependency and lazy loading of styles and scripts.
  • New button icons and allows to keep the alternative image fixed.
  • Integration with new WooCommerce brands.
  • Other optimizations: refactor and improved styles, updated phone input (37 translations included), added {HOME} variable, etc.

Ver changelog.txt para registros de cambios anteriores