Cómo añadir un widget de redes sociales a WordPress (para principiantes)
Inicio Blog Cómo añadir un widget de redes sociales a WordPress (para principiantes)

Cómo añadir un widget de redes sociales a WordPress (para principiantes)

cómo añadir un widget de redes sociales a wordpress

En el mundo digital actual, integrar las redes sociales en su sitio web es imprescindible. De hecho, de los 5.160 millones de personas que utilizan Internet, casi 4.900 millones son usuarios de redes sociales.

Pero con la gran cantidad de widgets de redes sociales para WordPress.org disponibles, puede resultar abrumador saber cuál es la mejor forma de añadirlos a tu sitio. Sobre todo si no eres un experto en WordPress.

Por eso, en esta entrada, te mostraremos la forma más sencilla de añadir un widget de redes sociales a tu sitio web de WordPress, aunque no tengas conocimientos de programación.

He aquí un índice para ayudarle a navegar y saltar a las secciones que desee:

Iconos de redes sociales frente a widgets de redes sociales

Un widget de redes sociales para WordPress puede significar 2 cosas:

  • Un contenido de redes sociales para la barra lateral, el pie de página y otras zonas de tu sitio web preparadas para widgets
  • O contenido específico de las redes sociales que añades a las entradas y páginas de tu sitio web

Así, puede mantener el interés de los visitantes del sitio con entradas, fotos y vídeos relevantes, sin que abandonen su sitio web.

ejemplo de widget de vídeo tiktok

Además, puedes hacer mucho más con los widgets de redes sociales:

  • Mostrar reseñas en las redes sociales para convencer a la gente de que te compre
  • Anima a la gente a seguirte y aumenta tu número de seguidores en las redes sociales
  • Consiga que los visitantes permanezcan más tiempo en su sitio web para potenciar su SEO y su alcance en Internet.

En resumen: es muy útil tenerlos en su sitio web.

Por otro lado, los iconos de redes sociales son simples botones que se añaden a WordPress.

Al hacer clic, estos iconos enlazan con sus perfiles en las redes sociales para animar a los visitantes a seguirle. Esto significa que sus visitantes tienen que salir de su sitio para participar en sus canales de medios sociales.

widget de redes sociales iconos wordpress

Y cuantas más personas abandonen su sitio, menos oportunidades tendrá de venderles.

Además, estos iconos son pequeños, por lo que es fácil no verlos. Mucha gente puede saltárselos accidentalmente, lo que significa que estás perdiendo participación potencial.

Como puedes ver, es mejor incrustar los feeds de tus redes sociales en tu WordPress.

La mejor forma de añadir widgets de redes sociales a su sitio web

Aunque las plataformas sociales más pequeñas siguen siendo estupendas (¡Pinterest puede ser un salvavidas!), es mejor centrarse en las más grandes si quieres hacer crecer tu sitio web y tu marca.

Y ahora mismo, 5 opciones destacan como las mejores: Facebook, X/Twitter, YouTube, TikTok e Instagram.

Normalmente, tendrás que generar códigos de incrustación para cada publicación en las redes sociales, volver a tu sitio, insertar el código y comprobar si la incrustación funciona.

Pero, sinceramente, nadie quiere abrir y cerrar tantas pestañas. Por lo tanto, puede utilizar un plugin de WordPress en su lugar.

Entonces, el plugin puede buscar automáticamente las entradas por ti y mostrarlas en tu widget.

Para facilitarte las cosas al máximo, voy a utilizar una herramienta que te permite incrustar widgets de redes sociales en cuestión de minutos sin tener que programar nada: Smash Balloon.

ejemplo de muro de medios sociales

(Dato curioso: la captura de pantalla del widget de redes sociales que has visto al principio se creó con Smash Balloon).

Además de soportar las plataformas más grandes, Smash Balloon es ligero. Por lo tanto, su sitio carga tan rápido como siempre, no importa cuántos mensajes de medios sociales que está incrustando.

Además, tus widgets copiarán automáticamente el diseño de tu sitio web y lucirán bonitos desde el primer momento.

