¿Quieres añadir iconos de redes sociales a tu sitio de WordPress? Con las herramientas adecuadas, puedes colocar botones de seguimiento en tu encabezado, pie de página, barra lateral o páginas de destino, incluso para plataformas más nuevas como Threads, Mastodon o Bluesky.
Esta guía te muestra tres métodos sencillos, incluida mi forma favorita con SeedProd, para que los visitantes puedan encontrarte y seguirte dondequiera que estés activo en línea.
¿Por qué añadir iconos de redes sociales a tu sitio de WordPress?
Los iconos de redes sociales facilitan que los visitantes te sigan en otras plataformas. Dado que las personas pasan un promedio de 2 horas y 21 minutos al día en las redes sociales, añadir iconos te ayuda a llegar a ellas donde ya están activas.
Además, los iconos de redes sociales son pequeños, lo que te permite mostrarlos en muchas partes de tu sitio web, incluyendo:
- Menús de WordPress
- Encabezados de WordPress
- Pies de página de WordPress
- Áreas de widgets de WordPress
- Páginas/entradas de WordPress
- Productos de WooCommerce
Aquí tienes una captura de pantalla de cómo WPBeginner muestra enlaces de redes sociales en su barra lateral de WordPress.
Al añadir iconos de redes sociales a tu sitio, es útil recordar que los botones de seguimiento de redes sociales son diferentes de los botones para compartir en redes sociales o los iconos para compartir en redes sociales. En lugar de pedir a los usuarios que compartan contenido, animan a los visitantes a seguir tus perfiles de redes sociales.
Cómo añadir iconos de redes sociales a WordPress: 3 métodos
Yo uso SeedProd en este sitio, así que esa es mi opción preferida. Pero el método correcto depende de tu configuración:
| Tu configuración | Mejor método |
|---|---|
| Tema de bloques (Twenty Twenty-Four, Kadence, Blocksy) | Método 2: Bloque de iconos sociales de WordPress |
| Tema clásico (Astra, GeneratePress, Divi, OceanWP) | Método 3: Widgets |
| Quieres marcas de iconos personalizadas o colocación en páginas de destino | Método 1: SeedProd |
1. Añadiendo iconos de redes sociales de WordPress con SeedProd
La forma más sencilla de añadir iconos personalizados en cualquier lugar de tu sitio es con SeedProd.
SeedProd es un constructor de WordPress de arrastrar y soltar que te permite diseñar encabezados, pies de página, barras laterales y páginas de destino sin tocar código. Su bloque de Perfiles Sociales facilita la adición y personalización de iconos para cualquier red, incluidas plataformas más nuevas como Threads, Mastodon o Bluesky.
Paso 1. Instalar y Activar SeedProd
Primero, visita la página de precios de SeedProd, elige tu plan y crea tu cuenta. Para esta guía, estamos usando SeedProd Pro por sus funciones avanzadas.
A continuación, inicia sesión en el panel de tu cuenta y visita la pestaña Descargas. Desde allí, puedes descargar el archivo zip del plugin y copiar tu clave de licencia.
Ahora dirígete a tu área de administración de WordPress y sube el plugin SeedProd. Si necesitas ayuda con este paso, sigue esta guía sobre cómo instalar y activar un plugin de WordPress.
Una vez que hayas activado el plugin, ve a SeedProd » Ajustes y pega la clave de licencia que copiaste anteriormente. Haz clic en el botón Verificar Clave para guardar los ajustes, luego pasa al siguiente paso.
Paso 2. Cree un tema o una página de destino de WordPress
El siguiente paso es crear una página de destino o un diseño de tema de WordPress; sin embargo, esto dependerá de la licencia de SeedProd que hayas elegido en el Paso 1.
Los usuarios Básico y Plus pueden crear páginas de destino con SeedProd, mientras que los usuarios Plus y Élite pueden crear páginas de destino y temas de WordPress con este plugin.
Sigue los pasos de estos tutoriales para crear tu diseño de SeedProd:
Después de crear una página de destino o un tema de WordPress, pasa al Paso 3 para añadir tus iconos personalizados de redes sociales de WordPress.
Paso 3. Añade tus iconos de redes sociales personalizados a WordPress
SeedProd te permite añadir iconos personalizados de redes sociales en cualquier lugar de WordPress con su fácil y potente Theme Builder. Después de elegir tu Kit de sitio web, simplemente se trata de abrir cada parte del tema y añadir el bloque de Perfiles Sociales.
Añadir iconos de redes sociales al encabezado de WordPress
Empecemos añadiendo iconos de perfiles sociales a tu menú de WordPress. Para ello, ve a SeedProd » Theme Builder, pasa el ratón sobre tu plantilla de Encabezado y haz clic en el botón Editar Diseño.
En la siguiente pantalla, verás un diseño de 2 columnas como este:
Por defecto, la plantilla que estamos usando tiene un encabezado de 2 columnas con un logo y un menú de navegación. Para añadir tus iconos de perfiles sociales, necesitarás cambiarlo a una sección de 3 columnas.
Primero, pasa el ratón sobre la sección del encabezado hasta que tenga un contorno morado, luego haz clic en el icono de duplicar sección.
Ahora, en la nueva sección, pasa el ratón sobre el contenido hasta que tenga un borde azul, luego haz clic en el icono de la Papelera para eliminarlo.
Después de eso, haz clic en la opción de diseño de 3 columnas para añadirla a tu nueva sección.
A continuación, mueve los elementos de la sección antigua a tu nueva sección arrastrando y soltando.
Cuando hayas terminado, deberías tener 1 columna vacía donde podrás añadir los iconos de tu perfil social. Antes de hacerlo, pasa el cursor una vez más sobre tu sección anterior y haz clic en el icono del cubo de basura para eliminarla.
Para añadir tus perfiles sociales personalizados a tu encabezado, busca el bloque Perfiles sociales en la barra lateral izquierda y arrástralo a tu columna vacía. Ahora puedes hacer clic en el bloque para ver sus opciones de personalización.
Por defecto, el bloque de Perfiles sociales mostrará iconos para Facebook, Twitter, Instagram y YouTube. Puedes cambiar los iconos haciendo clic en cada uno y eligiendo una red social del menú desplegable.
Las plataformas entre las que puedes elegir incluyen:
- Discord
- Correo electrónico
- Facebook Messenger
- GitHub
- IMDB
- Medio
- Teléfono
- RSS
- Slack
- Snapchat
- SoundCloud
- Telegram
- TikTok
- Vimeo
- WordPress
- YouTube
- Personalizado
Para añadir un botón de perfil social personalizado, haz clic en la opción Personalizado y en el icono del engranaje para abrir la configuración.
A continuación, haz clic en la opción Elegir icono y busca un icono diferente usando Font Awesome que se ajuste a tus necesidades de redes sociales. Por ejemplo, puedes añadir iconos sociales personalizados para Spotify, Skype, Tumblr, Behance, Airbnb, Audible, Playstation y muchos más.
Después de elegir tu icono de perfil social personalizado, puedes cambiar el color del icono y añadir tu enlace personalizado.
Más abajo en el panel de configuración hay opciones para cambiar el estilo, tamaño y alineación de tu icono.
En la pestaña Plantillas, puedes añadir un estilo personalizado a tus iconos con 1 clic.
La pestaña Avanzado ofrece configuraciones para personalizar los estilos de los iconos a un nivel granular. Por ejemplo, puedes cambiar el color de fondo del icono, el tamaño, el espacio, la sombra, el margen y el relleno.
También puedes mostrar u ocultar los iconos de tu perfil social en dispositivos móviles o de escritorio, lo que es una excelente manera de mejorar la optimización móvil para los visitantes que usan un teléfono inteligente o una tableta.
Antes de guardar los cambios, pasa el cursor sobre tu bloque de Perfiles Sociales y haz clic en el icono de Guardar. Esto te permitirá reutilizarlo en otras áreas de tu sitio web sin tener que añadir manualmente cada enlace social e icono personalizado de nuevo.
Así que, en la ventana emergente, dale a tu bloque un nombre como “Iconos Sociales Personalizados” y guarda.
Cuando estés satisfecho con tus iconos de redes sociales de WordPress, haz clic en el botón Guardar en la esquina superior derecha de tu pantalla.
Ahora, agreguemos los iconos de tus redes sociales al pie de página de tu sitio web.
Añadir iconos de redes sociales al pie de página de WordPress
Para añadir iconos sociales a tu pie de página, ve al panel de control del constructor de temas de SeedProd, pasa el cursor sobre la plantilla del Pie de página y haz clic en el enlace Editar Diseño .
A continuación, abre el encabezado Bloques Guardados en la barra lateral izquierda, y arrastra el bloque de iconos sociales personalizados que guardaste en el último paso a una columna en tu área de pie de página.
Si el pie de página de tu WordPress tiene un color de fondo similar al de tus iconos, puedes hacer clic en la pestaña Avanzado y elegir un nuevo color para los iconos con el selector de color.
Cuando todo tenga el aspecto adecuado, haz clic en el botón Guardar para almacenar tus cambios.
Añadir iconos de redes sociales a la barra lateral de WordPress
Para añadir iconos sociales personalizados a la barra lateral de WordPress, vuelve al panel de control del constructor de temas, pasa el cursor sobre la plantilla de la Barra lateral y haz clic en el enlace Editar Diseño .
Ahora repite las instrucciones del paso anterior y haz clic en el botón Guardar cuando hayas terminado.
También puedes repetir este proceso para cualquier página de tu sitio web, incluidas tus páginas de destino y páginas de contenido, como tus páginas de "acerca de", "servicios" y "contacto".
Paso 4. Publica tus cambios
El último paso es publicar tu nuevo tema de WordPress para que los visitantes de tu sitio web puedan ver tus nuevos iconos de perfil de redes sociales. Para ello, ve al panel de control del Constructor de Temas y activa el interruptor Habilitar Tema SeedProd a la posición "Sí".
Ahora puedes echar un vistazo a tus cambios. Aquí tienes algunos ejemplos de este tutorial:
Encabezado
Pie de página
Barra lateral
2. Usando el bloque de iconos sociales integrado de WordPress
Si utilizas WordPress 5.4 o una versión más reciente, ya tienes acceso al bloque Iconos Sociales. Es la forma gratuita más rápida de añadir iconos y funciona mejor con temas de bloques.
Primero, ve a Apariencia » Editor para abrir el Editor del Sitio, o abre cualquier página o entrada donde quieras iconos.
Haz clic en el botón +, busca "Iconos Sociales" e inserta el bloque.
Haz clic en + Añadir icono dentro del bloque. Verás una lista de redes integradas como Facebook, Instagram, LinkedIn y X (Twitter). Selecciona las que necesites.
Cada icono tiene un campo para la URL de tu perfil. Pega tu enlace y se conectará al instante.
Para añadir iconos a tu encabezado o pie de página, ve a Apariencia » Editor y selecciona la sección Encabezado o Pie de página de una plantilla.
Haz clic en +, busca "Iconos sociales" y añade el bloque donde quieras.
Si no ves Apariencia » Editor, estás usando un tema clásico. Usa el Método 3 a continuación.
El bloque nativo cubre las principales redes. Para la colocación en páginas de destino o una marca personalizada avanzada, SeedProd te da más control.
3. Añadiendo iconos de redes sociales a un tema clásico de WordPress
Los temas clásicos no tienen un Editor de sitio, pero las áreas de widgets funcionan bien para las barras laterales y los pies de página.
Ve a Apariencia » Widgets. Haz clic en + en cualquier área de widgets, busca "Iconos sociales" y añade el bloque.
Haz clic en + Añadir icono, selecciona cada red y pega la URL de tu perfil. Haz clic en Actualizar para guardar.
Una nota: los widgets colocan los iconos en las barras laterales y las áreas del pie de página. Para la colocación en la cabecera en un tema clásico, el Theme Builder de SeedProd lo maneja a través de su editor de arrastrar y soltar.
Preguntas frecuentes sobre cómo añadir iconos de redes sociales a WordPress
Espero que este artículo te haya ayudado a aprender cómo añadir iconos de redes sociales a tu sitio de WordPress.
También te pueden interesar estas otras guías útiles de nuestro blog:
- Cómo crear una página moderna de "En construcción" en WordPress
- Cómo Promocionar Tu Blog (Guía para Principiantes)
- Cómo incrustar eventos de Facebook en WordPress
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
