Cómo incrustar tus tweets en WordPress fácilmente (para principiantes)
Inicio Blog Cómo incrustar tus tweets en WordPress fácilmente (para principiantes)

Cómo incrustar tus tweets en WordPress fácilmente (para principiantes)

Cómo incrustar tus tweets en WordPress fácilmente

¿Buscas una forma sencilla de mostrar tus tweets en tu sitio de WordPress, aunque estés empezando?

Incrustar tus tweets puede ayudarte a destacar conversaciones clave, compartir actualizaciones y animar a los visitantes a seguirte en Twitter.

Dado que la tasa media de participación orgánica de Twitter es sólo del 0,05%, tiene sentido promocionar tus tweets más allá de la plataforma de Twitter y llegar a un público más amplio.

Pero intentar utilizar las opciones básicas de WordPress o los fragmentos de código manuales puede resultar confuso rápidamente, especialmente para los principiantes.

Recuerdo que cuando me propuse por primera vez conectar mi cuenta de Twitter a mi propio sitio, me topé con muchos obstáculos antes de encontrar una solución fácil que realmente funcionara.

Aquí en Smash Balloon, hemos guiado a miles de usuarios de WordPress a través de integraciones de medios sociales sin problemas como los feeds de Twitter, haciendo el proceso libre de problemas y eficaz.

En este artículo, te mostraré los pasos para incrustar tweets en WordPress para que puedas hacerlo en cuestión de minutos, incluso si nunca has tocado una línea de código.

En este artículo

Formas de incrustar tweets en WordPress

En primer lugar, debes saber que hay 2 formas de incrustar un tweet en WordPress.

  • Manualmente: Puedes copiar la URL del tweet y pegarla en tu web. De esta forma, WordPress lo incrustará automáticamente. Lamentablemente, puede llevar mucho tiempo si quieres incrustar varios tweets.
  • De forma sencilla: Con el plugin Twitter Feed Pro, puedes añadir fácilmente tantos tweets como quieras a tu sitio. Incluso puedes añadir feeds de Twitter que puedes configurar para que se actualicen automáticamente a medida que haces nuevos tweets.

Cómo incrustar tus tweets en tu WordPress (manualmente)

Para incrustar manualmente un tuit, primero abre el tuit en tu navegador. A continuación, busca la URL en la barra de direcciones de la parte superior y cópiala .

copiar URL del tweet

Una vez hecho esto, vuelve a tu sitio web para poder incrustar el tuit.

En el panel de control de WordPress, vaya al menú Páginas " Añadir nuevo para abrir el editor de WordPress.

añadir nueva página wordpress

También puedes utilizar un post de WordPress si lo deseas. Para ello, ve al menú Entradas " Añadir nueva desde tu panel de control.

Utilizaremos una página de WordPress como ejemplo.

añadir nuevo post wordpress

A continuación, basta con pegar la URL anterior en el editor y WordPress la incrustará automáticamente.

incrustar un tweet en wordpress

También puedes utilizar el bloque de Twitter para WordPress. En primer lugar, haz clic en el pequeño icono de signo más (+) y escribe "twitter" en la barra de búsqueda. A continuación, selecciona el bloque Twitter .

añadir blog twitter a wordpress

Ahora sólo tienes que pegar la URL de Twitter de antes en ese campo y luego hacer clic en incrustar.

copiar url de twitter en bloque de wordpress

Una vez hecho esto, WordPress incrustará el tweet por ti. No olvides hacer clic en Publicar para guardar tu progreso.

mostrar el tweet incrustado en su sitio

Aunque puede ser una forma sencilla de incrustar un tweet en las entradas de tu blog de WordPress, tiene muchas limitaciones.

  • Para cada tuit, tendrás que ir a copiar la URL y volver para pegarla. Y si haces un nuevo tweet, tendrás que repetirlo de nuevo. Así que estás perdiendo un montón de tu valioso tiempo solo para incrustar varios tweets.
  • No es posible personalizar o cambiar el aspecto de los tweets. Como resultado, los tuits pueden desentonar con tu propio estilo de marca.
  • Si quieres añadir varios tweets de un hashtag específico, tendrás que añadirlos manualmente.

Cómo incrustar tus tweets en WordPress (de forma sencilla)

Buenas noticias: hay una forma mejor de incrustar tus tweets en la que no tienes que lidiar con todas esas limitaciones.

Con Twitter Feed Pro, te será súper fácil mostrar tus tweets en tu sitio web.