También hay muchas otras funciones. Voy a señalar los más importantes a medida que avanzo a través de los tutoriales a continuación:

Cómo añadir un widget de noticias de Facebook

¿La forma más sencilla de integrar el widget de Facebook en tu sitio web?

Para ello, instala un plugin de WordPress fácil de usar como Facebook Feed Pro de Smash Balloon.

smash balloon facebook feed pro para añadir widgets de redes sociales

Con más de 250.000 usuarios y una sólida valoración de 4,9/5, Facebook Feed Pro hace que mostrar contenido de Facebook sea más fácil que nunca.

También puedes seleccionar que sólo se muestren determinados contenidos, como eventos, estado, fotos, vídeos y álbumes.

¿Te preocupa que el plugin ralentice tu sitio? No tiene por qué, ya que el plugin viene con optimización de velocidad. Almacena eficazmente los datos en caché para que tu feed cargue a la velocidad del rayo en tu sitio.

Además, tu sitio web seguirá mostrando un feed, aunque Facebook esté temporalmente fuera de servicio.

ejemplo de widget de feed de facebook

Con todas estas increíbles funcionalidades, Facebook Feed Pro es fácilmente la mejor opción cuando se trata de incrustar widgets de Facebook.

¿Quieres añadir un widget de Facebook a tu propio sitio web?

Echa un vistazo a estas instrucciones paso a paso en este post sobre cómo crear un widget de feed de Facebook en WordPress.

Cómo añadir un widget de feed de Instagram

¿Qué pasa si desea mostrar su feed de Instagram en su WordPress en su lugar? Smash Balloon Instagram Feed Pro, el mejor plugin de feed de Instagram para WordPress, puede ayudarte con eso.

mejor plugin instagram feed pro

Puedes añadir Smash Balloon's Instagram Feed Pro como widget para WordPress.

Sólo tiene que incrustarlo directamente en las páginas o entradas de su sitio o utilizar su widget ya preparado para añadirlo a la barra lateral o al pie de página de su sitio.

¿Te preocupa que tu feed de Instagram no se vea correctamente en el móvil? El plugin hace que tus feeds de Instagram sean automáticamente responsive, para que se vean bien en cualquier dispositivo o tamaño de pantalla.

widget de redes sociales de instagram

Es perfecto para los novatos, ya que no necesita ningún tipo de codificación o una cuenta de desarrollador de Instagram. ¡Personalmente, lo uso para incrustar carretes Instagram en mi sitio web y es increíblemente fácil!

Además de ser excelente para el rendimiento de tu sitio web, el plugin está diseñado para ser ultrarrápido . Después de todo, más de 1 millón de usuarios de todo el mundo le dan una puntuación media de 4,9/5 estrellas.

opiniones instagram feed pro plugin

¿Te interesa crear y mostrar un widget de Instagram para tu propia marca? Echa un vistazo a este ingenioso tutorial sobre cómo añadir un widget de Instagram a tu sitio de WordPress hoy mismo.

Cómo añadir un widget de Twitter

¿Sabías que los plugins de Smash Balloon también incluyen un plugin de alto nivel para ayudarte a incrustar tus feeds de Twitter en tu sitio web?

Como el mejor plugin de Twitter feed para WordPress, puede utilizar Twitter Feed Pro para crear y mostrar completamente personalizable y sensible Twitter feeds en WordPress.

Como resultado, puede aumentar la notoriedad de su marca e incluso incrementar las ventas de su empresa.

Lo mejor de este plugin es que se ve muy bien nada más sacarlo de la caja. Como copia automáticamente el tema y el estilo de tu sitio web, tus feeds de Twitter serán coherentes con la identidad visual de tu marca.

Además, puedes personalizar fácilmente el diseño de tu feed de Twitter con unos pocos clics desde el editor de feeds en directo. Así, puedes hacer que tu feed tenga exactamente el aspecto que deseas, ¡sin necesidad de HTML, CSS personalizado ni ningún tipo de codificación!

twitter live feed editor

