WP Manifestindependent plugin directory
manifest / social / double-whatsapp-plugin

Jhorman Floating Contact Icons

Permite mostrar dos o más iconos flotantes de contacto tipo WhatsApp, con números, colores, fuentes, posiciones y layout configurables desde WordPress.

★ 0stars

Install

Download source zip No release zip yet

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.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Plugin 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

  1. Descarga o clona este repositorio en tu máquina local.
  2. Copia la carpeta del plugin dentro de la ruta de plugins de WordPress:
    • wp-content/plugins/
  3. Activa el plugin desde el panel administrativo de WordPress.
  4. 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:

  1. Haz los cambios en el archivo principal del plugin.
  2. Prueba la visualización en un sitio WordPress local.
  3. Revisa que los estilos y scripts sigan funcionando correctamente.

Soporte

Para dudas, mejoras o personalización, puedes contactar al autor del proyecto en: