Join.chat

Descripción

💬 Connect your WordPress to WhatsApp in one click.

The best WordPress plugin for WhatsApp, with more than 300,000 installations worldwide.

Documentation | Add-ons | Support

⌁ What you can do with Join.chat (formerly WAme) ✅

🛎 Insert a contact button for WhatsApp on your website.

Add your logo, profile picture or even an animated gif. Define in which pages or zones it should appear, the delay time, if you want it to the right or to the left, only on mobile phones or also on the desktop. You can define a tooltip to capture the user’s attention, the limit is set by your creativity.

📝 Edítalo a nivel de publicación.

Puedes modificar los ajustes generales en cualquier entrada, página, producto o tipo de contenido personalizado. En el lado derecho encontrarás la caja meta de Join.chat donde podrás modificar el teléfono, la llamada a la acción, el mensaje y las opciones de visualización.

🔴 Muestra una notificación.

Usa un globo sobre el botón para llamar la atención del usuario. De esta forma, te aseguras que no se pierde ningún mensaje importante que quieras darle, sorpréndelo de una forma menos intrusiva.

📯 Crea mensajes de llamada a la acción.

Para que los usuarios hagan clic en el botón, usa los CTA personalizadas en cada página, producto o sección. Dales la bienvenida, ayúdales y ofréceles ofertas o promociones. Puedes leer más sobre este tema aquí.

💬 Personaliza los mensajes de inicio de conversación.

Para que el usuario no pierda el tiempo en escribir. Así podrás saber desde qué página viene o qué producto está consultando cuando inicia la primera conversación.

🛒Integración con WooCommerce.

Define CTAs and Custom Messages for product pages and for products on sale.

🃏 Dynamic Variables.

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

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

📈 Integration with Google Analytics, Google Tag Manager and Facebook Pixel.

Join.chat sends the event automatically when the user opens WhatsApp. You can also create your custom events capturing $(document).on('joinchat:open'). View FAQs / Read more

💱 Multi-Language & RTL Support.

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. View FAQs

🌈 Theme Colors & 🌚 Dark Mode.

You choose a color and we customize the entire visual theme of the widget. With Dark Mode display the chat window with dark colors and white text. From settings you can activate it or leave it automatic and detects devices’ configuration.

🍾 CSS Triggers.

Your pages can interact with Join.chat and show the chat window or launch WhatsApp when user clicks or an item appears on scrolling. You just need to add a few CSS classes. View FAQs

⚡ Fast & Light.

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

👨‍💻 Amigable para los desarrolladores.

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

⌁ PREMIUM ADD-ONS 🍡

Extend Join.chat with awesome features:

💯 Join.chat Plus.

Join.chat + gives you access to faster and easier support through tickets.

📡 OmniChannel.

This Add-on will allow you to add more chat applications to the basic plug-in, in addition to WhatsApp. You can now add Telegram, Facebook Messenger, SMS, Phone call, Skype and FaceTime.

👥 Support Agents.

This Add-on allows you to add several WhatsApp accounts, defining the personal data of each agent’s profile, as well as their work schedule. This way customers can choose who they want to talk to.

🎬 CTA Extras.

This Add-on allows you to create rich content in the chat window, to make the calls to action (CTA) 😍 irresistible. You can add links to images, call to action buttons, you can even add animated Iframes or GIFs.

🎲 Random Phone.

With Random Phone you can add as many phone numbers as you want, there is no limit. Every time a user of your site clicks on the start chat button, they will be randomly and equitably referred to each of the different support numbers you have configured.

🤖 Chatbot Svachat.

Our Add-on Chatbot (Svachat) is designed to answer your customers’ recurring questions (FAQS) by creating a chatbot that interacts with the user and decides based on the user’s queries.

⌁ 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 @joinchat en Twitter.

Capturas

  • Mobile example
  • Desktop example (with Dynamic Vars)
  • General settings
  • Visibility settings
  • WooCommerce settings
  • Page settings

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

Upgrade from WAme to Join.chat

Desde la versión 4.0 cambiamos nuestro nombre a Join.chat.
Para evitar usar varios prefijos de antiguas y nuevas versiones hemos decidido renombrarlos todos al nuevo joinchat.

  • All analytics events change from WhatsAppMe to JoinChat
  • Todos los estilos css cambian de wame o whatsappme a joinchat.
  • Todos los «actions» y «filters» cambian de wame_ o whatsappme_ a joinchat_.

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

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

Si necesitas subirlo:

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

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

Shortcodes / Triggers

Join.chat does not provide any shortcodes, but you can easily link to WhatsApp in two ways:

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

This works with your phone settings and message with dynamic variables, even on pages without Join.chat visible.

For custom WhatsApp links, you can create the url with our WhatsApp link generator free tool and copy it to your links.

¿Qué hay de la RGPD?

Join.chat no usa cookies.

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

  • joinchat_views is a visits counter to control when to show chat window.
  • 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.

WPML/Polylang translations

Join.chat settings are saved in your site’s main language. For other languages translation go to WPML/Polylang Settings > String translations, filter strings group by “Join.chat” and update the strings for each language.

