Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/jhorman9/double-whatsapp-plugin/archive/refs/heads/main.zipPlugin para WordPress que permite mostrar botones flotantes o embebidos de contacto con WhatsApp, configurables desde el panel de administración del sitio.
Este proyecto fue diseñado para agregar accesos rápidos de contacto con opciones como:
- múltiples botones de contacto
- mensajes predefinidos para WhatsApp
- colores personalizados por botón
- posición flotante en pantalla
- disposición en columna o fila
- soporte para shortcode
Características principales
- Mostrar iconos flotantes en diferentes ubicaciones: arriba/abajo, izquierda/derecha.
- Activar o desactivar el plugin desde la configuración.
- Configurar el modo de visualización: solo flotante, solo shortcode o ambos.
- Agregar varios ítems de contacto con número, etiqueta, mensaje inicial e icono.
- Personalizar colores del botón, texto e ícono.
- Ajustar espaciado, offset y z-index.
- Compatible con WordPress 6.0+ y PHP 7.4+.
Requisitos
- WordPress 6.0 o superior
- PHP 7.4 o superior
- Un tema activo en WordPress
Instalación
- Descarga o clona este repositorio en tu máquina local.
- Copia la carpeta del plugin dentro de la ruta de plugins de WordPress:
wp-content/plugins/
- Activa el plugin desde el panel administrativo de WordPress.
- Entra a Ajustes > Iconos de contacto para configurarlo.
Uso
Desde el panel de administración
Después de activar el plugin, podrás encontrar la configuración en:
- Ajustes > Iconos de contacto
Allí podrás definir:
- si el plugin está activo
- si se muestra de forma global, mediante shortcode o ambos
- posición flotante
- diseño en columna o fila
- fuente del texto
- separación y offsets
- los botones de contacto individuales
Uso con shortcode
También puedes mostrar los iconos manualmente dentro de una página, entrada o widget con:
[jhorman_contact_icons]
Estructura del proyecto
jhorman-floating-contact-icons/
├── assets/
│ ├── admin.css
│ ├── admin.js
│ └── frontend.css
├── jhorman-floating-contact-icons.php
└── README.md
Archivos principales
-
jhorman-floating-contact-icons.php- Contiene la lógica principal del plugin.
- Registra opciones, shortcode, estilos, scripts y renderizado de los botones.
-
assets/admin.css- Estilos del panel de administración.
-
assets/admin.js- JavaScript para agregar y eliminar tarjetas de contacto en la configuración.
-
assets/frontend.css- Estilos visuales para los botones flotantes y embebidos.
Configuración recomendada
Un uso común es configurar:
- modo de visualización:
global - posición:
bottom-right - diseño:
column - uno o varios botones con WhatsApp y mensajes personalizados
Esto permite que los visitantes puedan contactar rápidamente con un solo clic.
Funcionalidad técnica
El plugin:
- genera enlaces de WhatsApp mediante
wa.me - sanitiza los datos ingresados por el administrador
- usa CSS personalizado para mejorar la apariencia visual
- evita cargar recursos innecesarios fuera de la página necesaria
Desarrollo
Si deseas modificar este plugin:
- Haz los cambios en el archivo principal del plugin.
- Prueba la visualización en un sitio WordPress local.
- Revisa que los estilos y scripts sigan funcionando correctamente.
Soporte
Para dudas, mejoras o personalización, puedes contactar al autor del proyecto en: