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

Mucha gente que tiene sitios web quiere mostrar ideas o voces diferentes. En mi experiencia trabajando en sitios web y marketing online, veo que es bueno aunar distintos puntos de vista para mejorar un sitio.

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

Si tu sitio web puede beneficiarse de mostrar varios feeds de Twitter -quizás de diferentes miembros del equipo, ponentes de eventos u organizaciones relacionadas-, agregar esos feeds es una gran solución.

Al mostrar un feed de Twitter agregado, presentas un flujo unificado de tweets de múltiples fuentes directamente en tu sitio.

Esto ofrece a sus visitantes una visión más rica y completa de los debates 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.

Voy a compartir las instrucciones claras que he utilizado para agregar con éxito los feeds de Twitter, para que pueda mejorar fácilmente su sitio web con esta característica atractiva.

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.

Cuando los usuarios visiten tu sitio web, puedes mostrarles contenidos interesantes de X para mantener su interés. Si dedican tiempo a consultar todos estos tweets, puedes conseguir un SEO mucho mejor para tu sitio.

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

  • Puedes mostrar tus propios tweets y conseguir toneladas de likes, respuestas y más seguidores en Twitter de todas las personas que visiten tu sitio.
  • Si muestra reseñas y testimonios de sus productos, podrá convencer a más personas para que realicen una compra.
  • Utilizando un agregador de imágenes de Twitter, puedes mostrar contenidos visuales atractivos que capten inmediatamente la atención de la gente.
  • Al incrustar tus tweets, los visitantes verán que tu marca está activa en Twitter. Así, será mucho más probable que se pongan en contacto 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.

¿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

Cuando se trata de agregadores de feeds de Twitter, hay toneladas de opciones por ahí. Como resultado, elegir la opción correcta para su sitio puede ser difícil.

Pero si quieres un agregador de Twitter que sea potente además de fácil de usar, hay una herramienta que destaca por encima del resto: Smash Balloon Twitter Feed Pro.

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

Con Twitter Feed Pro, sólo tienes que seguir el flujo guiado de 3 pasos para incrustar contenido de Twitter en tu sitio web, sin necesidad de tocar ni una sola línea de código.

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.

plantillas twitter feed

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.

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

Con todas estas increíbles características, toneladas de propietarios de negocios están utilizando Twitter Feed Pro para hacer crecer sus marcas. De hecho, ¡este agregador de Twitter tiene una valoración de 4,9/5 estrellas con 150.000 usuarios!

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 agregar fuentes de Twitter en su sitio web fácilmente

Siga estos sencillos pasos y podrá mostrar contenido agregado de Twitter en su sitio web en un abrir y cerrar de ojos.

Paso 1: Instalar Smash Balloon Twitter Feed Pro

Para empezar, primero, obtenga su copia del plugin Twitter Feed Pro aquí y luego instálelo en su sitio web.

¿Quieres un repaso rápido de cómo hacerlo? Puedes seguir esta sencilla guía sobre cómo instalar plugins de WordPress.

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 6 tipos de feed diferentes, y cada uno agregará 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.
  • Inicio Timeline: Muestra los tweets en tu página de inicio X
  • Buscar: Mostrar los resultados de una búsqueda en Twitter
  • Menciones: Insertar tweets que mencionen tu cuenta X
  • Listas: Mostrar los tweets publicados por las cuentas de una lista específica de Twitter.

Además, puedes combinar varios tipos de feeds de Twitter en uno solo seleccionando más de una opción.

Una vez que seleccione el tipo de contenido de Twitter que desea agregar, haga clic en Siguiente. En este tutorial, voy a seguir adelante y elegir un feed de hashtags de Twitter.

elegir hashtag twitter feed

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

Una vez hecho esto, Twitter Feed Pro te pedirá acceso de sólo lectura a tu cuenta de Twitter.

Si permites este acceso, el plugin puede ver los contenidos de Twitter y agregarlos por ti. Además, no puede realizar cambios en tu cuenta, por lo que es totalmente seguro.

Para confirmar el acceso de sólo lectura, haga clic en el botón Autorizar app .

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.

Como puedes ver, personalizar tu nuevo feed de Twitter es sencillo con el editor de feed en vivo. Puedes cambiar fácilmente la fuente, el encabezado de Twitter, la longitud del texto, los botones "cargar más" y mucho más desde aquí.

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

Por último, es hora de añadir este feed de Twitter a su sitio web y empezar a agregar tweets. Y con Twitter Feed Pro, esto será súper fácil.

De hecho, tienes 2 formas de mostrar el contenido de Twitter en tu sitio:

  • 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 atraer a tus visitantes. Además, puedes empezar a hacerlo directamente desde el editor de live feed.

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

Como puedes ver, es muy fácil mostrar contenido de Twitter en tu sitio web utilizando este método.

A continuación, vamos a ver cómo puedes incrustar feeds de Twitter en tus áreas preparadas para widgets.

Otra forma de mostrar tweets en su sitio web es incrustando un widget 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 ya está!

Ahora ya sabes cómo agregar feeds de Twitter en tu sitio web WordPress en unos sencillos pasos. Con la ayuda de Twitter Feed Pro, es más fácil que nunca.

Así podrá atraer a sus visitantes, conseguir más seguidores en Twitter, aumentar sus conversiones y mucho más.

¿Lees para agregar feeds de Twitter? Consigue tu copia de Twitter Feed Pro aquí.

Mientras estás aquí, puedes echar un vistazo a nuestra lista de las mejores formas de ganar dinero en Twitter. También puedes leer nuestro próximo post sobre los mejores ejemplos de widgets de Twitter que puedes añadir a tu sitio web.

Por último, si te ha gustado este artículo, conéctate con nosotros en Twitter y Facebook para ver más tutoriales útiles.

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.