Joinchat

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 600.000 instalaciones en todo el mundo.

Documentación | Premium | Soporte

⌁ Qué puedes hacer con Joinchat (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:

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

📢 Novedades en Joinchat 5

  • Onboarding: Configura Joinchat desde un chat.
  • Previsualización: Visualiza el aspecto de Joinchat antes de publicarlo.
  • CSS personalizado: Añade tu CSS personalizado desde los propios ajustes del plugin y solo se carga cuando es necesario.
  • Multi-idioma: Mejor acceso para gestionar las traducciones.

📝 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 la página de producto junto al botón «Añadir al carrito» o elige la mejor posición, incluso en productos sin precio.

🧩 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 cargar la página (por url):

  • parámetro de url joinchat para mostrar la ventana de chat. Se puede establecer el retardo en segundos, por defecto es 0 (p.ej. example.com/page/?joinchat=5)
  • etiqueta de url #joinchat para mostrar la ventana de chat (p.ej. example.com/page/#joinchat)

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

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

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

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)

💱 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

🔕 Sin distracciones.

Joinchat se integra con los principales editores visuales y constructores de páginas y no se muestra al editar una página.

Editores compatibles: Beaver Builder, Brizy Page Builder, Elementor, Oxygen Builder, Page Builder by SiteOrigin, Visual Composer y WP Page Builder.

👨‍💻 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 Joinchat con fantásticas características:

🤖 ¡NUEVO!! Chat Funnels.

Embudos de conversión sencillos como un chatbot de mensajería. Crea embudos de captura, cualificación o soporte de clientes potenciales simulando conversaciones con un chatbot.

🤹🏻‍♂️ Crea agentes de soporte.

Botones de contacto para cada agente con horario de disponibilidad. Gestiona múltiples cuentas de WhatsApp con su nombre, departamento y horario de trabajo. Tus visitantes podrán contactar al agente que elijan y saber cuánto tiempo falta para que los agentes estén disponibles.

🎲 Random Phone.

Un botón de contacto con múltiples números de WhatsApp. Evita colapsar tu chat de soporte, preventa o pedidos. Añade tantos números de WhatsApp como personal de soporte o ventas tengas. Tus clientes accederán aleatoriamente a cada uno de ellos distribuyendo la carga de trabajo de manera uniforme.

📡 OmniChannel.

Añade más canales de contacto. Te permite añadir más canales de contacto (de entre más de 10 aplicaciones) además de WhatsApp. Ahora puedes añadir Telegram, Facebook Messenger, Tiktok, Snapchat, SMS, llamadas telefónicas, Skype, FaceTime y más.

🥁 Llamadas a la acción convincentes.

Mejora tus llamadas a la acción. Crea contenido más atractivo en la ventana de chat para mejorar la conversión. Añade enlaces, vídeos, imágenes, GIF animados, botones o incluso contenido incrustado de otras plataformas como Calendly, encuestas, formularios…

👉 Actualiza Joinchat ahora

🧪 Prueba Joinchat

Quieres probar la configuración y ajustes de Joinchat en el panel de WordPress sin instalarlo? Puedes hacerlo desde la demo de WordPress al vuelo

🎨 «Business Chat» es nuestro tema de WordPress recomendado

Business Chat es un tema de WordPress versátil diseñado para empresas que buscan una presencia online profesional. Ofrece un diseño adaptativo, con herramientas SEO integradas, amplias opciones de personalización y una integración de chat a través de Joinchat. Es compatible con los constructores y maquetadores de páginas más populares y está respaldado por un servicio de atención al cliente personalizado. También es la solución definitiva para un sitio web empresarial de alto rendimiento y es fácil de usar.

Business Chat ofrece una versión gratuita y otra premium, para empresas con diferentes necesidades y distintos presupuestos. Esta flexibilidad la convierte en la opción ideal para aquellas compañías que buscan una solución completa y versátil para establecer su presencia online.

⌁ 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. Visita nuestro blog y encuentra consejos y trucos en join.chat.
  4. Sigue a @joinchatnow en twitter. ¡Únete al chat ahora!

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

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

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

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

