Agrega un widget de chat de WhatsApp a WordPress usando un fragmento para copiar y pegar en lugar de un plugin: tres métodos de colocación, además de lo que se pierde al instalar un plugin más.
Busca “widget de chat de WhatsApp WordPress” y la mayoría de los resultados te llevan a un plugin: lo instalas, lo activas, lo configuras en su propia pantalla de ajustes, y ahora es una cosa más en tu sitio que necesita actualizarse cada vez que cambia el núcleo de WordPress o tu tema. Hay una ruta más rápida que evita el plugin por completo. Un widget de WhatsApp es un botón flotante, y un botón flotante son unas líneas de HTML más una etiqueta de script, y WordPress ya tiene un lugar para pegar ambas cosas sin agregar nada a tu página de Plugins.
Esto repasa esa ruta, de tres formas distintas según cómo esté construido tu sitio, y también dónde un plugin dedicado sí se ganaría su lugar.
Un plugin de WhatsApp para WordPress no es falso ni está roto, agrega genuinamente un botón flotante igual que el fragmento de código. La diferencia está en lo que cuesta mantenerlo. Cada plugin en un sitio de WordPress es código que corre en cada carga de página, necesita sus propias actualizaciones cuando cambian las versiones de WordPress o PHP, y es una entrada más que un escáner de seguridad marca si queda desactualizada. Un sitio con un constructor de páginas, un plugin de SEO, un plugin de caché, un plugin de formularios, y ahora un plugin de WhatsApp tiene cinco cosas separadas que pueden entrar en conflicto entre sí, y los plugins de widget de WhatsApp en particular suelen encolar su propio CSS y JavaScript en todas las páginas, sin importar si un visitante llega a hacer clic en el botón alguna vez.
Un fragmento pegado no tiene pantalla de ajustes, ni registro de cambios, ni aviso de compatibilidad. Es un bloque estático en el pie de página de tu tema o un bloque HTML personalizado en una página, y WordPress lo trata exactamente igual que a cualquier otro contenido incrustado. Nada que activar, nada que mantener parcheado.
Dicho esto, un plugin no es la decisión equivocada para todos los sitios. Si no te sientes cómodo pegando código en ningún lugar, o quieres que los ajustes del widget se puedan cambiar desde wp-admin por alguien que no debería tocar Apariencia → Editor de Archivos del Tema, la interfaz de ajustes de un plugin es la opción más segura. La ruta del fragmento asume que estás dispuesto a copiar y pegar un bloque de código una vez y volver a él solo cuando de verdad quieras cambiar algo.
El Generador de Widget de Chat de WhatsApp convierte tu número, el color del botón, la posición y el mensaje de saludo en una sola etiqueta de script. Completa el formulario, indica el número de WhatsApp en formato internacional sin cero inicial ni signo más, elige un color, escoge en qué esquina va el botón, y la herramienta genera algo así:
<script src="https://cdn.thechatquotient.com/widget/v1/widget.js"
data-widget-id="wgt_xxxxxxxx"
data-whatsapp-number="15551234567"
data-color="#25D366"
data-position-vertical="bottom"
data-position-horizontal="right"
data-offset-vertical="20"
data-offset-horizontal="20"
data-z-index="5000"
data-greeting="Hi! How can we help?"
async
defer
></script>Eso es todo el widget. Sin archivo de icono que subir, sin hoja de estilos que encolar, sin PHP. Cópialo y elige uno de los tres métodos de colocación de abajo según cómo esté armado tu sitio de WordPress.
Si tu tema está construido sobre el editor de bloques (Gutenberg), el lugar más rápido para soltar el fragmento es directamente en una página o en un bloque reutilizable, pero eso solo muestra el widget en esa página. Para un widget en todo el sitio, el editor de bloques no está realmente pensado para inyectar contenido en todo el pie de página a menos que tu tema exponga una parte de plantilla para eso.
La mayoría de los temas que admiten edición completa del sitio te dejan agregar un bloque HTML personalizado directamente en la plantilla del pie de página:
Como vive en la parte de plantilla del pie de página, ahora se renderiza en cada página que use ese pie de página, que en la mayoría de los temas es cada página del sitio.
Los temas clásicos (que no usan bloques) no tienen una parte de plantilla de pie de página para editar visualmente, así que el fragmento va directo al archivo PHP del tema:
</body>, normalmente cerca del final del archivo.</body>.Este es el único método que toca directamente el código del tema, así que trae consigo la única advertencia real de este enfoque: una actualización del tema puede sobrescribir footer.php y eliminar el código pegado sin avisar. Si tu tema admite un tema hijo, haz esta edición en el footer.php del tema hijo en su lugar, ya que los archivos del tema hijo sobreviven a las actualizaciones del tema padre. Si no estás usando un tema hijo y no quieres configurar uno, un plugin como Insert Headers and Footers (un plugin de un solo propósito y bajo mantenimiento, no un plugin completo de widget de WhatsApp) te da un campo de pie de página dedicado que no depende en absoluto de los archivos del tema, y sobrevive a cada actualización del tema automáticamente.
Si el sitio está construido con un constructor de páginas, normalmente hay un widget hecho exactamente para esto:
Ambos constructores renderizan el HTML y la etiqueta de script en bruto tal cual, ninguna sanitización elimina la etiqueta <script> como sí ocurre en algunas áreas de contenido WYSIWYG, así que el widget carga y se comporta igual que si lo hubieras pegado directamente en footer.php.
Sea cual sea el método que usaste, carga el sitio en una ventana de incógnito para que una página en caché no te muestre una versión desactualizada, y revisa cada plantilla en la que el widget debería aparecer: la página de inicio, una entrada de blog, y cualquier landing page construida con una plantilla distinta al resto del sitio, ya que una edición en un archivo de tema o plantilla de constructor no cubre automáticamente una landing page que use una plantilla separada. Haz clic en el botón tanto en escritorio como en un teléfono real. En móvil con WhatsApp instalado, debería abrir la app directamente con tu número y el saludo prerellenados; en escritorio, abre web.whatsapp.com en una pestaña nueva.
Hay algunas situaciones que inclinan la balanza de vuelta hacia instalar un plugin dedicado:
Si varias personas sin conocimientos técnicos administran el sitio y ninguna debería acercarse al Editor de Archivos del Tema, la pantalla de ajustes de un plugin es más segura que confiar en que todos dejen footer.php en paz. Si quieres que el widget se muestre u oculte según la página o el tipo de contenido mediante una casilla en la barra lateral del editor en lugar de editar un archivo de plantilla, esa lógica por página es exactamente lo que maneja el PHP de un plugin y un fragmento estático no. Y si ya estás usando una integración completa con la API de WhatsApp Business a través de un plugin que también maneja el widget como una pieza de un conjunto de funciones más amplio, reemplazar solo la parte del widget con un fragmento aparte agrega una segunda cosa que mantener en vez de eliminar una.
Para el caso más común, un número de WhatsApp, un botón, el mismo comportamiento en cada página, el fragmento hace el mismo trabajo sin dejar nada pendiente de actualizar después.
¿Esto ralentizará mi sitio de WordPress?
La etiqueta de script usa async y defer, así que carga sin bloquear el resto de la página, y es una sola solicitud externa en lugar de los varios archivos de estilo y script separados que podría encolar un plugin completo.
¿Funciona con plugins de caché como WP Rocket o W3 Total Cache? Sí. Como es una etiqueta de script estática, no algo renderizado por PHP en cada solicitud, el caché de página no interfiere con ella, a diferencia de algunos widgets basados en plugins que a veces se eliminan por configuraciones agresivas de minificación de HTML.
¿Puedo usar esto con WooCommerce? Sí, la colocación es idéntica, footer.php, una parte de plantilla del pie de página, o la plantilla de pie de página de tu constructor de páginas, a ninguno le importa si el sitio también corre WooCommerce.
¿Qué pasa si mi tema no tiene disponible el Editor de Archivos del Tema? Algunos proveedores de hosting lo desactivan por razones de seguridad. En ese caso, usa el bloque HTML personalizado en la parte de plantilla de tu pie de página si tu tema admite edición completa del sitio, el widget de incrustación de tu constructor de páginas si tienes uno, o un plugin pequeño de un solo propósito como Insert Headers and Footers como alternativa que no requiere tocar los archivos del tema en absoluto.
¿Necesito volver a instalar el fragmento si cambio de tema de WordPress?
Sí, ya que estaba pegado en el footer.php o la parte de plantilla del tema anterior. Vuelve a copiar el mismo fragmento desde el generador (tu ID de widget se mantiene igual) y pégalo en el nuevo tema usando el método de los tres que corresponda.
Un widget de WhatsApp es una etiqueta de script, y WordPress ya tiene tres lugares hechos justamente para eso: un bloque HTML personalizado en la plantilla de tu pie de página, footer.php vía Editor de Archivos del Tema, o el widget de código incrustado de tu constructor de páginas. Ninguno requiere instalar un plugin dedicado a esta tarea. Toma el fragmento del Generador de Widget de Chat de WhatsApp, pégalo en el que corresponda según cómo esté construido tu sitio, y estará en vivo, sin nada nuevo que actualizar la próxima vez que WordPress lance una versión.
Agrega la extensión de Chrome y transforma cómo gestionas las conversaciones de WhatsApp para tu negocio.