Cómo agregar X (Twitter Feeds) en su sitio: Guía paso a paso
Inicio Blog Cómo agregar X (Twitter Feeds) en su sitio: Guía paso a paso

Cómo agregar X (Twitter Feeds) en su sitio: Guía paso a paso

Cómo agregar feeds de Twitter a su sitio web

Muchas personas que tienen páginas web quieren dar a conocer diferentes ideas u opiniones. Según mi experiencia en el ámbito del diseño web y el marketing online, he comprobado que reunir diferentes puntos de vista hace que una página web resulte más dinámica y actual.

X (Twitter) es una plataforma que se nutre de conversaciones diversas.

Si a tu página web le vendría bien mostrar varias cuentas de Twitter, tal vez de distintos miembros del equipo, ponentes de eventos u organizaciones relacionadas, entonces agrupar esas cuentas es una solución estupenda.

Respuesta rápida: La forma más sencilla de agrupar los feeds de Twitter en tu sitio web es mediante un plugin de WordPress como Smash Balloon Twitter Feed Pro, que te permite combinar tuits de varias cuentas, hashtags y listas en un único feed siguiendo una configuración guiada de tres pasos.

Al mostrar un feed agregado de Twitter, presentas un flujo unificado de tuits procedentes de múltiples fuentes directamente en tu sitio web. Esto ofrece a tus visitantes una visión más rica y completa de las conversaciones relevantes en Twitter.

En este artículo, te guiaré paso a paso en el proceso de combinar contenidos X de varias cuentas en una única pantalla dinámica.

En este artículo

¿Qué es un agregador X/Twitter?

Un agregador de Twitter es una herramienta que puede utilizar para mostrar las publicaciones de Twitter en su sitio web.

Utilizando un agregador de feeds de redes sociales específico para X, puedes organizar el contenido de Twitter en feeds e incrustar estos feeds en tus páginas, barra lateral o pie de página.

Un feed que recopila contenido de varias fuentes ofrece a los visitantes más motivos para seguir desplazándose por la página de lo que podría ofrecer una sola cuenta, lo que se traduce en más tiempo de permanencia en la página y más contenido actualizado y rico en palabras clave que los motores de búsqueda pueden indexar.

Y esto es sólo el principio. Aquí tienes más formas en las que los agregadores X (Twitter) pueden ayudar a tu empresa:

  • Combina la cuenta de tu marca con un hashtag de marca, y los visitantes podrán hacerse una idea más completa de quién habla de ti, y no solo de tus propias publicaciones.
  • Al mostrar reseñas y testimonios sobre tus productos, puedes convertir Twitter en una auténtica galería de contenido generado por los usuarios y convencer a más personas para que compren.
ejemplo de feed de reseñas en twitter
  • Con un agregador de imágenes de Twitter, también puedes mostrar contenido visual atractivo que capte de inmediato la atención de los usuarios.
  • Un feed de una sola cuenta solo demuestra que estás activo. Un feed agregado —tu cuenta más las menciones de tu comunidad— demuestra que la gente realmente interactúa contigo.

Como puedes ver, los agregadores X (Twitter) pueden ser de gran ayuda para tu sitio web. Puedes conseguir más ventas, hacer crecer tu presencia en las redes sociales, llegar a más clientes y mucho más.

Si más adelante quieres combinar Twitter con las publicaciones de Instagram, Facebook o YouTube, Social Wall te permite hacerlo en una única pantalla unificada, pero, por ahora, centrémonos en agregar tu feed de Twitter.

¿Preparado para mostrar los feeds de Twitter mediante un agregador de redes sociales?

Echemos un vistazo a la forma más sencilla de agregar feeds de Twitter en tu sitio web WordPress.

La forma más fácil de agregar X (Twitter) Feeds a WordPress

