Acerca del plugin del botón flotante de WhatsApp
¿Quieres ampliar la funcionalidad de tu sitio web añadiendo un botón flotante de WhatsApp, pero no sabes cómo hacerlo? Aquí algunas soluciones listas pueden ayudarte, por ejemplo, un plugin que se puede incrustar en el código HTML de cualquier sitio web, desde WordPress y Squarespace hasta Shopify y Wix. Y podemos compartir esta solución contigo. Estamos hablando del botón flotante de WhatsApp de Elfsight. Con la ayuda del plugin, puedes crear fácilmente una ventana de chat para cualquier propósito en tu sitio web.
- Comienza eligiendo una plantilla adecuada para el chat.
- Conecta tu perfil y personaliza la caja de chat.
- Obtén el código de tu widget de chat de WhatsApp.
- Incrusta el código en tu sitio web.
¡Crea tu botón flotante de WhatsApp aquí mismo en unos pocos clics!
Agregar botón flotante de WhatsApp al código HTML del sitio web
Puedes crear fácilmente un botón flotante de WhatsApp en unos pocos clics para añadir al código HTML de tu sitio web. HTML está ahí para ayudarte a crear un sitio web con cualquier objetivo. Y si crear el sitio no es tan difícil, agregar algunos elementos adicionales como un botón flotante puede requerir la ayuda de soluciones de terceros. Esto se puede hacer fácilmente con nuestro configurador fácil de usar. Veamos cómo puedes hacerlo.
- Crea una cuenta en Elfsight Apps e inicia sesión en el panel de administración.
- Elige la plantilla flotante en el configurador y personalízala.
- Guarda tu botón de chat flotante.
- Copia el código de instalación que aparecerá en el popup.
- Incrusta el código del plugin en el lugar deseado de tu sitio web.
¿Verdad que fue bastante fácil? Ahora, si deseas una guía más visual sobre cómo agregar el botón flotante de WhatsApp en el código HTML de tu sitio, mira el siguiente video:
Cómo añadir el botón flotante de WhatsApp a WordPress y otras plataformas
WordPress es uno de los creadores de sitios web más populares del mundo, por lo que no es de extrañar que muchos usuarios necesiten instrucciones sobre cómo añadir un botón flotante de chat al sitio web. Es realmente fácil añadir un botón de WhatsApp Chat en WordPress. A continuación, te mostramos cómo hacerlo usando el editor nativo de WordPress. Verás lo fácil que es añadir WhatsApp a WordPress.
Una vez que hayas creado y personalizado tu botón flotante de chat en el panel de administración de Elfsight, incrusta el código de instalación en el campo HTML del panel de administración de WordPress. ¡Es muy fácil de hacer! Normalmente, debes añadir el código en una sección de Código HTML. Así es cómo hacerlo:
- Crea tu plugin de botón flotante de WhatsApp en el panel de administración eligiendo la plantilla adecuada.
- Guarda los resultados y copia el código de instalación que aparece en una ventana emergente especial.
- Inicia sesión en tu panel de administración de WordPress.
- Ve a la sección “Páginas” y selecciona la página donde deseas incrustar el botón.
- Añade un bloque HTML personalizado en la parte requerida del sitio web.
- En este bloque HTML, inserta el código del botón flotante que obtuviste en el generador de código.
- Haz clic en “Actualizar” para guardar todos los cambios.
Puedes realizar todos los ajustes que desees en el panel de Elfsight y se reflejarán en tu botón flotante. No es necesario realizar ningún cambio en el código HTML de tu sitio de WordPress.
Nuestro chat de WhatsApp también está disponible en otras plataformas, por ejemplo, Wix. Aquí hay tutoriales sencillos para añadir tu app de chat a una página específica en Wix:
- Accede al creador de sitios Wix iniciando sesión en tu cuenta y seleccionando el sitio donde deseas ver nuestro plugin. Luego, haz clic en «Editar sitio».
- Añade un bloque HTML haciendo clic en el ícono de más, ve a la sección Insertar y selecciona «Insertar un widget» en la pestaña «Incrustaciones personalizadas».
- Inserta el código de instalación. Luego haz clic en «Introducir código», pega el fragmento y haz clic en «Actualizar».
- Personaliza el tamaño y posición del plugin. Arrástralo a la ubicación deseada y ajusta sus dimensiones hasta que se vea perfecto sin barras de desplazamiento.
- Optimiza el plugin para móviles y publícalo. Haz clic en el icono de móvil para trabajar en el editor móvil, ajusta el tamaño si es necesario, y luego haz clic en «Publicar».
¡Listo! Has añadido tu app de Elfsight a una página específica de tu sitio web en Wix.
¿Y qué hay de añadir WhatsApp Chat a Shopify? Es muy fácil. Mira cómo hacerlo en unos pocos pasos:
- Inicia sesión en tu panel de administración de Shopify y navega a Canales de venta → Tienda online.
- Haz clic en el botón Personalizar para acceder al editor visual.
- Para cambiar de página, usa el menú desplegable en la parte superior.
- Haz clic en Agregar sección, luego selecciona Liquid personalizado.
- Pega el código de tu chat de WhatsApp para Shopify en el campo Liquid personalizado, ajusta colores y márgenes si es necesario y guarda.
De esta forma, puedes añadir fácilmente un chat de WhatsApp personalizado a las páginas de tu sitio en Shopify.
Botón flotante de WhatsApp: casos de uso geniales
Entonces, cuando creas y personalizas tu botón flotante de WhatsApp para tu sitio en WordPress u otra plataforma, puedes encontrarte con dificultades para personalizarlo, porque a veces, especialmente si estás haciendo una introducción, simplemente no sabes cómo estilizarlo en el código HTML del sitio. Para ello, hemos recopilado algunos ejemplos de diseños de botones que pueden servirte de inspiración.
Ejemplo 1: botón de chat incrustado
Este es un ejemplo de botón flotante para WordPress o cualquier otro sitio web en un diseño clásico con el que los usuarios están familiarizados. Para abrir una ventana de diálogo personalizada, el usuario solo necesita hacer clic en el botón. La ventana de chat está acompañada de un mensaje personalizado sobre el tiempo de respuesta, lo que definitivamente aumentará la confianza de tu audiencia, ya que verán que te importa y estás listo para responder a sus preguntas en cualquier momento.
Ejemplo 2: botón de consulta
El ícono flotante del chat de WhatsApp en WordPress o cualquier otro sitio web es una excelente manera de ofrecer asesoramiento a los usuarios sobre cualquier duda que puedan tener. Usando las amplias opciones de personalización del plugin, puedes cambiar fácilmente los colores del botón y de la ventana de chat a los tonos que necesites, integrándolos fácilmente en el concepto general del diseño y código HTML de tu sitio.
Ejemplo 3: botón de incorporación
El soporte al cliente y la incorporación son una parte importante de la gestión de cualquier sitio web comercial. Proporcionar estos servicios en una ventana de chat incrustada en el código HTML de tu sitio WordPress u otro sitio web es una gran idea. Puedes usar el botón flotante de chat en todas las páginas del sitio web, permaneciendo en contacto constante con los clientes y mejorando así la calidad de tu servicio.
Ejemplo 4: botón de comentarios
¿Quieres mejorar la calidad de tus productos y servicios obteniendo retroalimentación rápida y garantizada? Entonces el botón flotante de chat agregado al código HTML del sitio web te ayudará, ya que cualquiera que quiera dar su opinión puede hacer clic en él en cualquier momento. Al igual que en los ejemplos anteriores, puedes cambiar fácilmente los colores del chat a tu gusto para que sea un elemento de diseño integrado.
Beneficios del botón flotante de WhatsApp para tu negocio
¿Por qué deberías elegir un botón flotante de WhatsApp para agregarlo al código HTML de tu sitio web? La respuesta es simple: por su facilidad de uso. Es una oportunidad para que tu audiencia inicie un diálogo con tu empresa en solo 2 clics. No hace falta rellenar formularios, introducir números de teléfono ni escribir mensajes. Solo 2 clics. El primero en el sitio, el segundo en la app de WhatsApp. ¿Qué puede ser más fácil?
La mayoría de las personas encuentra más conveniente comunicarse a través de mensajeros instantáneos, con interfaces a las que están acostumbrados. Es más cómodo que el correo electrónico, llamadas o chat en línea. A continuación, hablaremos de las razones por las cuales podrías considerar añadir un botón de chat de WhatsApp a tu sitio web.
Aumento de popularidad con el botón
WhatsApp es el segundo servicio más grande del mundo después de Facebook. Tiene más de 500,000 usuarios activos diarios, según Statista. WhatsApp es líder entre los mensajeros instantáneos en muchos países.
Forma rápida de comunicación con el botón
La gente percibe los mensajeros como una forma rápida de comunicarse. El vendedor puede responder igual de rápido desde cualquier fuente. Pero el usuario responde más rápido en WhatsApp. ¿Por qué?
- WhatsApp genera una gran confianza en los usuarios. Incluso si no les gusta la aplicación, la descargarán. Es un canal de comunicación con amigos y familiares. Por esta y otras razones, la gente responde rápidamente a los mensajes de WhatsApp.
- WhatsApp también es un canal libre de spam. En la mayoría de los casos, recibimos mensajes de personas conocidas. Está libre de anuncios intrusivos, notificaciones molestas, feeds de noticias y spam masivo.
- Los usuarios se sienten obligados a revisar los mensajes no leídos. Incluso si no quieren leerlo, lo abrirán.
- Todo esto no se aplica al correo electrónico. Si el correo no es suficientemente importante, el destinatario puede no abrirlo inmediatamente. O nunca. Y tú no sabrás si fue leído o no.
WhatsApp también tiene estados de mensaje. Siempre sabrás si el cliente leyó tu mensaje o no. Más importante aún, el usuario sabe que tú también lo ves. Esto aumenta las posibilidades de recibir una respuesta. Incluso un simple «sí» o «no» te puede ayudar a planificar.
Ambiente más informal con el botón de WhatsApp
La gente percibe las conversaciones por WhatsApp como comunicación informal, sin formalismos. Este tipo de diálogo pone a los usuarios a gusto. No tienen miedo de equivocarse, hacer preguntas aclaratorias o incluso bromear. El correo electrónico sigue siendo visto como algo oficial, que requiere textos estructurados y detallados. «Me tomará tiempo redactarlo», pensará el usuario, y responderá antes por WhatsApp a un competidor.
Botón con llamada a la acción
No se puede subestimar la importancia de una llamada a la acción. El logo de WhatsApp por sí solo no es una llamada a la acción. No todos los visitantes de tu sitio entenderán para qué sirve el botón de chat. Incluso con eso, sin una CTA adecuada, el rendimiento será bajo.
La conversión se reduce sin CTAs. Una llamada a la acción que aparece como tooltip tampoco es muy eficaz. La mejor opción es un mensaje visible todo el tiempo e integrado directamente en el plugin.
Personalización del diseño del botón
Un parámetro importante que permite que el botón de chat se integre perfectamente con el diseño de tu sitio. Las configuraciones flexibles permitirán que el widget no entre en conflicto con otros elementos visuales. Es ideal si el servicio permite cambiar la fuente, el color, el tamaño y la posición.
Conclusión
El plugin de WhatsApp no es una herramienta mágica que traerá una avalancha de pedidos. Pero si se aplica correctamente, puede mejorar significativamente la conversión del tráfico móvil en tu sitio web.