Cómo añadir un chat en vivo a Shopify – Userlike y Shopify
Convierte las conversaciones instantáneas en clientes valiosos. Con el chat en vivo, puedes conectar con tus visitantes en tiempo real y directamente desde tu sitio de Shopify.
Transcripción del vídeo
En este vídeo te mostraremos los pasos para añadir un canal de chat en vivo a tu tienda online de Shopify. Con el chat, conseguirás que más personas entren en tu embudo de ventas, pues puedes aclarar las consultas de tus clientes en una etapa más temprana, lo que se traduce en clientes más felices y mayores conversiones.
Añadir un chat en vivo a Shopify es muy sencillo con Userlike . Sigue los 3 pasos a continuación y estarás operando en tan sólo unos minutos.
Userlike es el software de chat en vivo líder en Alemania , en el que confían empresas como BMW y Lufthansa para su comunicación con los clientes.
Dispone de muchas ventajas, como una versión gratuita muy completa que ofrece chats ilimitados y todas las funciones necesarias para la asistencia de chat en vivo con una empresa pequeña. Para las empresas medianas y grandes, los planes premium ofrecen muchas características avanzadas como la personalización, el enrutamiento inteligente y las integraciones con aplicaciones de mensajería como WhatsApp y otras.
1
Crea una cuenta de Userlike
Imaginemos que tenemos una tienda pequeña de Shopify, por lo que por ahora el paquete gratuito es suficiente para nosotros.
El primer paso será crear una nueva cuenta gratuita. No es necesario añadir información de facturación. Al registrarse en Userlike, comenzarás con una prueba gratuita de 14 días que te permite experimentar las características del plan premium. Después de la prueba, tu cuenta cambiará automáticamente al plan gratuito. Así que puedes probarlo todo sin ningún tipo de riesgo.
2
Adapta el botón de chat a tu marca
Después de crear una cuenta, te encontrarás en el Dashboard de Userlike (panel de control), el lugar central para configurar todos las opciones del chat.
Antes de añadir el chat en vivo a tu sitio web, es probable que quieras adaptar la apariencia y el comportamiento del botón de forma deseada. Por lo tanto, veamos rápidamente las configuraciones básicas.
Primero, tendremos que crear un perfil de operador , el agente que atenderá el chat. Recomendamos subir una foto, ya que siempre es bueno darle una cara a un nombre.
Ahora, echémosle un vistazo al Website Messenger. Esta es la ventana de chat que verán tus clientes en tu sitio y que utilizarán para ponerse en contacto contigo.
¿Quieres mejorar la relación con tus clientes?
Prueba Userlike gratis y chatea con tus clientes en tu sitio web, WhatsApp, Facebook Messenger, SMS y Telegram.
Leer másEstoy seguro que ya has invertido mucho tiempo en el diseño de tu hermosa tienda de Shopify. Obviamente, queremos que el mensajero nuevo también encaje perfectamente. Ajusta los colores y los textos para adaptar el chat a tu estilo . Puedes ver los cambios en una pequeña vista previa al lado.
Además, puedes personalizar los textos del mensajero. Los textos por defecto ya se adaptan bien a nuestro ejemplo, porque tienen un tono agradable y positivo, sin embargo, cambiaré el emoji :)
Eso es todo para empezar. Siempre podrás volver y optimizar la configuración. Pero por ahora, ¡estás listo para añadirlo al sitio!
3
Integra el mensajero en tu sitio de Shopify
En este último paso, nos dirigiremos a la pestaña “Instalar” en la configuración del Widget dentro de Userlike. Aquí verás el código javascript personalizado. Parece algo técnico, pero no te preocupes, es muy sencillo.
Simplemente tienes que copiar el código e ir a tu página de Shopify.
- Inicia sesión en tu cuenta de Shopify.
- En la pantalla de inicio, dirígete a "Tienda online" (Online Store en Inglés) en el menú de la izquierda "Canales de venta" (Sales Channels) .
- Haz clic en "Acciones" (Actions) y selecciona "Editar código" (Edit Code) en el menú desplegable.
- Selecciona la plantilla "theme.liquid" de la carpeta de diseño y ve a la parte baja del editor. Esto una vez más parece más complicado de lo que realmente es.
- Pega aquí el código javascript de Userlike que habías copiado antes. Pégalo justo antes de la etiqueta de cierre "body", guarda los cambios y...
...¡Ya está! El chat en vivo de Userlike está ahora integrado y visible en tu sitio de Shopify.
Para empezar a chatear con tus visitantes, entra en el Message Center de Userlike, tu centro de mensajería, y ponte en línea!
Integrar el chat en tu sitio web es el primer paso (y el más importante) para comenzar con el soporte de chat en vivo.
Para más consejos y mejores prácticas sobre cómo trabajar con Userlike, échale un vistazo a nuestro tour del producto..
Si tienes alguna pregunta, ponte en contacto directamente con nosotros vía chat en nuestro sitio web, estaremos encantados de ayudarte.