He probado la mayoría de los agregadores de Twitter que hay en el mercado. La mayoría te obligan a renunciar a algo: pierdes el control sobre tu imagen de marca, te ves limitado a una sola cuenta o la versión gratuita parece estar bien hasta que realmente necesitas más de un feed.

Smash Balloon Twitter Feed Pro es la aplicación a la que siempre vuelvo porque no me obliga a hacer esa concesión.

Comparativa de Twitter Feed Pro

Widget de incrustación de Native XAgregadores gratuitos (Curator, Juicer, etc.)Twitter Feed Pro ⭐ Recomendado
¿Se pueden combinar varias cuentas, hashtags o listas en un solo feed?❌ No — solo una fuente⚠️ Normalmente, de 1 a 3 fuentes en los planes gratuitos✅ Sí: fuentes ilimitadas; combina los distintos tipos de feeds como quieras
¿Encaja con el diseño de tu sitio web?❌ No — estilo «X» fijo⚠️ Control limitado del color y el diseño en los planes gratuitos✅ Sí: 7 plantillas, personalizador en tiempo real, hereda tu tema
¿Hay alguna marca o publicidad en tu feed?✅ Ninguno❌ La mayoría de los planes gratuitos muestran el logotipo de la propia herramienta o anuncios✅ Ninguno
Ideal paraUna sola publicación incrustada, nada másProbar el concepto de forma gratuita antes de comprometerseUn feed agregado, totalmente personalizado con la marca y fiable

Si solo necesitas incluir un tuit, el propio widget de X funciona perfectamente. Si quieres un feed agregado que realmente parezca parte de tu página web, Twitter Feed Pro es la opción más rápida.

De hecho, el plugin te guía a lo largo de la configuración en tres pasos. No tuve que abrir ni una sola vez un editor de código ni gestionar ningún código de incrustación.

La forma más fácil de agregar feeds de Twitter a WordPress es mediante el uso de Smash Balloon Twitter Feed Pro

Para que tus feeds de Twitter sean aún más atractivos, puedes elegir entre una colección de bonitas plantillas prediseñadas. Solo tienes que elegir la plantilla que prefieras y tu feed de Twitter copiará ese diseño al instante.

Además, dispones de un editor de feeds en directo con el que puedes personalizar el aspecto de tu feed de Twitter con una vista previa en tiempo real.

De este modo, puedes cambiar rápida y fácilmente el diseño, la combinación de colores, el número de tweets, el tamaño del feed, el estilo de la cabecera y mucho más.

diseños disponibles para su retransmisión en directo en twitter

Además, puedes utilizar Twitter Feed Pro para recopilar contenido de Twitter de muchas formas diferentes, como feeds de hashtags de Twitter, listas de Twitter, resultados de búsqueda avanzada y mucho más. 

De hecho, Twitter Feed Pro tiene actualmente una valoración de 4,9/5 por parte de más de 150 000 usuarios, lo que me indica que no soy el único que lo considera fiable.

twitter feed pro opiniones

¿Listo para agregar feeds de Twitter y hacer crecer tu negocio? Consigue tu copia de Twitter Feed Pro aquí.

Ahora, empecemos con nuestro tutorial y te mostraremos cómo puedes agregar feeds de Twitter de la manera más fácil posible.

Cómo integrar fácilmente los feeds de X (Twitter) en tu página web

Esta es la versión resumida: instala Twitter Feed Pro, crea un nuevo feed y elige el tipo de contenido, conecta tu cuenta, personaliza el diseño con el editor en tiempo real y, a continuación, incrústalo en una página, en la barra lateral o en el pie de página.

A la mayoría de la gente le lleva menos de 10 minutos completar todo el proceso. ¡Empecemos!

Paso 1: Instalar Smash Balloon Twitter Feed Pro

Descarga aquí el plugin Twitter Feed Pro e instálalo como cualquier otro plugin de WordPress.

Si nunca has instalado uno antes, la guía de WPBeginner te lo explica en menos de dos minutos.

