fbpx

Configurando Joinchat

Onboarding

A trav茅s del asistente puedes realizar la primera configuraci贸n b谩sica. Gracias a la gu铆a paso a paso, en apenas unos segundos tendr谩s listo Joinchat para empezar a funcionar. Recuerda, que en todo momento puedes salir del proceso e ir directamente a los ajustes.

Componentes

Para que comprendas bien c贸mo funciona Joinchat queremos mostrarte un esquema de todos los elementos que componen nuestro plugin, as铆 sabr谩s a que nos referimos en cada momento.

cabecera
  1. Bot贸n flotante
  2. Globo de aviso
  3. Tooltip
  4. Ventana de chat
  5. Llamada a la acci贸n (CTA)
  6. Bot贸n de inicio de WhatsApp
  7. Cabecera

Pesta帽a General

Puedes realizar la configuraci贸n completa de Joinchat desde el men煤 lateral de WordPress, ve a la opci贸n Joinchat > Ajustes. Aparecen varias pesta帽as, la primera es General.

menu joinchat wordpress 1
barra ajustes generales

Recuerda que dispones de una Vista previa (a la derecha de la pantalla) que de forma preliminar muestra el comportamiento del plugin como si ya estuviera implementado en tu sitio web.

Bot贸n

Establece el n煤mero de contacto y la apariencia del bot贸n de WhatsApp.

  • Tel茅fono. Es el n煤mero de contacto de WhatsApp. Define el prefijo usando las banderas internacionales de los pa铆ses. Probar n煤mero. Haga clic en este bot贸n y comprueba que todo funciona correctamente. El bot贸n no se mostrar谩 si est谩 vac铆o este campo
  • Mensaje. Texto predefinido para el primer mensaje que te enviar谩 el usuario. Escribe el texto con el que atraer谩s e impactar谩s a nivel general a tus visitantes y usuarios. Puedes usar las variables din谩micas {SITE} {TITLE} {URL} {HREF}. Dispone de un texto predefefinido por defecto que puedes modificar editando o haciendo doble click en la caja de texto. Por ejemplo: Hola {SITE}. Necesito m谩s informaci贸n sobre {TITLE} {URL}
  • Imagen. Imagen que sustituye al icono que hay por defecto. La imagen se alternar谩 con el icono del bot贸n. La nueva imagen se alternar谩 con el logotipo de Joinchat. Admite archivos, JPG, PNG, GIF (incluso animados). Haz clic en el bot贸n Selecciona imagen y elige una imagen de bot贸n de tu biblioteca de medios.
  • Informaci贸n emergente. Texto breve que se muestra junto al bot贸n. Ese tooltip puede ser editado escribiendo otra cosa o tambi茅n modificado haciendo doble click en la caja de texto. Por ejemplo: 馃挰驴Necesitas ayuda?
  • Posici贸n en pantalla. Elige entre derecha o izquierda la ubicaci贸n del bot贸n flotante
  • Retardo del bot贸n. Tiempo desde que se abre la p谩gina hasta que se muestra el bot贸n de WhatsApp. Pon (-1) para mostrar directamente sin animaci贸n. Valor establecido en segundos
  • S贸lo m贸vil. Activa la casilla para s贸lo mostrar el bot贸n en m贸viles. Por defecto se muestra a la vez tanto para versiones de dispositivos de escritorio y m贸vil
  • WhatsApp Web. Activa la casilla para abrir directamente WhatsApp Web en el escritorio. Por defecto abre la aplicaci贸n de WhatsApp
  • C贸digo QR. Activa la casilla para mostrar un c贸digo QR en la versi贸n de escritorio que permita escanear con el tel茅fono. Ofrece a los usuarios que est谩n visualizando la p谩gina web en escritorio un c贸digo QR alternativo al click, que puede ser escaneado desde el m贸vil. Esto facilita que las personas que no tienen ciertas aplicaciones instaladas en sus ordenadores de sobremesa, puedan lanzarlas desde el m贸vil de forma sencilla e instant谩nea. Para mostrar el c贸digo solo hay que pasar el puntero del rat贸n sobre el bot贸n y esperar un instante

qr joinchat

Ventana de chat