Si crees que la codificación no es lo tuyo, Twitter Feed Pro es la mejor opción para ayudarte a incrustar ejemplos específicos de widgets de Twitter, como feeds de hashtags, búsquedas personalizadas, feeds de carrusel X y cronologías de usuarios en tu sitio web.

¿Te preguntas cómo puedes empezar a incrustar tus feeds de Twitter? Echa un vistazo a este post sobre cómo añadir un widget de Twitter en WordPress y sigue las instrucciones paso a paso.

Cómo añadir un widget de YouTube

Por último, para ayudarte a mostrar los feeds de YouTube en tu sitio web, puedes utilizar YouTube Feed Pro de Smash Balloon.

Es el mejor plugin de feeds de YouTube para WordPress, por lo que incluso los principiantes pueden utilizarlo fácilmente para incrustar sus feeds en sólo unos minutos.

youtube feed pro plugin smash balloon

Con la ayuda de YouTube Feed Pro, puedes añadir fácilmente un feed de YouTube personalizable a tu sitio web, simplemente marcando o desmarcando opciones.

No necesitas ser un experto en codificación o diseño para configurar tu feed porque el plugin hace el trabajo duro por ti.

También puede ahorrar mucho tiempo utilizando el plugin. ¿Por qué? En lugar de obtener el código de cada vídeo de YouTube para incrustarlos manualmente, sólo tienes que conectar tu cuenta de YouTube y dejar que el plugin se encargue del resto.

Para añadir un widget de YouTube al sitio web de tu marca, echa un vistazo a este útil tutorial sobre cómo crear un widget de YouTube para tu sitio web.

Cómo añadir un widget de TikTok Feed

Para la forma más fácil de incrustar TikTok widgets de alimentación en su sitio web, TikTok Feeds Pro tiene cubierto.

Esta herramienta hace que sea más fácil que nunca potenciar tu presencia en la mayor plataforma de vídeos cortos.

tiktok feeds pro página de inicio

Todo lo que tienes que hacer es seguir un flujo guiado de 3 pasos y tu widget de TikTok estará listo para funcionar.

Una vez hecho esto, el plugin mantendrá tu widget actualizado automáticamente cada vez que publiques un nuevo TikTok. De esta forma, podrás tener un flujo regular de vídeos atractivos en tu sitio web.

Además, personalizar tus widgets es muy fácil. Solo tienes que importar una plantilla que te guste y utilizar el práctico personalizador en vivo para cambiar el diseño con unos pocos clics.

tiktok feed pro live feed editor

En definitiva, TikTok Feeds Pro te permite diseñar bonitos widgets y mostrarlos para mantener a los visitantes enganchados en un abrir y cerrar de ojos.

Para más información sobre cómo crear tu widget, consulta esta guía paso a paso sobre cómo incrustar un widget de TikTok en WordPress.

Cómo añadir el widget de noticias de redes sociales (combinado)

Ahora que ya sabes cómo añadir widgets específicos de feeds de redes sociales a tu WordPress, ¿por qué no dar un paso más y combinarlos en 1 feed?

En un único lugar, puedes destacar tus mejores contenidos de las principales plataformas de redes sociales. De este modo, obtendrá todas las ventajas de los widgets sociales habituales y ahorrará espacio en su sitio web.

A continuación, te mostraré cómo crear widgets de feeds sociales combinados con la ayuda de Social Wall Pro.

social wall pro plugin smash balloon

Para empezar, puede obtener su copia de Social Wall Pro aquí e instalarla en su sitio web.

A continuación, vaya al menú Fuentes sociales del panel de control de WordPress.

Desde aquí, puede hacer clic en el botón Añadir nuevo de la parte superior para continuar.

Aquí puede elegir las plataformas de medios sociales que desea utilizar para su nuevo muro social.

Sólo tienes que hacer clic en el botón Añadir al muro de las plataformas que quieras incrustar.

seleccionar fuentes para el muro social

A continuación, sólo tienes que elegir los feeds que quieres añadir a tu muro.

Una vez hecho esto, haga clic en Crear muro y continúe con el siguiente paso.

seleccione feeds para su muro social

En el siguiente paso, puedes utilizar las sencillas opciones de personalización del plugin para cambiar el aspecto de tu muro social.