Después de instalar y activar el plugin, puede empezar a agregar contenido de Twitter en el paso 2.

Paso 2: Crear un feed de Twitter agregado

Ahora, puede utilizar Twitter Feed Pro para crear un nuevo feed en su sitio.

Para ello, vaya al menú Twitter Feed " All Feeds de su panel de control de WordPress. En la nueva página, haz clic en el botón Añadir nuevo de la parte superior.

añadir nuevo feed personalizado de twitter

Esto creará un nuevo feed de Twitter para su sitio web. A continuación, puede elegir qué tipo de contenido de Twitter desea agregar utilizando este feed.

Puedes elegir entre cuatro tipos diferentes de fuentes, y cada una de ellas recopilará distintos tipos de contenido de Twitter:

  • Cronología de usuarios: Mostrar los tweets de los perfiles de usuario de Twitter
  • Hashtag: Incrustar tweets que tengan hashtags específicos.
  • Buscar: Mostrar los resultados de una búsqueda en Twitter
  • Listas: Mostrar los tweets publicados por las cuentas de una lista específica de Twitter.

Aquí es donde se lleva a cabo realmente la agregación. Además, si seleccionas más de una opción, Twitter Feed Pro recopila el contenido de todas ellas en un único feed.

Selecciona uno o varios tipos de fuentes y haz clic en «Siguiente».

Selecciona el feed de hashtags de Twitter como opción

En este tutorial, voy a elegir un feed de hashtags de Twitter a modo de ejemplo.

Así de fácil, ya tienes un nuevo feed de Twitter en tu sitio web. En el siguiente paso, puedes conectarlo a tu cuenta de Twitter.

Paso 3: Conecte su cuenta de Twitter

Con Twitter Feed Pro, puedes conectar tu nuevo feed a Twitter con unos simples clics.

¿Listo para empezar? En la ventana emergente, haz clic en el botón Conectar .

conectar la cuenta de twitter a wordpress

Aparecerá una pantalla de permisos en la que se te solicitará acceso de solo lectura, lo que significa que el complemento podrá recuperar tus tuits, pero no podrá publicar, seguir ni modificar nada en tu nombre.

Haz clic en «Autorizar aplicación » y ya estarás conectado.

autorizar twitter acceso solo lectura.jpg

Al hacerlo, volverás a tu sitio web de WordPress. Desde aquí, ahora puede elegir la fuente de su feed de Twitter.

Esto significa que puedes introducir en la ventana emergente nombres de Twitter, hashtags, términos de búsqueda, listas de Twitter y mucho más. A continuación, tu feed empezará a mostrar los tweets de esa fuente.

Como antes hemos elegido el tipo de feed hashtag, introduciremos un hashtag para nuestro ejemplo.

A continuación, haga clic en el botón Siguiente para continuar.

seleccione los hashtags de su feed de twitter

Ahora que has conectado tu cuenta de Twitter y elegido la fuente, tu feed está listo para agregar contenido de Twitter.

Antes de añadir el feed a su sitio web, puede personalizar su aspecto en el paso 4.

Paso 4: Personaliza tu feed de Twitter

Con Twitter Feed Pro, tus feeds copiarán automáticamente el diseño de tu sitio web y tendrán un aspecto increíble desde el primer momento.

Y si quieres tener más control sobre tu feed de Twitter, hay montones de opciones de personalización que puedes utilizar.

En primer lugar, puedes elegir la plantilla que deseas utilizar para tu feed de Twitter. Puedes elegir entre 7 plantillas diferentes:

  • Por defecto
  • Albañilería
  • Carrusel simple
  • Tarjetas sencillas
  • Carrusel de escaparates
  • Últimos Tweets
  • Widget

Seleccione la plantilla de alimentación que prefiera y pulse el botón Siguiente.

elija una plantilla de alimentación

Después de elegir una plantilla, puedes utilizar el editor de feeds en directo para personalizar aún más tu feed de Twitter.