Integración con Google Analytics

Join.chat envía un evento personalizado cuando el usuario hace clic para lanzar WhatsApp.

Si Global Site Tag (gtag.js) es detectado:

gtag('event', 'click', { 'event_category': 'JoinChat', 'event_label': out_url })

Si Universal Analtics (analytics.js) es detectado:

ga('send', 'event', 'JoinChat', 'click', out_url })

If your site don’t have standard names for UA tracker (‘ga’) or data layer (‘dataLayer’) you can set your custom names with this filter:

add_filter( 'joinchat_get_settings', function( $settings ){
    $settings['ga_tracker'] = 'gaCustom';
    $settings['data_layer'] = 'dataLayerCustom';
    return $settings;
} );

Integración con Google Tag Manager

Join.chat envía un evento (si se detecta GTM) cuando el usuario hace clic para lanzar WhatsApp:

dataLayer.push({ 'event': 'JoinChat', 'eventAction': 'click', 'eventLabel': out_url });

Integración del píxel de Facebook

Join.chat envía un evento personalizado si detecta Facebook Píxel cuando el usuario hace clic en lanzar WhatsApp:

fbq('trackCustom', 'JoinChat', { eventAction: 'click', eventLabel: out_url });

Otras integraciones

Hay un evento de JavaScript que Join.chat dispara automáticamente antes de lanzar WhatsApp y puede usarse para añadir tu código personalizado de seguimiento (u otras necesidades).

jQuery(function($){
  $(document).on('joinchat:open', function (event, args, settings) {
    // Your staff
    // Note: args.link is the link to open, you can change it
    // but only wa.me, whastapp.com or current domain are allowed.

    // e.g.: Google Ads conversion
    gtag_report_conversion();
  });
});

Reseñas

17 de marzo, 2021
Bien, pero deberían agregar la función de que de X hora a X hora, los mensajes llegaran a un número, y de Y hora a Y hora, los mensajes llegaran a otro número. Y hacer esto igual con los días de la semana para poder formar equipos de trabajo.
22 de enero, 2021
* Llamada a acción * Texto en hover * Puede modificarse mediante css personalizado (externo al plugin)
Leer la 106 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 traducidos a 8 idioma local. 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.1.12

  • NEW: Add integration with Elementor Finder.
  • NEW: Add compatibility with Storefront theme mobile toolbar.
  • Better dependency loading.

4.1.11

  • FIX some CSS optimizers break message bubble style.
  • FIX PHP notice undefined ‘telephone’.

4.1.10

  • NEW: Add support to new Elementor landing pages.
  • FIX fallback for browsers that don’t support CSS “clamp()” (i.e Edge for Android)

4.1.9

  • SECURE escape input values on wp-admin (thanks to Camilo @camilo517)
  • NEW can pass custom data layer name for gtag.js and GTM with filter joinchat_get_settings
  • FIX also send Google Analytics 4 event when Universal Analytics and GA4 are present

4.1.8

  • Front script better settings validation
  • FIX error with some prices on variable replacement
  • Bump required minimun WordPress version to 3.5

4.1.7

  • FIX jQuery 3 deprecation warnings for event shorthands
  • FIX JSON error with “"” on variable replacement
  • FIX Don’t load public hooks on wp-login.php page

4.1.6

  • FIX minor css error introduced in v4.1.5

4.1.5

  • NEW: Add links to WhastApp with #joinchat or #whatsapp in your href. CSS triggers and links work on all pages, even without Join.chat visible.
  • NEW: Analytics event compatible with Google Analytics Dashboard Plugin for WordPress by MonsterInsights custom tracker name
  • Load images when show button for better Page speed.

4.1.4

  • NEW: PHP 8 & WordPress 5.6 tested & updated
  • Cleaner placeholder on telephone field
  • Added lazy loading attribute for image

4.1.3

  • NEW: Ensure chatbox header is allways visible on mobile with better height control
  • NEW: WooCommerce, use custom Join.chat settings on shop page for all shop catalog pages

4.1.2

  • SECURE window.open with ‘noopener’
  • FIX PHP error undefined get_col_charset() on old WordPress versions

4.1.1

  • FIX error on prices with ‘$’

4.1

  • NEW: Use custom text on chat window header
  • Added ‘joinchat_app’ class trigger that opens WhatsApp
  • Added Telephone to translatable fields
  • Added ‘joinchat_disable_thumbs’ filter
  • FIX updated style regex patterns
  • FIX hide on mobile when user fill forms

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

  • Corrección de un error al limpiar la caché al guardar con WP Super Cache
  • Imagen en miniatura de reserva, si es posible

4.0.7

  • Corrección de un error al limpiar la 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 de introducción de teléfonos internacionales a la v. 13.

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.

CAMBIO para SEO: Todos lso ventos de Analytics cambian de WhatsAppMe a JoinChat

CAMBIO para desarrolladores: Todas las clases CSS, acciones y filtros cambian de wame o whatsappme a joinchat.

Ver changelog.txt para registros de cambios anteriores