Blog

Cómo añadir un botón de WhatsApp a Shopify

Última fecha de actualización: 
Cómo añadir un botón de WhatsApp a Shopify

Si vendes en Shopify, tus compradores podrían tener preguntas de última hora justo antes de proceder al pago. Quizás quieran saber si una chaqueta se ajusta a su talla real, cuándo llegaría su pedido o si una talla agotada volverá a estar disponible. Sin una forma de preguntar y recibir una respuesta rápida, podrían abandonar su carrito por completo.

Un botón flotante de WhatsApp en la esquina de su pantalla mientras navegan les permite saber que están a un toque de iniciar una conversación en una aplicación que ya usan a diario. No hay ningún formulario que rellenar ni ninguna cuenta nueva que crear, lo que significa que un comprador que se habría marchado con una pregunta sin responder puede obtener una respuesta que se convierte en una venta.

Shopify no incluye un botón nativo de WhatsApp; su opción de mensajería integrada, Shopify Inbox, envía las conversaciones a través del propio chat de Shopify en lugar de WhatsApp. Y aunque puedes pegar un simple enlace wa.me en una página de contacto, un enlace de texto no sigue a los compradores mientras navegan, ni parece una invitación clara para chatear.

Así que, si eres un comerciante o dropshipper de Shopify que quiere responder las preguntas de los clientes al instante a través de una interfaz de chat acogedora, esta guía cubre formas de añadir un botón de WhatsApp a Shopify como una app premium de terceros, o usar un widget sin servidor gratuito y ligero que mantiene los costos bajos y la velocidad del sitio alta.

Opción 1: Instalar una integración dedicada de la Shopify App Store

La forma habitual de añadir un botón de chat flotante a Shopify es a través de la Shopify App Store, donde decenas de apps de chat de WhatsApp compiten por el mismo trabajo. Instalas una, conectas tu número y configuras el botón desde el propio panel de la app.

Para añadir un botón de WhatsApp a Shopify usando una integración de la App Store, sigue estos pasos:

Shopify admin search showing the Chaty app
  1. Encuentra e instala una app: Desde tu panel de administración de Shopify, haz clic en Apps en la navegación izquierda y aparecerá una ventana emergente de la Shopify App Store. Busca la app de botón de chat que desees. Haz clic en Instalar, revisa el acceso a datos que la app solicita en la pantalla de autorización y confirma.
Chaty widget customization settings in Shopify
  1. Configura tu botón: En el panel de la app, introduce tu número de WhatsApp, escribe el texto de tu llamada a la acción y establece el color y la posición del botón en la pantalla. La mayoría de las apps también te permiten elegir si aparece en escritorio, móvil o ambos.
AAAAA
  1. Actívalo en tu tema: Ve a Tienda online y selecciona Temas para abrir tu tema activo en el editor. Haz clic en el icono de inserciones de apps junto al icono de configuración del tema en la parte superior de la barra lateral izquierda, busca tu app en la lista, actívala y guarda.

Lo que significa “plan gratuito disponible” varía ampliamente entre estas apps. El nivel gratuito de Chaty te limita a 500 visitantes al mes, con planes de pago que comienzan en 15 $ al mes para 10 000. MyShop incluye “nombre de marca oculto” como una función de pago, lo que significa que la versión gratuita muestra la marca de la app en tu escaparate. El patrón se repite en toda la categoría, donde el botón es gratuito hasta que necesitas que maneje tráfico real o que parezca que pertenece a tu tienda.

Cada app es también una instalación completa en tu tienda, con sus propios scripts, permisos y panel que gestionar. Para un botón cuyo único propósito es abrir una conversación de WhatsApp, eso es mucha infraestructura, razón por la cual podrías buscar una alternativa de chat de WhatsApp para Shopify que puedas insertar tú mismo.

Opción 2: Añadir un widget de WhatsApp gratuito y personalizable (recomendado)

Si prefieres no instalar una app ni pagar una cuota mensual por un botón, un widget de chat de WhatsApp alojado para Shopify hace el mismo trabajo con un código de inserción. Lo configuras en un creador visual, copias el código y lo pegas en un bloque de Liquid personalizado en tu editor de temas, así no se instala nada en tu tienda y no hay un panel separado que gestionar.