Hacia la izquierda, puedes encontrar el panel de personalización. Utilizando las opciones que hay allí, puedes configurar el diseño de tu feed, la combinación de colores, el estilo de la cabecera, el diseño de los botones y mucho más.

live feed editor twitter feed pro visual preview

Cuando utilices estas opciones, podrás ver una vista previa en directo de tus cambios a la derecha. De este modo, tendrás una visión en tiempo real del aspecto de tu feed de Twitter.

Para empezar, busque la opción Diseño de la fuente a la izquierda y haga clic en ella.

elija la opción de diseño de feed crear feed de twitter

Desde aquí, puedes elegir entre 3 diseños para tu feed de Twitter: Lista, Mampostería y Carrusel.

feed layout options agregador twitter

¿Quieres que cada tuit tenga más espacio en tu página?

Puedes elegir el diseño de lista , que muestra todos los tweets en una sola columna.

agregador de listas de twitter

Si quieres agregar muchos contenidos de Twitter a la vez, el diseño de mampostería puede ayudarte.

Esta opción mostrará tus tweets en muchas columnas diferentes a la vez.

distribución de mampostería twitter feed

Por último, tenemos el diseño de carrusel , que muestra los tweets mediante un bonito carrusel de diapositivas de Twitter.

Como resultado, puedes mostrar muchos tweets sin ocupar mucho espacio en tu página.

diseño de carrusel para twitter feed pro

Una vez que hayas elegido el diseño de Twitter que deseas utilizar, haz clic en Guardar.

Para seguir editando el diseño de tu feed de Twitter, haz clic en el pequeño botón Personalizar de la parte superior.

volver al menú principal live feed editor

A continuación, puedes hacer clic en la opción Combinación de colores de la izquierda para empezar a configurar los colores de tu feed de Twitter.

elija la opción de combinación de colores twitter feed

Con este plugin, sólo tienes que elegir una combinación de colores para cambiar instantáneamente todos los colores de tu feed de Twitter a la vez:

  • Heredar del tema: Utilice los mismos colores que el tema de su sitio web
  • Claro: Muestra un fondo claro y una fuente oscura para tu feed.
  • Oscuro: Elige un fondo más oscuro junto con una fuente clara.
  • Personalizados: Selecciona manualmente tus colores
opciones de combinación de colores para tu feed de twitter

Seleccione la combinación de colores que prefiera y vuelva a hacer clic en Guardar.

En general, el editor de la transmisión en directo incluye los detalles que realmente importan a la mayoría de la gente: la fuente, el estilo del encabezado, la longitud del texto y el botón «Cargar más», todo ello con una vista previa que se actualiza sobre la marcha.

Por último, haga clic en el botón Guardar para confirmar los cambios.

Cuando hayas terminado de dar estilo a tu feed de Twitter, es hora de incrustarlo en tu sitio web WordPress a continuación.

Paso 5: Insertar su feed de Twitter en su sitio WordPress

Para mostrar el contenido de Twitter recopilado en tu página web, tienes dos métodos entre los que elegir:

  • Agregue el feed de Twitter en una página de WordPress
  • Agregue el feed de Twitter en su barra lateral o pie de página de WordPress

Veamos a continuación cómo utilizar ambos métodos.

Agregar el feed de Twitter a una página de WordPress

Con este método, puedes mostrar contenido de Twitter en tus páginas para que destaque como elemento principal y capte la atención de los visitantes. Además, puedes empezar a hacerlo directamente desde el editor de la feed en directo.

Para empezar, haga clic en el botón "Incrustar" de la parte superior.

live feed editor embed button twitter

Una vez hecho esto, Twitter Feed Pro le mostrará una ventana emergente que le preguntará dónde desea incrustar el feed de Twitter.

Para continuar, haga clic en Añadir a una página.

añadir a una página