Si defines una 芦Llamada a la acci贸n禄 o CTA se mostrar谩 una ventana simulando un chat antes de iniciar WhatsApp. Puedes presentarte, ofrecer ayuda o incluso hacer promociones a tus usuarios.

  • Llamada a la acci贸n. En la ventana de chat puedes definir un texto (CTA) para animar a los usuarios a contactar por WhatsApp. Puedes escribir texto con estilos de formato como en WhatsApp: _cursiva_ *negrita* ~tachado~. Incluso utilizar iconos emoji y c贸digo ASCII. Puedes usar las variables din谩micas que ser谩n reemplazadas por los valores de la p谩gina que visita el usuario: {SITE} (Joinchat), {URL} (https://join.chat/example) {TITLE} (T铆tulo de p谩gina).
    Por ejemplo: Hola 馃憢 驴En qu茅 puedo ayudarte?
  • Texto del bot贸n. Texto del bot贸n de inicio de WhatsApp en la ventana de chat. Por ejemplo: Abrir Chat
  • Color del tema. Elige el color que t煤 desees de la paleta de colores o escr铆belo en c贸digo hexadecimal. Personalizar谩 el color del bot贸n flotante y de la ventana de chat
  • Modo oscuro. (Activaci贸n / Desactivaci贸n / Autom谩tico) Muestra la ventana de chat con una gama de colores oscuros. Si est谩 en autom谩tico detecta la configuraci贸n del modo oscuro del dispositivo
  • Cabecera. Puedes elegir entre mostrar Funciona gracias a Joinchat de Joinchat, WhatsApp o un texto personalizado que t煤 definas
  • Texto de opt-in. e trata del consentimiento de los usuarios para recibir mensajes de una empresa. Debes incluir un texto explicando el uso que dar谩s a los datos que vas a recopilar, incluyendo un enlace al Aviso legal, Protecci贸n de datos o Condiciones de uso. Para m谩s informaci贸n lee detenidamente las directrices oficiales de WhatsApp
  • Opt-in obligatorio. Activa la casilla si se requiere la aprobaci贸n del usuario para habilitar el bot贸n de contacto. Si marcas esta opci贸n el usuario estar谩 obligado a marcar una casilla de aceptaci贸n, ya que no se habilitar谩 la posibilidad de contacto sin este requisito y ning煤n usuario podr谩 iniciar el chat a no ser que haya marcado el Opt-in

Mostrar autom谩ticamente

Si se ha definido una 芦Llamada a la acci贸n禄, la ventana de chat se puede mostrar autom谩ticamente para captar la atenci贸n del usuario. Existen disparadores al hacer clic, al hacer scroll o puedes establecer un tel茅fono y un mensaje inicial personalizados.

  • Retardo del chat. La ventana de chat se muestra autom谩ticamente tras el retardo. Se establece el valor en segundos. Pon (0) si es para desactivar
  • Visitas. La ventana de chat se muestra autom谩ticamente a partir del n煤mero de visitas. Se establece como un valor absoluto.
  • Globo de aviso. Se activa la casilla para mostrar un globo de aviso de color rojo con una notificaci贸n en lugar de abrir la ventana de chat para un modo 芦menos intrusivo禄

Pulsa en el bot贸n Guardar cambios para establecer los nuevos valores indicados.

Pesta帽a Visibilidad

La segunda pesta帽a es Visibilidad. Aqu铆 puedes configurar en qu茅 p谩ginas ser谩 visible el bot贸n de WhatsApp. Pulsa en el enlace Restaurar visibilidad por defecto para regresar a los valores iniciales.

barra ajustes visibilidad

Global. Visible (Activado) / No visible (Desactivado)

  • P谩gina de inicio. Opciones: Visible / No visible / Heredar
  • P谩gina del blog. Opciones: Visible / No visible / Heredar
  • P谩gina 404. Opciones: Visible / No visible / Heredar
  • Resultados de b煤squeda. Opciones: Visible / No visible / Heredar
  • Archivo. Opciones: Visible / No visible / Heredar
    • 鈥 Archivos por fecha. Opciones: Visible / No visible / Heredar
    • 鈥 Archivos de autor. Opciones: Visible / No visible / Heredar
  • Simple. Opciones: Visible / No visible / Heredar
    • 鈥 P谩gina. Opciones: Visible / No visible / Heredar
    • 鈥 Entrada. Opciones: Visible / No visible / Heredar
  • Tipos de contenido personalizados. Opciones: Visible / No visible / Heredar
    • Reviews. Opciones: Visible / No visible / Heredar
    • Docs. Opciones: Visible / No visible / Heredar
    • Addons. Opciones: Visible / No visible / Heredar

Tipos de contenido personalizados

  • Portfolio. Opciones: Visible / No visible / Heredar

WooCommerce

  • Tienda. Opciones: Visible / No visible / Heredar
    • 鈥 P谩gina de producto. Opciones: Visible / No visible / Heredar
    • 鈥 Carrito. Opciones: Visible / No visible / Heredar
    • 鈥 Finalizar pago. Opciones: Visible / No visible / Heredar
    • 鈥 P谩gina de gracias. Opciones: Visible / No visible / Heredar
    • 鈥 Mi cuenta. Opciones: Visible / No visible / Heredar

Pulsa en el bot贸n Guardar cambios para establecer los nuevos valores indicados.

Pesta帽a Avanzado

En la tercera pesta帽a de ajustes Avanzados dispones de:

barra ajustes avanzado 1
  • Conversi贸n de Google Ads. Crea tu conversi贸n en Google Ads y a帽ade el Identificador de la conversi贸n y la Etiqueta de conversi贸n. A partir de entonces, Joinchat enviar谩 la conversi贸n autom谩ticamente al iniciar el chat
conversion google ads
  • CSS personalizado. A帽ade aqu铆 tu propio c贸digo CSS para personalizar la apariencia de Joinchat Puedes encontrar ejemplos y m谩s trucos aqu铆
css personalizado avanzado
  • Borrar al desinstalar. Marca la casilla y se eliminar谩n todos los ajustes de Joinchat

Pulsa en el bot贸n Guardar cambios para establecer los nuevos valores indicados.

Pesta帽a WooCommerce

Si tienes instalado el plugin de WooCommerce puedes configurar Joinchat tambi茅n en tu tienda.

馃憠 Ve a la pesta帽a WooCommerce para establecer los ajustes en las Llamadas a la acci贸n para productos y para productos en oferta, as铆 como para los mensajes para productos. As铆 conseguir谩s ahorrar mucho tiempo y ser m谩s productivo usando variables (recuerda que puedes definir textos espec铆ficos en cada p谩gina de producto).

barra ajustes woocommerce

Ventana de chat de producto. Puedes definir otros textos generales diferentes para las p谩ginas de producto.

  1. Llamada a la acci贸n para productos. Ventana de CTA que define un texto para animar a los usuarios a contactar por WhatsApp. Puedes escribir texto con estilos de formato como en WhatsApp: _cursiva_ *negrita* ~tachado~. Incluso utilizar iconos emoji y c贸digo ASCII. Puedes usar las variables din谩micas que ser谩n reemplazadas por los valores de la p谩gina de producto que visita el usuario: {PRODUCT} (Nombre del producto), {SKU} (ABC98798) {PRICE} (Precio del producto).
    Por ejemplo: 隆Este *{PRODUCT}* puede ser tuyo por solo *{PRICE}*!
  2. Llamada a la acci贸n para productos en oferta. Es igual que el caso anterior, pero solo funcionar谩 en los productos en oferta. Puedes usar las variables din谩micas que ser谩n reemplazadas por los valores de la p谩gina de producto que visita el usuario: {REGULAR} (Precio normal), {PRICE} (Precio rebajado), {DISCOUNT} (Descuento porcentual).
    Por ejemplo: 隆Ahorra *{DISCOUNT}* en *{PRODUCT}*. Puede ser tuyo por tan solo ~{REGULAR}~ *{PRICE}*
  3. Mensaje para productos. Texto predefinido del primer mensaje que env铆a el usuario por WhatsApp. Puedes usar las variables {SITE} {URL} {TITLE}. Por ejemplo: Hola {SITE}. Tengo una pregunta sobre {PRODUCT} - {SKU}

Pulsa en el bot贸n Guardar cambios para establecer los nuevos valores indicados.

Bot贸n de producto. Puedes A帽adir un bot贸n de contacto en las fichas de producto de tu tienda.

barra ajustes woocommerce boton de producto
  1. Selecciona la Posici贸n del bot贸n que prefieras, 芦No mostrar禄 mantiene desactivado el bot贸n. Cualquiera de las otras opciones mostrar谩 un bot贸n verde de WhatsApp, el texto de dicho bot贸n debes definirlo en el campo Texto del bot贸n
barra ajustes woocommerce texto del boton

P谩ginas de tienda, carrito y pago. Puedes modificar los ajustes de Joinchat para estas p谩ginas editando el Metabox de Joinchat en cada una de ellas (como en la secci贸n anterior 芦A nivel de p谩gina芦)

Edici贸n a nivel de p谩gina

  1. Para modificar los ajustes espec铆ficos en una p谩gina o entrada concreta, dir铆gete a dicha p谩gina y ed铆tala
  2. En el lateral derecho encontrar谩s el Metabox de Joinchat donde podr谩s modificar el Tel茅fono, as铆 como la Llamada a la acci贸n, el Mensaje y las Opciones de visualizaci贸n de Joinchat para esa publicaci贸n en concreto
  3. Finalmente haz clic en Actualizar
Configura y personaliza Joinchat en el metabox del lateral derecho de cualquier Entrada, P谩gina, Producto o Custom Post Type, P谩gina de categor铆as y etiquetas, editando la publicaci贸n en el panel de control.

Edici贸n a nivel de categor铆a o etiqueta

  1. Para modificar los ajustes generales en la p谩gina de archivo de una categor铆a o etiqueta, dir铆gete a su listado y ed铆tala
  2. En el formulario encontrar谩s la secci贸n de Joinchat donde podr谩s modificar el Tel茅fono, as铆 como la Llamada a la acci贸n, el Mensaje y las Opciones de visualizaci贸n de Joinchat para esa categor铆a o etiqueta en concreto
  3. Finalmente haz clic en Actualizar
pagina de etiquetas
Personaliza Joinchat en la configuraci贸n de cada p谩gina de etiquetas o categor铆as, edit谩ndolas en el panel de control

Por defecto, Joinchat puede personalizarse en las taxonom铆as de etiqueta y categor铆a del blog y de productos de WooCommerce. Con el filtro 'joinchat_taxonomies_meta_box' se pueden a帽adir otras 芦Custom Taxonomies禄.

Contenido

Versi贸n gratuita

Snippets

Versi贸n Premium

Chat Funnel

En esta secci贸n

馃崻 Utilizamos cookies para mejorar tu experiencia. Visita nuestra Pol铆tica de Privacidad para saber m谩s.

AL UTILIZAR NUESTRA WEB, ACEPTAS EL USO DE COOKIES.