Integración con Google Analytics

Joinchat 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 tu sitio no tiene nombres estándar para la capa de datos (‘dataLayer’) puedes establecer tus nombres personalizados con este filtro PHP. También puedes establecer un nombre de evento diferente para GA4:

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

Joinchat 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

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

Joinchat no usa cookies y no recopila datos personales.

Joinchat 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

19 de diciembre de 2023 1 respuesta
Everything is good—easy to set up and helpful
30 de octubre de 2023 1 respuesta
Estoy completamente sorprendido de la calidad. Me ha resultado muy útil y funciona a la perfección. 5 estrellas porque no hay más
25 de septiembre de 2023
The best plugin I've ever used and the support team are very helpful. Helping me alot on my website development.Thanks alot Joinchat!!!
Leer todas las 181 reseñas

Colaboradores y desarrolladores

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

Colaboradores

«Joinchat» está traducido en 10 idiomas. 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

5.0.17

  • CORRECCIÓN: Etiqueta fuerte no escapada.
  • CORRECCIÓN: SVG borrosos en Chrome en Mac.
  • CAMBIO Mejora la secuencia de comandos en cola si se anula el registro de jQuery.

5.0.16

  • NUEVO: Detecta los editores Bricks Builder & Divi.
  • CAMBIO: Elimindo el antiguo evento de Universal Analytics.

5.0.15

5.0.14

  • Es necesario actualizar WordPress al menos a la versión 4.9.0.
  • SECURE Escape de traducciones (gracias a @davidperez en #WCMAD).

5.0.13

  • CORRECCIÓN SVGs no cerrados.
  • CAMBIO: Mejoras de estilos menores en el front.

5.0.12

  • CHANGE RTL languages show message bubble peak on right.
  • FIX Clean new lines to ensure «\n» format.
  • FIX False positive on un unmarked checkbox settings on first save.
  • NUEVO: Añadido cupón de descuento Premium a los ajustes de Joinchat

5.0.11

  • FIX Update inline CSS minifier.
  • CHANGE Custom CSS not prefill example CSS by default.

5.0.10

  • FIX load customs CSS when use button only styles.
  • CHANGE small optimization, no need jquery-migrate.

5.0.9

  • FIX Term custom Joinchat settings not saved (introduced on v5.0).
  • NEW Prevent WP Rocket remove Joinchat styles.

5.0.8

  • CAMBIO: Probado hasta WordPress 6.3.
  • NEW for developers: added filter ‘joinchat_enqueue_qr’.

5.0.7

  • NEW Added url triggers hash #joinchat or query param ?joinchat.
  • FIX PHP warning «$script undefinned».

5.0.6

  • Fix onboard undefined submenu error.

5.0.5

  • CORRECCIÓN función sprintf() mal formada.

5.0.4

  • CORRECCIÓN error fatal al faltar la clase JoinchatUtil.
  • CORRECCIÓN vista previa CSS personalizada.

5.0.2

  • CORRECCIÓN error de teléfono a bordo con scripts minificados.
  • ACTUALIZADO Biblioteca de entrada de teléfonos internacionales (18.1.8).

5.0.1

  • CORRECCIÓN constante indefinida en PHP < 8.

5.0.0

  • NUEVO: Panel de vista previa en vivo en la página de ajustes del wp-admin.
  • NUEVO: Página de puesta en marcha.
  • NUEVO Campo avanzado CSS personalizado.
  • NUEVO Se ha añadido la opción de borrar todos los datos de Joinchat al desinstalar.
  • NUEVO: Aviso multilingüe para informar sobre los ajustes en el idioma principal.
  • CAMBIO Reemplaza la biblioteca generador de QR (reduce 13.9kB, 4.8kB comprimido).
  • CAMBIO Optimizado, sólo carga las traducciones en las páginas de administración.
  • CAMBIO Mejores estilos cuando chatbox tiene scroll.
  • ACTUALIZADA librería «International Telephone Input» (18.1.6).
  • Rompe: Cambiados todos los nombres de clases PHP para seguir los WordPress Coding Standards.

Ver changelog.txt para registros de cambios anteriores