El widget de WhatsApp de Jotform se conecta a tu número y muestra un botón flotante con una vista previa del chat. Los visitantes ven el nombre de tu agente, el mensaje de bienvenida y la llamada a la acción antes de pasar a WhatsApp, y puedes rellenar previamente un mensaje predeterminado o dejar que escriban primero una pregunta breve, para que tu equipo tenga contexto antes de que comience la conversación.

Para añadir un botón de WhatsApp a tu tienda de Shopify con un widget, sigue estos pasos:

Jotform Website Widget search showing WhatsApp Chat and Social Share options
  1. Crea el widget: En tu página de Jotform Workspace, haz clic en Crear, selecciona Widget de sitio web, busca WhatsApp Chat y luego haz clic en Usar widget. 
Jotform WhatsApp Chat widget settings with chat preview and messaging options
  1. Conecta tu contacto de WhatsApp: En la pestaña General, introduce tu número de teléfono en formato internacional completo, o añade una URL de wa.me, api.whatsapp.com o wa.link. Añade un mensaje predeterminado si quieres que los visitantes comiencen con contexto.
Jotform WhatsApp Chat layout settings with widget position and sizing controls
  1. Personalízalo y colócalo: En la pestaña General, completa el Nombre del agente, el Mensaje de bienvenida y la Etiqueta de la burbuja. Luego cambia a la pestaña Diseño para establecer la posición flotante, el tamaño del botón y si el botón debe aparecer en escritorio, móvil o ambos.
Jotform WhatsApp Chat publish screen showing embed code and Copy Code button
  1. Publica e inserta el código de WhatsApp para Shopify: Haz clic en Publicar en la barra de navegación superior y luego en Copiar código en la sección de Inserción. El menú de Plataformas también tiene una opción de inserción específica para Shopify.
Shopify theme editor showing an embedded WhatsApp chat widget on the storefront
  1. Añádelo a Shopify: En tu editor de temas, haz clic en Añadir sección, elige Liquid personalizado, pega tu código de inserción y guarda. Añadirlo a tu encabezado o pie de página hace que el botón aparezca en todas las páginas en lugar de solo en una.

Debido a que el widget se personaliza en Jotform en lugar de instalarse en tu tienda, cambiar tu saludo o el color del botón significa editar el widget en vez de actualizar un plan para desbloquear un selector de color. Funciona en escritorio y móvil, y el plan Starter gratuito de Jotform cubre ambos, incluyendo la opción de ocultar la marca de Jotform.

Pro Tip

Este es un botón de clic para chatear, no un sistema de mensajería. Las conversaciones ocurren en el propio WhatsApp, así que si necesitas respuestas automatizadas o gestión de pedidos, la integración de Jotform con Shopify y la app de Chatbot de IA de Jotform son las herramientas para ello.

Potencia tu tienda de Shopify con widgets inteligentes y sin servidor

Un botón de WhatsApp gratuito para Shopify es uno de los varios widgets que puedes añadir a un escaparate sin tener que aceptar otra cuota mensual de app. El directorio de widgets gratuitos para sitios web de Jotform tiene más de 150 opciones. Si algunos de tus clientes prefieren una app de mensajería diferente, hay widgets de chat de Telegram y Viber que funcionan de la misma manera, lo cual es importante si vendes en mercados donde esas son las opciones predeterminadas.Un widget de Centro de ayuda responde las preguntas recurrentes antes de que alguien necesite enviarte un mensaje, y un Botón de compra lleva a los compradores directamente a una URL de producto, carrito o pago desde una página de destino.

Cada uno se inserta de la misma manera que el botón de WhatsApp, así que no estás añadiendo una suscripción de app cada vez que quieres una función sencilla en tu tienda.

Como marca de comercio electrónico, tu presupuesto debería destinarse a adquirir clientes y abastecerte de productos, no a una cuota mensual por mostrar un botón de chat. El widget de WhatsApp te ofrece un canal de soporte fuera del servidor que tus clientes ya saben usar, con un plan que no te cuesta nada.

Este artículo es para propietarios de tiendas Shopify, comerciantes de comercio electrónico y dropshippers que quieren ofrecer soporte al cliente instantáneo y captar clientes potenciales a través de WhatsApp sin pagar suscripciones mensuales de apps ni ralentizar su tienda.

Enviar Comentario:

Jotform Avatar
Este sitio está protegido por reCAPTCHA y lo rigen la Política de privacidad de Google y los Términos de servicio.

Podo Comment Sea el primero en comentar.