Documentación para WAme chat plugin

Tabla de contenido

Introducción

¿Qué es WAme chat?

Es un plugin gratuito para WordPress que permite conectar en un clic las páginas de un sitio web con el perfil de WhatsApp de los diferentes agentes de soporte del proyecto web.

¿Por qué WAme chat?

  • Es muy simple e intuitivo de usar por parte de usuarios y sencillo de instalar por agentes de soporte (menos de 2 minutos).
  • Mejora la asistencia y soporte por WhatsApp entre proveedores y usuarios/clientes.
  • Aumenta la tasa de conversión. Atrae la atención directa impactando de forma no intrusiva.

Requerimientos del sistema

Para conseguir la mejor experiencia con la última actualización disponible de WAme, sugerimos lo siguiente:

  • Versión de PHP: 5.3 o superior.
  • Compatible con la versión de WordPress 3.0.1 o superior.
  • Probado hasta la versión: 5.3.2.

Esta documentación asume que ya has instalado WordPress en tu sitio web.


Instalando WAme chat

Gracias por elegir nuestro plugin. Este documento te guiará a través del proceso completo de instalación en tu sitio de WordPress.

– Opción 1. Descargando el archivo ZIP

  1. Descarga WAme chat WP Plugin, de forma gratuita en el repositorio de WordPress desde este enlace.
  2. Dirígete al panel de control de WordPress y haz clic en Plugins > Agregar nuevo. Elige el archivo zip que acabas de descargar. Haz clic en Instalar y después en Activar.

– Opción 2. Desde el panel de control de WordPress

  1. Puedes instalar WAme chat WP Plugin, directamente desde el panel de control de WordPress.
  2. En el menú lateral izquierdo dirígete Plugins > Agregar nuevo. En el campo de búsqueda situado a la derecha, teclea “wame”. Busca nuestro plugin entre los resultados y haz clic en Instalar y después en Activar.

Configurar WAme chat

– Componentes

Para que comprendas bien como funciona WAme 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 > WAme chat.  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.
  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. Solo móvil. (Activación / Desactivación) para Solo mostrar el botón en móviles.
  4. Posición en pantalla. Puedes elegir entre Izquierda y Derecha.
  5. Imagen. Imagen que sustituye al icono que hay por defecto. La nueva imagen se alternará con el logotipo de WAme chat. Admite archivos, JPG, PNG, GIF (incluso animados). Haz clic en el botón Selecciona imagen y selecciona una imagen de botón de tu biblioteca de medios.
  6. Tooltip. Texto breve que se muestra junto al botón de WhatsApp. Por ejemplo. 💬¿Necesitas ayuda?
  7. 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.
  8. WhatsApp Web. (Activación / Desactivación) para abrir directamente WhatsApp Web en el escritorio.

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. 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 que visita el usuario: {SITE} (WAme.chat), {URL} (https://wame.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. Retardo del chat. Tiempo en segundos (0 desactivado) para que la ventana de chat se muestre automáticamente tras el retardo.
  4. 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».
  5. 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.

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

👉Ve a la pestaña Avanzado 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.

  • En función de tu contenido. 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 WAme chat donde podrás modificar el Teléfono, así como la Llamada a la acción, el Mensaje y las opciones de visualización de WAme para esta página o entrada en concreto.
  3. Finalmente haz clic en Actualizar.

– WooCommerce

Si tienes instalado el plugin de WooCommerce puedes configurar WAme también en tu tienda.

👉Ve a la pestaña Avanzado para establecer los ajustes de visibilidad y configurar en que partes de tu tienda aparecerá WAme:

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

👉Ve a la pestaña WooCommerce para establecer los valores básicos de tu tienda:

Ventana de chat de producto. Puedes definir otros textos diferentes para la ventana de chat en 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} (Porcentaje de descuento).
    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.


Comportamiento

El plugin dispone de una serie de comportamientos en una situación determinada o en general.

Botón

  • CONDICIONES:
    • «Teléfono» definido
    • «Visibilidad» establecida como ‘mostrar’
  • COMPORTAMIENTO:
    • El botón aparece siempre después de los X segundos de «Retardo del botón».

Tooltip

  • CONDICIONES:
    • «Tooltip» definido
    • No se va a mostrar automáticamente la Ventana de Chat
  • COMPORTAMIENTO:
    • Se muestra siempre.
    • El tooltip no se vuelve a mostrar si lo hemos descartado (lanzar WhastApp o cerrar la Ventana de Chat).

Ventana de Chat

  • CONDICIONES:
    • «Llamada a la acción» definida
    • «Retardo del chat» mayor que cero
    • «Globo de aviso» desmarcada
  • COMPORTAMIENTO:
    • A partir de la segunda visita se muestra la Ventana de Chat después de los X segundos de «Retardo del chat».
    • La Ventana de Chat no se vuelve a mostrar si la hemos descartado (lanzar WhastApp o cerrar la Ventana de Chat).

Globo de aviso

  • CONDICIONES:
    • «Llamada a la acción» definida
    • «Retardo del chat» mayor que cero
    • «Globo de aviso» marcada
  • COMPORTAMIENTO:
    • Se muestra siempre después de los X segundos de «Retardo del chat».
    • El globo no se vuelve a mostrar si lo hemos descartado (lanzar WhastApp o cerrar la Ventana de Chat).

NOTA: Cada Llamada a la acción (CTA) se descarta independientemente, es decir, si en una página hay un CTA distinto, el Tooltip, Ventana de Chat o Globo, según proceda, se mostrará.