Personaliza tu widget de redes sociales

Al igual que otros plugins de Smash Balloon, Social Wall Pro también se ve muy bien nada más sacarlo de la caja.

Y si quieres personalizar su diseño, puedes hacerlo fácilmente utilizando el personalizador visual.

A la izquierda encontrarás las opciones para cambiar el diseño de tu muro social, los esquemas de color, los elementos de las publicaciones y mucho más.

live feed editor social wall

Y con la vista previa en directo de la derecha, también puedes seguir todos los cambios en tiempo real.

En primer lugar, haga clic en la opción Diseño de la izquierda para iniciar la personalización.

personalizar el diseño del muro social

Social Wall Pro ahora le permitirá seleccionar entre 3 opciones de diseño: Mampostería, Lista y Carrusel.

Para este post, vamos a seleccionar el diseño de mampostería .

Recuerda hacer clic en Guardar para confirmar las opciones de diseño de tu muro social.

Después, puedes seguir personalizando tu muro haciendo clic en el botón Personalizar de la parte superior.

vuelve a personalizar tu muro social

Como puedes ver, es súper fácil personalizar tu muro social, incluso si eres nuevo en WordPress. Recuerda hacer clic en Guardar para confirmar los cambios.

Después de eso, usted puede aprender cómo incrustar su widget de medios sociales en WordPress en el paso final a continuación.

Añade tu widget de redes sociales a WordPress

Con el plugin Social Wall Pro es muy fácil mostrar tu feed combinado de redes sociales en tu sitio web. Además, puedes empezar directamente desde el editor de feeds en directo.

En primer lugar, haz clic en el botón Incrustar de la parte superior.

integra tu muro de redes sociales

Una vez hecho esto, Social Wall Pro te permite elegir cómo quieres incrustar tu muro:

  • Copiar: Copia el shortcode de tu muro y añádelo manualmente a cualquier parte de tu sitio
  • Añadir a una página: Mostrar el muro social en una página de WordPress
  • Añadir a un Widget: Muestra el muro social en tus áreas de widgets como la barra lateral o el pie de página

Para continuar, seleccione la opción de incrustación que prefiera.

añadir un muro social a una página

Para nuestro ejemplo, utilizaremos la opción Añadir a una página.

Ahora, sólo tiene que seleccionar la página en la que desea incrustar su muro social antes de hacer clic en Añadir.

A continuación, verás la página web abierta en el editor de bloques Gutenberg de WordPress.

Una vez allí, añada un nuevo bloque haciendo clic en el icono más (+).

añadir nuevo bloque wordpress

A continuación, utilice la barra de búsqueda para buscar el bloque "muro social" .

Por último, haz clic en el bloque Social Wall de los resultados de búsqueda que aparecen a continuación: ¡así de fácil!

embed social wall easy

Y una vez que estés satisfecho con tu muro social, haz clic en Actualizar para que los visitantes de tu sitio web puedan verlo cuando consulten tu sitio web de esta manera:

ejemplo de muro social

Así que, ¡ahí lo tienen!

Ahora ya conoces las mejores formas de añadir widgets de redes sociales a tu sitio de WordPress en unos sencillos pasos, todo ello sin tocar ni una sola línea de código.

Dale una oportunidad y podrás aumentar tu engagement, conseguir montones de seguidores en las redes sociales y hacer crecer tu negocio con facilidad.

¿Listo para crear widgets para redes sociales? ¡Consigue el paquete Smash Balloon All Access ahora!

¿Quieres que tu sitio web gane más dinero? Tenemos una fantástica lista de los mejores plugins de WooCommerce para convertir tu sitio en una tienda online de éxito.

Más tutoriales y guías sobre marketing en redes sociales

avatar de autor
Lianne Laroya Responsable de marketing de contenidos
Lianne es la directora de marketing de contenidos de Smash Balloon, y cuenta con más de 12 años de experiencia en contenidos para WordPress, marketing en redes sociales, contenidos generados por los usuarios (CGU) y optimización de motores de búsqueda (SEO).

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.