Cómo añadir botones de redes sociales en WordPress
Aprende a añadir botones de redes sociales en WordPress: opciones para compartir contenido y para mostrar tus perfiles, con y sin plugins.

Hay dos tipos de botones de redes sociales que la gente confunde: los de compartir (para que el visitante difunda tu contenido en su propio perfil) y los de seguir (para que te añada como contacto o siga tu página). Ambos sirven, pero se colocan en lugares distintos y persiguen objetivos diferentes. Empezar por ahí aclara mucho qué instalar y dónde ponerlo.

WordPress no incluye botones sociales de forma nativa, pero la cantidad de soluciones disponibles es tan grande que el problema no es encontrar una, sino elegir bien para no sobrecargar el sitio.

Botones para compartir contenido

Estos van dentro de las entradas del blog, cerca del principio o del final del artículo. Su función es que el lector comparta el contenido en Facebook, X (antes Twitter), LinkedIn, WhatsApp u otras plataformas con un clic. Cuanto más fácil sea compartir, más probabilidades hay de que alguien lo haga.

Social Snap

Es uno de los plugins más completos para botones de compartir. La versión gratuita incluye más de 30 redes sociales, permite mostrar el contador de veces que se compartió cada artículo (cuando la red social lo permite) y ofrece varios estilos visuales. Se puede colocar antes del contenido, después, o en una barra flotante lateral que acompaña al lector mientras hace scroll.

Monarch (Elegant Themes)

Si usas Divi o ya tienes la membresía de Elegant Themes, Monarch está incluido sin costo adicional. Tiene opciones de visualización muy flexibles: barra lateral flotante, popup al compartir, botones inline dentro del contenido y botones que aparecen al hacer hover sobre imágenes.

AddToAny

Completamente gratuito y muy liviano. No hincha el sitio con scripts pesados. Ideal si tienes un blog simple y quieres botones funcionales sin configuración compleja. Incluye un menú desplegable con docenas de redes en un único botón, lo que mantiene el diseño limpio.

Botones para seguir tus perfiles sociales

Estos van en el header, el footer o la barra lateral. Su objetivo es dirigir al visitante a tu página de Facebook, perfil de Instagram, canal de YouTube o cuenta de LinkedIn para que te siga allí. Son íconos simples con enlace, no botones de compartir.

La forma más sencilla de añadirlos sin plugin es desde los widgets. Ve a Apariencia > Widgets y busca si tu tema incluye un widget de iconos sociales. Muchos temas modernos ya lo traen. Si no, el plugin Simple Social Icons es muy popular: liviano, gratuito y fácil de personalizar.

Con Gutenberg también puedes insertar el bloque «Iconos sociales» desde el editor de widgets o directamente en el footer del tema. Añades cada perfil con su URL y el bloque muestra los íconos correspondientes. Sin plugins adicionales.

Cómo añadir botones sociales sin plugin

Si prefieres no instalar nada, hay dos caminos. El primero es usar el bloque de Gutenberg «Iconos sociales» en el editor de páginas o en el editor de patrones del tema. El segundo es pegar el código de los botones de compartir que cada red social ofrece en su sección de desarrolladores.

Por ejemplo, para el botón de compartir en WhatsApp puedes usar este enlace directo:

<a href="https://wa.me/?text=URL_DE_TU_PAGINA">Compartir por WhatsApp</a>

WhatsApp es especialmente relevante en Perú, donde es el canal de mensajería dominante. Tener un botón de «Compartir por WhatsApp» en tus artículos puede generar más difusión que Facebook o X en el mercado local.

Dónde colocar los botones para que los usen

El lugar importa. Los estudios de comportamiento de usuarios muestran que los botones de compartir después del contenido tienen tasas de uso más altas que los que van al principio. Tiene sentido: el lector decide compartir cuando ya terminó de leer y le gustó.

La barra flotante lateral es efectiva en desktop pero puede ser intrusiva en móvil si tapa parte del texto. Si la usas, asegúrate de que desaparezca o se reduzca en pantallas pequeñas. Más del 70% del tráfico en sitios peruanos viene de móviles, así que la experiencia en esas pantallas es prioritaria.

Los botones de seguir tus perfiles funcionan mejor en el footer o en la barra lateral. En el header solo tienen sentido si son íconos pequeños y no compiten visualmente con el menú de navegación.

Impacto en la velocidad del sitio

Aquí hay un detalle que pocos mencionan: algunos plugins de redes sociales cargan scripts de cada plataforma (Facebook SDK, Twitter Widget JS, etc.) que pueden sumar 200-400 ms al tiempo de carga. Si tu sitio ya está ajustado para velocidad, eso se nota.

