Los plugins de WhatsApp son una extensión o componente de software que permite agregar un botón o funcionalidad de chat de WhatsApp en un sitio web para facilitar la comunicación directa con los usuarios.
Tener un botón de WhatsApp en tu sitio web puede facilitar la comunicación con tu público. Por eso, en este artículo hemos separado algunos consejos sobre los plugins y una guía para agregarlo a tu sitio.
Los plugins más populares para agregar un botón de WhatsApp
Conoce los plugins más utilizados para agregar el botón de WhatsApp en tu sitio web:
WhatsApp Chat for WordPress
Este plugin está diseñado específicamente para sitios web creados con WordPress y permite agregar un botón de chat de WhatsApp en las páginas web.
Las características son personalizables, como el estilo del botón, la posición en la página y los mensajes de bienvenida predefinidos.
WhatsApp Chat Widget
Este plugin es universal y se puede utilizar en diferentes tipos de sitios web, pero solo se puede agregar un botón de WhatsApp en una posición fija en el sitio, como una barra flotante o en la esquina de la página.
Las únicas personalizaciones son la configuración del mensaje inicial y si se muestra o no la foto de perfil.
Es importante destacar que existen varios plugins que agregan el botón de WhatsApp. Hemos proporcionado estos dos consejos, pero recomendamos investigar y evaluar el plugin que mejor se adapte a tus necesidades y sea compatible con la plataforma de tu sitio web.
Pasos para agregar el botón de WhatsApp a tu sitio web
En esta guía, te enseñaremos cómo instalar y configurar el plugin de WordPress:
Instalando el plugin
1. Inicia sesión en el panel de administración de tu sitio web WordPress. Ve al menú lateral izquierdo, haz clic en Plugins y selecciona Añadir nuevo.
2. En el campo de búsqueda, escribe "WhatsApp Chat for WordPress" o puedes elegir el plugin "WhatsApp Chat Widget" y presiona Enter.
3. Localiza el plugin en los resultados de la búsqueda y haz clic en Instalar ahora.
4. Después de la instalación, activa el plugin haciendo clic en Activar.
Configurando el plugin
1. En el menú lateral izquierdo del panel de administración, haz clic en WhatsApp Chat o Widgets para acceder a la configuración del plugin.
2. En la sección de Configuración general, ingresa el número de teléfono asociado a tu cuenta de WhatsApp que también esté registrado en Zenvia Conversion.
3. Personaliza las opciones de visualización, como el estilo del botón, la posición en la página y el mensaje de bienvenida.
4. Guarda los cambios realizados.
5. Visita tu sitio web para verificar que el botón de WhatsApp se muestre correctamente.
💡 Tip: Realiza pruebas para asegurarte de que el botón esté siempre visible, ya sea desplazándote por la página o navegando por diferentes páginas.
Cómo crear un botón flotante de WhatsApp en una página de destino o sitio web
Además de los complementos, existe otra opción para agregar un botón flotante de WhatsApp a tu sitio web o página de destino. Para hacerlo, sigue los pasos descritos abajo:
1. Obtén el enlace de WhatsApp
Para empezar, necesitas obtener el enlace de WhatsApp que se utilizará para dirigir a los usuarios a la conversación en WhatsApp.
El enlace debe tener el siguiente formato: https://api.whatsapp.com/send?phone=XXXXXXXXXXX, donde "XXXXXXXXXXX" es el número de teléfono en formato internacional, sin el signo "+" ni otros caracteres especiales.
Consulta nuestro artículo para obtener más información: Cómo crear un link con tu número de WhatsApp.
2. Crea el código HTML
A continuación, debes crear el código HTML (un lenguaje de programación utilizado para crear páginas web) para agregarlo a la creación de tu botón flotante.
Aquí tienes un ejemplo básico de código:
html
<a href="https://api.whatsapp.com/send?phone=XXXXXXXXXXX" target="_blank" class="whatsapp-float">
<i class="fa fa-whatsapp"></i> Contactar por WhatsApp
</a>
3. Personaliza el botón flotante
Puedes personalizar el estilo del botón flotante utilizando CSS (un mecanismo para agregar estilos visuales a tu página web). A continuación, te mostramos un ejemplo básico para estilizar el botón:
css
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25d366;
color: #fff;
padding: 10px 15px;
border-radius: 50px;
text-decoration: none;
z-index: 9999;
}
4. Agrega el código a tu sitio web
Copia y pega el código HTML y CSS en el código fuente del lugar donde deseas mostrar el botón flotante de WhatsApp, ya sea en una página de destino o en un sitio web. Asegúrate de que la posición y el estilo visual del botón se ajusten a tus preferencias.
¡Listo! Ahora puedes utilizar esta función en tu sitio web junto con nuestra plataforma y asegurar una comunicación directa con tu público a través de WhatsApp.