Join.chat

Descripción

💬 Connect your WordPress to WhatsApp in one click.

The best WordPress plugin for WhatsApp, with more than 400,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.

Añade tu logotipo, tu imagen del 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 teléfonos móviles o también en el dispositivo de escritorio. Puedes definir una información emergente para capturar la atención del usuario. El límite está establecido por tu creatividad.

📝 Edítalo a nivel de publicación.

Puedes cambiar los ajustes principales en cada entrada, página, producto o tipo de contenido personalizado. En el lado derecho, encontrarás la caja meta de Join.chat, donde puedes modificar las opciones del teléfono, llamada a la acción, mensaje y 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 las llamadas a la acción personalizadas en cada página, producto o sección. Dales la bienvenida, ayúdales y ofréceles ofertas o promociones. Leer más

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

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

💯 Join.chat Plus.

Join.chat + te da acceso a un soporte más rápido y sencillo a través de tiques.

📡 OmniChannel.

Esta extensión te permitirá añadir más aplicaciones del chat al plugin básico, además de WhatsApp. Ahora puedes añadir Telegram, Facebook Messenger, SMS, llamadas de teléfono, Skype y FaceTime.

👥 Support Agents.

Esta extensión te permite añadir varias cuentas de WhatsApp, definiendo los datos personales del perfil de cada agente, así como su horario de trabajo. De este modo, los clientes pueden elegir con quién quieren hablar.

🎬 CTA Extras.

Esta extensión te permite crear contenido enriquecido en la ventana del chat para hacer irresistibles 😍 llamadas a la acción (CTA). Puedes añadir enlaces a las imágenes, botones de llamada a la acción e, incluso, puedes añadir Iframes animados o archivos GIF.

🎲 Random Phone.

Con el teléfono aleatorio, puedes añadir tantos números de teléfono como quieras, no hay límite. Cada vez que un usuario de tu sitio hace clic en el botón para iniciar el chat, será enviado, aleatoria y equitativamente, a cada uno de los diferentes números de soporte que hayas configurado.

🤖 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 @joinchatnow en Twitter.

Capturas

  • Ejemplo en móvil
  • Ejemplo en escritorio (con variables dinámicas)
  • Ajustes generales
  • Ajustes de visibilidad
  • Ajustes de WooCommerce
  • 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.

Preguntas frecuentes

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

7 de octubre de 2021
It is a great plugin, very easy to configure. It helps me a lot. Thank you very much!
28 de julio de 2021
O melhor plugin de wordpress para whatsapp. Thank You so much!!!
Leer todas las 118 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 8 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.1.15

  • NEW: WordPress 5.8 tested & updated.
  • FIX RTL text align right.
  • FIX Send event to all GA4 properties.
  • Prevent faux WhatsApp clicks when chat window is showed automatically

4.1.14

  • NEW: Enhanced telephone input scripts now are included in plugin and self-hosted.

4.1.13

  • NEW: Add Thank you page in WooCommerce visibility options.
  • SECURE frontend escape html output.

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

  • 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

  • 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 «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.

CAMBIO para SEO: Todos los eventos 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