Para evitarlo, usa plugins que carguen sus scripts de forma diferida (lazy load) o que no dependan de los SDKs externos. AddToAny y Social Snap tienen esta opción. También puedes revisar el impacto con PageSpeed Insights antes y después de instalar el plugin.

Si quieres que tu web esté bien configurada desde el principio, con botones sociales, velocidad optimizada y estructura pensada para convertir, en freelo.pe lo hacemos.

Cómo personalizar el diseño de los botones

La mayoría de plugins de botones sociales ofrecen varias opciones de estilo: cuadrado, redondeado, circular, con o sin texto, con o sin sombra. Lo más importante es que los botones no compitan visualmente con los elementos principales del sitio como el menú, el título del artículo o el botón de compra en una tienda.

En cuanto a colores, tienes dos caminos: usar los colores corporativos de cada red social (el azul de Facebook, el negro de X, el rojo de YouTube) o usar un color uniforme que combine con tu diseño. La primera opción hace que los botones sean reconocibles al instante. La segunda da una apariencia más integrada y elegante. No hay una respuesta correcta, depende del estilo de tu marca.

Si quieres ajustar el diseño más allá de las opciones del plugin, casi todos permiten agregar CSS personalizado. Por ejemplo, puedes reducir el tamaño de los íconos en móviles o cambiar el espaciado entre botones para que se vean mejor en pantallas pequeñas.

Botones de compartir en imágenes

Pinterest tiene una dinámica especial: la plataforma se alimenta de imágenes, y muchos usuarios guardan imágenes de artículos en sus tableros. Si tu blog tiene recetas, decoración, moda, diseño o cualquier contenido visual, añadir el botón de guardar en Pinterest directamente sobre las imágenes puede traer tráfico sostenido durante meses.

Plugins como Social Snap o Tasty Pins permiten mostrar un botón de Pinterest que aparece al hacer hover sobre cualquier imagen del artículo. También puedes configurar el texto que se añade automáticamente al pin para mejorar su visibilidad en búsquedas dentro de Pinterest.

Preguntas frecuentes

¿Es mejor un plugin de botones sociales o hacerlo manualmente?

Depende del nivel técnico y del sitio. Los plugins son más rápidos de configurar y suelen tener más opciones de personalización. Hacerlo manualmente con código o con los bloques de Gutenberg es más liviano y no añade dependencias. Para la mayoría de sitios, un plugin liviano como AddToAny es la mejor opción entre facilidad y rendimiento.

¿Cuáles son los botones de redes sociales más importantes para Perú?

WhatsApp es el más importante para difusión entre contactos. Facebook sigue siendo relevante para contenido viral y público amplio. Instagram no tiene un botón de compartir de contenido externo nativo. LinkedIn es útil si tu contenido apunta a profesionales o empresas. TikTok no tiene integración directa para compartir desde webs externas.

¿Puedo mostrar el conteo de veces que se compartió mi artículo?

Sí, pero con matices. Facebook y Pinterest sí devuelven datos de compartidos. X (antes Twitter) eliminó su API pública de conteos. Los plugins como Social Snap o ShareThis muestran los contadores disponibles por red. Si tus artículos son nuevos y tienen pocos compartidos, considera ocultar el conteo para no dar imagen de poco alcance.

¿Los botones de redes sociales afectan la velocidad de carga?

Pueden afectarla si cargan los SDKs externos de cada plataforma. El SDK de Facebook, por ejemplo, puede añadir varios cientos de milisegundos. Para minimizar el impacto usa plugins que carguen scripts de forma diferida, como AddToAny o Social Snap con la opción de lazy load activada. Mide antes y después con PageSpeed Insights o GTmetrix.

¿Cómo pongo el botón de WhatsApp para compartir en WordPress?

La forma más sencilla es con un enlace directo: https://wa.me/?text=URL. Puedes insertarlo como botón HTML en cualquier lugar del contenido. También hay plugins como WP Social Sharing o AddToAny que incluyen WhatsApp entre sus opciones. Si tienes muchos artículos, un plugin es más eficiente que añadir el código manualmente en cada uno.

Responsable: Otorongo Negro E.I.R.L. (KOM) | RUC 20604716595 | Derechos ARCOP: legal@kom.pe · Política de Privacidad

Estamos listos para construir algo increíble contigo.

Envíanos un mensaje

Completa el formulario y uno de nuestros especialistas se pondrá en contacto contigo en menos de 24 horas.

Síguenos

codigo yape otorongo negro eirl - Diseño de páginas web en Lima - Perú