Después, podrá ver una lista de las páginas que tiene en su sitio web.

En la lista, seleccione la página en la que desea agregar su contenido de Twitter y, a continuación, haga clic en el botón Añadir .

añadir el feed de twitter a una nueva página

Ahora, el plugin te enviará a esa página para que puedas incrustar tu feed de Twitter utilizando el editor de WordPress.

En primer lugar, añada un bloque de contenido al editor haciendo clic en el icono más (+).

añadir nuevo bloque wordpress

Utilizando la barra de búsqueda, busca el bloque "twitter feed". A continuación, haz clic en Twitter Feed en los resultados de búsqueda que aparecen a continuación.

incrustar twitter feed en su sitio wordpress

Por último, haz clic en Publicar o Actualizar para confirmar los cambios, y tu Twitter estará en línea.

Ahora, el feed agregará contenido de Twitter y lo mostrará a tus visitantes. Sólo tienes que abrir tu página de WordPress para echar un vistazo.

ejemplo de feed de twitter en un sitio web

Otra forma de mostrar tuits en tu página web es mediante un widget de feed de Twitter.

En primer lugar, ve al menú Twitter Feed " Todos los feeds desde tu panel de control. A continuación, puede ver todos los feeds de Twitter que ha creado en esta página.

Ahora haz clic en el feed de Twitter que acabas de crear para abrirlo en el editor de feeds en directo.

hashtag abierto en twitter

En el editor de retransmisiones en directo, haz clic en el botón Incrustar de la esquina superior derecha para empezar.

live feed editor embed button twitter

En la ventana emergente, haga clic en la opción Añadir a un widget para continuar.

Una vez hecho esto, Twitter Feed Pro te enviará a la página de widgets de WordPress.

añadir feed de twitter al widget

Aquí puedes elegir dónde quieres incrustar el widget de Twitter.

Para mostrar contenido de Twitter en su barra lateral, seleccione el panel Barra lateral .

abrir el panel de la barra lateral

Si prefieres mostrar los tweets en el pie de página, haz clic en Pie de página.

Para nuestro ejemplo, utilizaremos la barra lateral del sitio web.

abrir panel de pie de página

Ahora, añade un nuevo widget de Twitter haciendo clic en el icono más (+) de la parte inferior.

Por último, selecciona el widget Twitter Feed entre las opciones.

añade un widget de twitter a wordpress

Si haces clic en el botón Actualizar de la parte superior, tu nuevo widget de Twitter estará en línea.

Ahora, abre tu sitio web y podrás ver el contenido agregado de Twitter en el pie de página o en la barra lateral.

incrustar twitter feed en la barra lateral de wordpress

Y eso es todo el proceso, desde la instalación hasta disponer de un feed agregado en tiempo real. El verdadero valor se aprecia con el tiempo: en lugar de pegar manualmente los nuevos tuits, tu feed se actualiza por sí solo cada vez que ese hashtag registra nueva actividad.

Si más adelante añades una segunda o tercera fuente, seguirá funcionando exactamente igual, sin necesidad de ninguna configuración adicional.

A partir de aquí, el feed se mantiene actualizado sin que tengas que volver a intervenir, que es precisamente el objetivo de utilizar un agregador en lugar de insertar manualmente un tuit estático.

¿Estás listo para agregar feeds de Twitter? Consigue aquí tu copia de Twitter Feed Pro.

Ya que estás aquí, puedes echar un vistazo a nuestra lista con las mejores formas de ganar dinero en Twitter.

Quizá también te interese leer nuestra próxima entrada sobre los mejores ejemplos de widgets de Twitter que puedes añadir a tu página web.

avatar de autor
Sajjan Sharma Redactor jefe
Sajjan lleva más de 10 años escribiendo sobre WordPress, marketing en redes sociales y negocios online. Sus intereses profesionales se extienden al marketing de influencers, la curación de contenidos y las estrategias de marketing digital.

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.