Configurando Joinchat

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.

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

A nivel general

En el menú lateral de WordPress, ve a la opción Ajustes > Joinchat.  En la pestaña General podrás configurar los valores básicos para el plugin:

Botón. Establece el número de contacto y dónde y cómo quieres que se muestre el botón de WhatsApp.

1. Teléfono. Número de teléfono de contacto (Si has comprado Random Phone Add-on podrás añadir multiples números de teléfono, consulta la documentación del Add-on). Elige la bandera del país y escribe el número de teléfono. Probar número. Haga clic en este botón y compruebe que todo funciona correctamente.
2. Mensaje. Texto predefinido del primer mensaje que envía el usuario por WhatsApp. Puedes usar las variables {SITE} {URL} {TITLE}. Por ejemplo: Hola estaba viendo {TITLE} y necesito…
3. Posición en pantalla. Puedes elegir entre Izquierda y Derecha.
4. Imagen. Imagen que sustituye al icono que hay por defecto. 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.
5. Tooltip. Texto breve que se muestra junto al botón de WhatsApp. Por ejemplo. 💬¿Necesitas ayuda?
6. Retardo del botón. Tiempo desde que se abre la página hasta que se muestra el botón de WhatsApp. Valor establecido en segundos.
7. Solo móvil. (Activación / Desactivación) para Solo mostrar el botón en móviles.
8. WhatsApp Web. (Activación / Desactivación) para abrir directamente WhatsApp Web en el escritorio.
9. Código QR. (Activación / Desactivación) para ofrecer 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 instantanea. Para mostrar el código solo hay que pasar el puntero del ratón sobre el botón y esperar un instante.
   

Ventana de chat. Si defines una «Llamada a la acción» se mostrará una ventana simulando un chat antes de iniciar WhatsApp. Puedes presentarte, ofrecer ayuda o incluso hacer promociones a tus usuarios.

1. 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 👋 Dime, ¿En qué puedo ayudarte?(Si has comprado CTA Extras Add-on podrás añadir vídeos, imágenes, GIFs animados y mucho más, consulta la documentación del Add-on)
2. Botón de inicio de WhatsApp. Texto del botón de inicio de WhatsApp en la ventana de chat. Por ejemplo: Iniciar Chat
3. Color del tema. Elige el color que tú desees de la paleta de colores o escríbelo en código hexadecimal.
4. 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.
5. Logo. Puedes elegir entre mostrar el logotipo de Joinchat, WhatsApp, o un texto personalizado.
   🚧  Desde la versión 4.1 de Joinchat las opciones para personalizar la cabecera vienen por defecto en el plugin gratuito.
6. Retardo del chat. Tiempo en segundos (0 desactivado) para que la ventana de chat se muestre automáticamente tras el retardo. El retardo se inicia tan pronto esté cargada la página.
7. Visitas. Número de visitas a la página a partir de la cual la ventana de chat se muestra automáticamente. Indicado para evitar la confluencia de Joinchat con el aviso de cookies y ventanas modales popup.
8. Globo de aviso. (Activación / Desactivación) muestra un globo de aviso 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.

👉Ve a la pestaña Visibilidad para establecer los ajustes de 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:

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.

• 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
• — Mi cuenta. Opciones: Visible / No visible / Heredar

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

A nivel de página

1. Para modificar los ajustes generales en una página o entrada especifica, 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.

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.

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

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

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.

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.
   

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

Avanzado

En la pestaña Avanzado podrás configurar algunas características especiales:

1. Opt-in. Se 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 o Política de uso. Para más información lee detenidamente las directrices oficiales de WhatsApp. Opt-in obligatorio. 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.
2. Conversiones. Desde aquí puedes agregar la etiqueta de conversión de Google ads, de forma que se enviará automáticamente al iniciar el chat.