Este plugin de Twitter para WordPress te ayudará a incrustar tweets en un abrir y cerrar de ojos, para que puedas interactuar con tus usuarios.

Lo que me gusta de este plugin es que puedo incrustar varios tweets en mi feed de Twitter, sin necesidad de pegar el enlace de cada tweet. Puedo incrustar feeds de Twitter enteros a la vez.

Y a diferencia de la forma manual, Twitter Feed Pro viene con un montón de opciones de personalización. Por lo tanto, puede cambiar el diseño, tamaño, colores, fuente, y más para cambiar la apariencia de sus tweets.

De hecho, el plugin copiará automáticamente el diseño del sitio web para tus tweets. Como resultado, tus tweets van a coincidir con el aspecto de tu marca, sin ningún esfuerzo adicional por tu parte.

¿Todavía estás indeciso? Bueno, aquí hay algunas características más que obtendrá con este plugin:

  • Muchos tipos de feeds: Puedes publicar más que tweets individuales aquí. Twitter Feed Pro puede publicar una línea de tiempo de usuario, hashtag feed, resultados de búsqueda, menciones, listas de Twitter, y mucho más.
  • Ligero: No se preocupe por todos sus tweets ralentizar su sitio. Twitter Feed Pro ha sido construido para la velocidad, por lo que sus feeds se cargarán súper rápido. Además, un sitio web rápido es ideal para el SEO.
  • Personalizador visual de feeds: Para ayudarte a crear hermosos feeds de Twitter con facilidad, puedes utilizar simplemente el personalizador de feeds en vivo, ¡sin necesidad de codificación!
editor de noticias en directo para twitter
  • Lightbox para medios: Cuando incrustas un tweet con una imagen o un vídeo, tus visitantes no tendrán que salir de tu sitio para abrirlo. Puedes mostrar el contenido multimedia con un bonito lightbox.
  • Soporte personalizado: Si alguna vez te encuentras con algún problema con tus incrustaciones de Twitter, entonces tendrás un equipo de expertos de WordPress listos para ayudarte en cualquier momento

Todas estas grandes características han hecho de Twitter Feed Pro el mejor plugin de Twitter para WordPress. Su calificación de 4,9/5 estrellas con más de 150.000 usuarios activos habla por sí mismo.

opiniones de usuarios custom twitter feeds pro

En definitiva, hay mucho que amar de este plugin. Con él, será muy fácil conseguir más seguidores en Twitter y publicar tweets que atraigan a tus visitantes.

¿Listo para empezar a incrustar tweets en WordPress en cuestión de minutos? ¡ Empieza hoy mismo con Twitter Feed Pro!

Por lo tanto, vamos a empezar y le mostrará cómo incrustar varios tweets en WordPress con Twitter Feed Pro.

Paso 1: Instalar y activar Twitter Feed Pro

Lo primero es lo primero, usted puede ir y obtener su copia de Twitter Feed Pro aquí.

Una vez que lo tengas, sólo tienes que instalarlo y activarlo en tu sitio web.

¿No está seguro de cómo hacerlo? Bueno, puedes tomarte un segundo para echar un vistazo a esta útil guía sobre la instalación de plugins de WordPress

En el paso 2, puede utilizar el plugin para crear un feed de Twitter para su sitio web.

Paso 2: Crear un nuevo feed de Twitter

Después de instalar y activar el plugin, puede utilizar el flujo guiado para crear feeds de Twitter con facilidad.

Para empezar, vaya al menú Twitter Feed " Todas las fuentes desde el panel de control de WordPress y haga clic en el botón Añadir nuevo de la parte superior.

añadir nuevo feed personalizado de twitter

Una vez hecho esto, Twitter Feed Pro le pedirá que elija su tipo de feed de Twitter. Hay 6 opciones aquí que usted puede elegir:

  • Línea de tiempo del usuario: Escoge esta opción si simplemente quieres incrustar tweets de un perfil específico de Twitter
  • Hashtag: Usted puede ir para la opción hashtag que incrusta tweets con hashtags específicos
  • Línea de tiempo de inicio: Si desea incrustar contenido de su propia línea de tiempo de Twitter, puede elegir esta opción
  • Búsqueda: Utilizando este tipo de feed, puedes mostrar los resultados de búsqueda de Twitter en tu sitio web
  • Menciones: Elige esta opción para mostrar un feed de Twitter que incrusta todos los tuits que mencionan tu marca
  • Listas: Este tipo de feed puede ayudarte a incrustar tweets de las listas de Twitter que elijas

Además, aquí puede incluso seleccionar varias opciones para combinar distintos tipos de fuentes en una sola.

Después de seleccionar el tipo de feed de Twitter, haz clic en el botón Siguiente .

Para nuestro tutorial, utilizaremos el hashtag Twitter feed.

elegir hashtag twitter feed

Con esto, ya tienes un nuevo feed de Twitter en tu sitio web. Ahora que tienes tu feed listo, puedes conectarlo a tu cuenta de Twitter en el paso 3.

Paso 3: Conecte su cuenta de Twitter

Con Twitter Feed Pro, puedes conectar fácilmente tu cuenta de Twitter en un par de clics.

En primer lugar, haz clic en el botón Conectar de la página.

conectar la cuenta de twitter a wordpress

Una vez que hagas clic, el plugin te redirigirá a Twitter. Aquí, tendrás que dar acceso al plugin a tu cuenta.

Dado que se trata de un acceso de sólo lectura, el complemento sólo puede consultar la información de su cuenta y no puede modificar nada.

Haz clic aquí en el botón de la aplicación Autorizar y ya habrás conectado tu cuenta.

autorizar twitter acceso solo lectura.jpg

A continuación, el plugin te enviará de vuelta a tu sitio web para que puedas terminar de configurar tu feed de Twitter.

Para ello, puedes añadir una fuente, que puede ser un perfil de usuario, un hashtag, un término de búsqueda, etc., que quieras utilizar como fuente.

Sólo tienes que añadir la fuente en la ventana emergente y hacer clic en Siguiente.

Para nuestro hashtag de Twitter, hemos elegido el hashtag "KEEB_PD" como fuente.

seleccione los hashtags de su feed de twitter

Una vez hecho esto, puedes pasar al siguiente paso: personalizar el aspecto de tus tweets.

Paso 4: Personaliza tus Tweets

Una vez que conectes tu feed de Twitter a una fuente, puedes elegir qué plantilla de feed quieres utilizar.

Si eliges una plantilla de feed, podrás darle al instante un aspecto único a tu feed de Twitter. Puedes elegir entre 7 opciones:

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

Después de elegir tu plantilla de Twitter, haz clic en Siguiente para continuar.

elija una plantilla de alimentación

Para una personalización más profunda, ahora puedes utilizar el editor de feeds en directo.

Puedes encontrar opciones de personalización para configurar el diseño de tu feed, el estilo de la cabecera, la opción de lightbox, esquemas de color y mucho más en el panel izquierdo.

Hacia la derecha, puedes ver una vista previa en directo de tu feed de Twitter para que puedas seguir tus cambios.

live feed editor twitter feed pro visual preview

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

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

Al cambiar el diseño, puedes elegir cómo se ordenan los tweets en tu feed de Twitter.

Desde aquí, puede elegir entre 3 opciones de diseño diferentes: lista, carrusel y mampostería.

feed layout options agregador twitter

El diseño de lista mostrará todos tus tweets en una lista ordenada que se asemeja al diseño de Twitter.

Además, de esta forma cada tuit será más visible.

diseño de lista twitter feed pro

Y si quieres mostrar tus tweets en columnas, entonces tienes la opción de mampostería . Como resultado, puedes mostrar muchos tweets a la vez.

distribución de mampostería twitter feed

Para algo más dinámico, está el diseño en carrusel .

De esta forma, puede añadir un deslizador de Twitter y hacer que su sitio web sea más interactivo para sus visitantes.

diseño carrusel twitter

Una vez elegido el diseño para tu feed de Twitter, confirma los cambios con el botón Guardar.

Para personalizar las demás partes de tu feed de Twitter, haz clic en el botón Personalizar de la parte superior.

volver al menú principal live feed editor

Ahora, sólo tienes que hacer clic en la opción Combinación de colores del panel izquierdo para empezar a configurar los colores de tu feed de Twitter.

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

Tienes 4 esquemas de colores que puedes usar para tu feed:

  • Heredar del tema: Copie los colores del tema de su sitio web
  • Claro: Utiliza un fondo claro y una fuente oscura para tus tweets
  • Oscuro: Elige un color claro para la fuente y un color oscuro para el fondo.
  • Personalizados: Elige manualmente todos tus colores
opciones de combinación de colores para tu feed de twitter

Después de seleccionar su combinación de colores, recuerde hacer clic en Guardar.

Como puedes ver, puedes personalizar fácilmente tu feed de muchas maneras diferentes. Puedes configurar el tamaño, el estilo de la cabecera, la fuente, el diseño multimedia y mucho más.

Cuando estés satisfecho con el aspecto de tu feed de Twitter, haz clic en el botón Guardar para confirmar los cambios.

Finalmente, puedes pasar al último paso e incrustar tu feed.

Paso 5: Insertar tus Tweets en WordPress

Después de personalizar tu feed, puedes finalmente ir e incrustar tus tweets en WordPress. Para ello, Twitter Feed Pro te da 2 opciones diferentes:

  • Inserta tus tweets en páginas de WordPress
  • Insertar tus tweets en una barra lateral o pie de página de WordPress

Insertar tus tweets en páginas de WordPress

Para facilitarte las cosas, puedes añadir tus tweets a tus páginas de WordPress directamente desde el editor de live feed.

En primer lugar, haga clic en el botón Incrustar de la esquina superior derecha.

live feed editor embed button twitter

En la ventana emergente, puedes elegir la ubicación de tu nuevo feed de Twitter. Para continuar, haz clic en la opción Añadir a una página aquí.

añadir a una página

A continuación, verá una lista de páginas de WordPress en su sitio. Selecciona tu página de la lista y haz clic en el botón Añadir .

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

Una vez hecho esto, Twitter Feed Pro abrirá esa página en el editor de WordPress para que pueda empezar a incrustar su feed.

En primer lugar, haga clic en el icono más (+) para añadir un nuevo bloque de contenido.

añadir nuevo bloque wordpress

Por último, busque "twitter feed" y, a continuación, haga clic en el bloque Twitter Feed de los resultados que aparecen a continuación.

incrustar twitter feed en su sitio wordpress

Ahora puedes hacer clic en Actualizar para confirmar tu nuevo feed de Twitter, ¡y ya está!

Ahora puedes consultar tu sitio web y ver todos los tweets incrustados para que los vean tus visitantes.

ejemplo de feed de twitter en un sitio web

Vamos a ver la siguiente forma de incrustar tus tweets.

También puede incrustar sus tweets en el pie de página de WordPress como un widget de Twitter utilizando el editor de live feed.

En primer lugar, haga clic en el menú Twitter Feed " All Feeds de su panel de control de WordPress, y podrá ver todos sus feeds de Twitter en la lista.

A continuación, haz clic en el feed de Twitter que has creado antes.

hashtag abierto en twitter

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

live feed editor embed button twitter

Una vez hecho esto, haga clic en el botón Añadir a un Widget de la ventana emergente para empezar a gestionar los widgets de su sitio web WordPress.

añadir feed de twitter al widget

Desde esta página, puede añadir, eliminar o gestionar los widgets de WordPress en su barra lateral o pie de página.

Para empezar a gestionar los widgets de la barra lateral, haz clic en el panel Barra lateral .

abrir el panel de la barra lateral

O bien, puede hacer clic en el panel Pie de página para gestionar sus widgets de pie de página.

Para este tutorial, utilizaremos la opción de barra lateral.

abrir panel de pie de página

Una vez hecho esto, haz clic en el icono más (+) para añadir un nuevo widget y, a continuación, haz clic en Twitter Feed.

añade un widget de twitter a wordpress

Por último, haz clic en Actualizar y ya habrás incrustado tu feed de Twitter en tu sitio web de WordPress.

Sólo tienes que ir a tu sitio, y deberías ver un feed de contenido de Twitter en el área de widgets.

incrustar twitter feed en la barra lateral de wordpress

¡Y ya está!

Ahora ya sabes cómo incrustar tus feeds de Twitter en WordPress de la manera más fácil. Sin codificación, sin shortcode.

Con esto, ahora puede conducir fácilmente el tráfico de su sitio a su Twitter y ganar seguidores. Y al mismo tiempo, ayuda a convertir a los visitantes en su sitio.

¿A qué estás esperando? ¡Sólo tienes que ir y agarrar el increíble Twitter Feed Pro!

¿Busca resultados inmediatos para su negocio? Entonces echa un vistazo a nuestro artículo sobre los mejores tipos de tweets para hacer crecer tu negocio.

Si este artículo te ha ayudado, síguenos en Twitter y Facebook, y permanece atento a más consejos y trucos de marketing en redes sociales.

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.