6 pasos que sigo para incrustar feeds personalizados de Twitter/X en mi sitio web de WordPress

¿Tienes curiosidad por saber cómo incrustar sin problemas tus feeds personalizados de Twitter/X en tu sitio de WordPress?

Mostrar tu cronología de Twitter o tus feeds X personalizados en tu sitio web aumenta la participación, comparte actualizaciones frescas y conecta a los visitantes de tu sitio con tus tweets más recientes.

Pero utilizar las opciones de incrustación estándar de Twitter no te ofrece la flexibilidad ni el control de diseño que necesitas.

Además, averiguar cuál es la mejor manera de añadir feeds personalizados de Twitter puede resultar abrumador, especialmente con tantos plugins y configuraciones a tener en cuenta.

Cuando decidí por primera vez mostrar mis propios feeds de Twitter, probé montones de métodos antes de decantarme por un enfoque rápido y fiable.

Gracias a mi experiencia en Smash Balloon ayudando a los usuarios de WordPress a mostrar sus tweets, he encontrado los pasos más sencillos para que tu feed X tenga un aspecto estupendo sin complicaciones.

En este artículo, te guiaré a través de los seis pasos exactos que utilizo para incrustar feeds personalizados de Twitter en mi sitio web de WordPress para que puedas seguirme, incluso si eres nuevo en WordPress o no tienes conocimientos técnicos.

En este artículo

¿Qué son los feeds personalizados de Twitter?

Un feed personalizado de Twitter es una colección de tweets personalizados en función de las necesidades de tu empresa. Puede ser un feed de tweets filtrado por un hashtag específico, usuarios de Twitter o incluso palabras clave de búsqueda.

Los feeds personalizados de Twitter tienen muchas formas y tamaños. Por ejemplo, puedes:

• Crea un feed de Twitter personalizado basado en hashtags relacionados con tu marca
• Incorpora un feed de Twitter con tweets que mencionen tu marca para obtener testimonios de usuarios
• Muestra un carrusel de Twitter en tu sitio web
• Muestre un feed de Twitter personalizado con los resultados de una búsqueda avanzada en Twitter para ofrecer contenidos personalizados que eduquen a sus visitantes.
• Insertar tweets de varios usuarios en el mismo feed de Twitter
• Añade tarjetas visuales de Twitter a tu sitio web

Ahora que ya sabes qué son los feeds personalizados de Twitter, vamos a hablar de cómo incrustar feeds de Twitter de forma manual o automática.

Inserción manual o automática de fuentes personalizadas de Twitter

Existen dos formas principales de mostrar contenido personalizado de Twitter en su sitio web de WordPress:

• Insertar manualmente el código de inserción de Twitter
• Utiliza un plugin de Twitter para WordPress como Twitter Feed Pro para que lo haga todo por ti

Llevo una década mostrando feeds de Twitter personalizados en múltiples sitios web, y mi forma favorita de mostrar tweets en WordPress es utilizar el plugin Twitter Feed Pro de Smash Balloon.

He aquí un resumen rápido de las diferencias entre añadir feeds personalizados de Twitter manualmente y automáticamente mediante un plugin de WordPress:

Característica	Uso de Smash Balloon Twitter Feed Pro	Utilizar código Twitter/X para incrustar manualmente
Configurar	👍 Sencillo: Conecta tu cuenta e incrusta tu feed en unos pocos clics, directamente dentro de WordPress	👎 Complejo: Un proceso de varios pasos que consiste en generar, copiar y pegar código para cada tuit
Personalización	👍 Control total: Utilice un editor visual en vivo para personalizar fácilmente diseños, colores y estilos para que coincida con la marca de su sitio web. ¡No necesitas código!	👎 Estás restringido al estilo por defecto de Twitter a menos que seas un experto en HTML/JavaScript
Conocimientos técnicos	👍 Smash Balloon Twitter Feed Pro está diseñado para ser 100% amigable para principiantes	👎 Requiere conocimientos de codificación o contratar a un desarrollador para la personalización.
Fiabilidad	👍 El equipo de Smash Balloon se asegura de que el plugin esté siempre actualizado, manteniendo tus feeds de Twitter personalizados en línea y fiables	👎 Depende de código externo que puede romperse. Usted es responsable de cualquier solución de problemas
Ayuda	Asistencia de primera clase: Obtén ayuda rápida y amable de nuestros expertos en WordPress	❌ Ninguno: Usted está solo si se encuentra con algún problema.
Conclusión	La forma más fácil y más potente para crear, personalizar y mostrar atractivos feeds de Twitter en su sitio. ¡ Echa un vistazo a Smash Balloon Twitter Feed Pro ahora!	Un método lento para añadir tweets y feeds de Twitter que se desactualizan rápidamente y no ofrecen ningún control de diseño.

La forma más fácil de añadir un feed personalizado de Twitter a WordPress

Ahora te estarás preguntando: "¿Cómo añado un feed de Twitter a mi sitio web?".

Sin duda, la forma más fácil de incrustar feeds personalizados de Twitter en su sitio web WordPress es utilizando el plugin Smash Balloon Twitter Feed Pro.

Twitter Feed Pro es el mejor plugin de feeds de Twitter para WordPress y te permite crear, personalizar e incrustar feeds de Twitter en tu sitio, sin necesidad de codificación.

Lo que me gusta de usar Smash Balloon Twitter Feed Pro es que puedo usarlo para mostrar diferentes tipos de feeds de Twitter personalizables, tales como feeds de hashtags, feeds de línea de tiempo de usuario, carruseles o presentación de diapositivas de tweets, feeds de búsqueda de Twitter y mucho más.

Además, usar Twitter Feed Pro es mucho mejor que incrustar manualmente tus tweets porque:

• Puedes conectar tu cuenta de Twitter y tu sitio web utilizando el plugin en cuestión de segundos
• El plugin obtiene automáticamente tus tweets, sin necesidad de incrustarlos manualmente uno a uno, lo que te ahorrará mucho tiempo.
• Con su sencillo personalizador visual de feeds, puedes crear feeds de Twitter profundamente personalizables que atraigan a tu audiencia con unos pocos clics.
• A diferencia de otros plugins de feeds de Twitter, Twitter Feed Pro carga tus tweets como parte del contenido de tu sitio para que sean legibles por los robots de búsqueda, lo que es ideal para impulsar el SEO de tu sitio.

Además, este plugin para Twitter cuenta con un equipo de soporte formado por expertos en WordPress que se compromete al 100% a ayudarte con tus feeds de redes sociales.

¿Y lo mejor?

Smash Balloon cuenta con la confianza de más de 1,75 millones de usuarios para incrustar feeds de redes sociales en sus sitios web, incluidas las marcas más importantes como Coca-Cola, Indeed y otras, por lo que sabes que estás en buenas manos.

¿Listo para empezar a añadir contenido personalizable de Twitter a tu sitio? ¡ Empieza con Twitter Feed Pro!

6 pasos que utilizo para mostrar feeds personalizados de Twitter en mi sitio web de WordPress

¿Sabías que puedo utilizar Smash Balloon Twitter Feed Pro para mostrar feeds personalizados de Twitter/X en mi sitio web - en cuestión de minutos?

Este es el tutorial paso a paso que sigo para incrustar feeds de Twitter en WordPress, sin necesidad de codificación.

Paso 1: Instalar Smash Balloon Twitter Feed Pro

En primer lugar, vaya y obtenga su copia de Twitter Feed Pro antes de instalarlo en su sitio de WordPress.

Para ello, siga estas sencillas instrucciones para instalar un plugin de WordPress.

Ahora puedes pasar al paso 2 y crear tu feed de Twitter.

Paso 2: Crear un feed de Twitter

A continuación, vaya a Twitter Feed " All Feeds desde el panel de control de WordPress.

En esta página, haga clic en el botón Añadir nuevo de la parte superior para continuar.

Ahora, usted puede elegir qué tipo de feed de Twitter que desea en su sitio web. Twitter Feed Pro tiene toneladas de diferentes tipos de alimentación que incluyen:

• Cronología de usuarios: Mostrar todos los tweets publicados por cualquier usuario de Twitter.
• Hashtag: Mostrar tweets que contengan hashtags específicos.
• Buscar: Elige mostrar tweets que tengan términos específicos

Además, puedes mostrar los tweets de varios usuarios en el mismo feed de Twitter. Para ello, sólo tienes que seleccionar más de un tipo de feed.

En este tutorial, incrustaré una línea de tiempo de un usuario de Twitter que personalizaré más adelante.

Después de elegir el tipo de feed de Twitter, haz clic en Siguiente. A continuación, puede conectar su propia cuenta de Twitter para que su feed pueda mostrar los tweets en su sitio web.

Paso 3: Conecte su cuenta de Twitter

El siguiente paso es introducir el nombre de usuario de Twitter o el identificador de Twitter de la cuenta que quieres mostrar. En este ejemplo, introduciremos el nombre de usuario de @starbucks. A continuación, haz clic en Siguiente para continuar.

Ahora es el momento de personalizar el diseño de tu nuevo feed de Twitter en el paso 4.

Paso 4: Personaliza tu feed de Twitter

Custom Twitter Feeds Pro hace que sea super fácil de personalizar y configurar su feed de Twitter en unos sencillos pasos.

Después de configurar tu feed, el plugin te pedirá que elijas una plantilla de feed que quieras utilizar.

Twitter Feed Pro cuenta con un montón de plantillas de diseño profesional entre las que puedes elegir, por lo que te resultará muy fácil crear feeds de Twitter que encajen con el aspecto visual de tu marca.

Hay 7 plantillas que puedes elegir para seleccionar al instante un diseño único para tu feed de Twitter:

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

Una vez seleccionada la plantilla que prefiera, haga clic en Siguiente.

Después de hacer esto, el plugin abrirá tu feed de Twitter en el editor visual de feeds - ¿ves lo rápido y fácil que ha sido? Ya has creado tu feed de Twitter en unos pocos clics.

Ahora puedes utilizar el editor visual de feeds para personalizar el diseño de tu feed con una vista previa en tiempo real que te ayudará.

Hacia la izquierda, puedes encontrar las opciones para cambiar el diseño de tu feed, la combinación de colores, el estilo de la caja de tweets, el tamaño del feed, el diseño de los botones y mucho más.

Hay una vista previa en directo de tu feed a la derecha que te mostrará cómo se ve todo.

Para empezar, haga clic en la opción Feed Layout del panel izquierdo.

Después, puedes elegir entre 3 configuraciones de diseño diferentes, entre las que se incluyen:

• Lista
• Carrusel
• Albañilería

Con un diseño de lista , tu feed de Twitter se mostrará como una lista de tweets de ancho completo.

Como cada tuit tiene más espacio, es una forma estupenda de destacar el contenido importante.

A continuación, tienes el diseño de mampostería, que muestra los tweets en columnas sin espacio entre ellas. Es una forma estupenda de mostrar fotos y vídeos bonitos en tu sitio web.

Personalmente, me gusta utilizar el diseño de mampostería para que los visitantes de mi sitio web puedan ver las fotos y vídeos de Twitter en mi feed personalizado de Twitter.

Para mostrar tus publicaciones de Twitter en una atractiva presentación de diapositivas, puedes optar por el diseño de carrusel .

Puede hacer que su sitio sea más interactivo utilizando este diseño.

Después de elegir el diseño de tu feed de Twitter, haz clic en Guardar.

Para continuar y personalizar el resto de tu feed de Twitter, sólo tienes que utilizar el pequeño botón Personalizar de la parte superior.

Ahora, sigue adelante y haz clic en Combinación de colores para establecer los colores de tu feed de Twitter.

Con Custom Twitter Feeds Pro, hay 4 opciones de esquema de color:

• Heredar del tema: Utilice los mismos colores que su tema de WordPress
• Luminoso: Mostrar un Twitter brillante con fuente oscura
• Oscuro: Elige un fondo oscuro para tu feed junto con una fuente de color claro.
• Personalizados: Elige manualmente todos los colores para tu Twitter

Una vez seleccionada la combinación de colores, vuelve a hacer clic en Guardar .

Además del diseño de tu feed de Twitter, también tienes control total sobre su contenido.

Con el personalizador visual del complemento, también puedes filtrar tus tweets ocultando o mostrando respuestas o retweets en tu feed de Twitter. Además, puedes ocultar o mostrar tweets en función de las palabras que especifiques:

Como puedes ver, es bastante fácil utilizar el personalizador de Twitter Feed Pro para configurar el estilo de tu tarjeta de Twitter, el diseño de la cabecera, el estilo de los botones, las opciones de lightbox 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.

Por último, puedes pasar al paso 5 e incrustar tu feed de Twitter personalizado en tu sitio web.

Paso 5: Añade tu feed personalizado de Twitter a la página de tu sitio web

Ahora que ya sabes cómo crear feeds personalizados, vamos a ver cómo añadir un feed personalizado de Twitter a tu sitio web.

Para añadir tu feed personalizado de Twitter a una entrada o página de WordPress, haz clic en el botón Incrustar del editor de feeds en directo.

A continuación, verás una ventana emergente que te pregunta dónde quieres incrustar tu feed de Twitter.

Para continuar, haga clic en la opción Añadir a una página .

Ahora puedes elegir qué WordPress quieres utilizar para tu feed personalizado de Twitter. Una vez hecho esto, haz clic en Añadir para continuar.

Esto abrirá esa página en el editor de WordPress para que pueda incrustar el feed.

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

En el cuadro de búsqueda, escribe "twitter feed" para localizar el bloque Twitter Feed y haz clic en él.

Una vez hecho esto, tu feed de Twitter personalizado aparecerá automáticamente en el área de contenido, ¡sin necesidad de lidiar con confusos códigos de incrustación de Twitter!

Sólo tiene que hacer clic en el botón Publicar o Actualizar para confirmar los cambios.

Ahora, puedes abrir tu sitio web, y verás cómo se verá tu feed para los visitantes de tu sitio web.

Además, hay otra forma de incrustar feeds de Twitter personalizados utilizando este plugin.

Vayamos al paso 6 y te mostraremos cómo puedes hacerlo.

Paso 6: Añade tu feed personalizado de Twitter a la barra lateral o al pie de página de tu sitio web

El plugin de Twitter de Smash Balloon también permite incrustar widgets de Twitter en la barra lateral o en el pie de página.

Para empezar, sólo tienes que abrir tu feed de Twitter en el editor de feeds en directo.

Puede hacerlo abriendo la página Twitter Feed " All Feeds desde su panel de control de WordPress. A continuación, busque el feed de Twitter que ha creado y haga clic en él.

Como antes, haz clic en el botón Incrustar de la esquina superior derecha del editor en vivo.

A continuación, puede utilizar la ventana emergente para elegir dónde desea añadir su feed personalizado de Twitter. Haga clic en la opción Añadir a un widget aquí para continuar.

Ahora, el plugin abrirá la página de widgets de tu sitio web para que puedas incrustar el feed de Twitter.

Para ello, haga clic en el panel Sidebar para empezar a gestionar los widgets allí.

O, en su lugar, puedes hacer clic en el panel Pie de página y añadir tu feed de Twitter a tu pie de página.

Por último, haz clic en el icono más (+) para añadir un nuevo widget y, a continuación, haz clic en Twitter Feed.

Así de fácil, habrás añadido el feed personalizado de Twitter a tu barra lateral o pie de página. Haz clic en el botón Actualizar de la parte superior para guardar los cambios.

Ahora, cuando visite una página de su sitio web con una barra lateral, verá su feed de Twitter personalizado incrustado para sus visitantes.

Para más información, consulta esta guía sobre cómo añadir un widget de Twitter a WordPress.

¿Por qué integrar widgets personalizados de Twitter en tu sitio web?

Como hemos mencionado antes, un feed de Twitter puede mostrar una colección de tweets de un perfil específico de Twitter para que puedas promocionar tu empresa en Internet.

Estas son las principales razones por las que es importante mostrar widgets de Twitter personalizados en tu WordPress:

• Aumentar la participación en el sitio : ver un feed de Twitter personalizado integrado en tu sitio significa que los visitantes permanecerán más tiempo en él e interactuarán más con él. Cuanto más tiempo permanezcan en tu sitio, más probable será que lean tu blog, se suscriban a tu lista de correo electrónico y consulten tus productos.
• Impulsa las ventas y las conversiones: un feed de Twitter dinámico que muestre demostraciones de productos, testimonios de clientes e interacciones positivas con la marca puede actuar como una poderosa prueba social e influir en los visitantes del sitio web para que te compren.
• Consiga más seguidores en Twitter: es más fácil convertir a los visitantes de su sitio web en seguidores suyos en Twitter, puesto que ya están interesados en su empresa.
• Mejora el SEO del sitio - Mostrar los feeds de Twitter en tu sitio te permite añadir contenido de Twitter rico en palabras clave que los robots de búsqueda pueden leer, por lo que puede mejorar el SEO de tu sitio, con un esfuerzo mínimo por tu parte.

Y ya está. Esperamos que este artículo te haya ayudado a aprender cómo añadir un feed personalizado de Twitter a tu sitio web.

Ahora sólo te queda crear uno tú mismo para atraer a tu audiencia, aumentar tus seguidores en Twitter y mejorar tu negocio.

¿Listo para añadir tu feed personalizado de Twitter a tu sitio web? Empieza hoy mismo con Twitter Feed Pro.

Empieza ya a incrustar tus feeds personalizados de Twitter

Seguir los 6 pasos de esta guía es una forma fiable de introducir el contenido de Twitter en tu sitio de WordPress.

Desde mi propia experiencia, el uso de Twitter Feed Pro de Smash Balloon hace que todo el proceso sea eficiente y sencillo.

Puede tener un feed personalizado de aspecto profesional en su sitio web en sólo unos minutos, sin necesidad de pelearse con el código.

Esto es lo que te recomiendo que hagas a continuación:

• Consigue tu copia de Twitter Feed Pro aquí. (¡Incluye nuestra garantía de reembolso de 14 días!)
• Sigue los 6 pasos que acabamos de describir para crear e incrustar tu feed.
• Previsualiza tu nuevo feed de Twitter para asegurarte de que queda perfecto en el diseño de tu sitio web.

¿Tienes alguna pregunta sobre el uso de Twitter Feed Pro para seguir estos pasos e incrustar tu feed? Pregúntame en los comentarios.

Artículos populares sobre la visualización de feeds personalizados de Twitter

• Cómo añadir su feed de Twitter a su sitio web Elementor (en 5 minutos)
• Cómo añadir un feed de Twitter a su sitio Divi WordPress
• Cómo añadir un perfil de Twitter/X a su sitio web de Thrive Architect

Puede que también quieras echar un vistazo al siguiente post sobre los mejores tipos de tweets probados para hacer crecer tu negocio ahora mismo.

¿Tienes problemas con tu incrustación de Twitter? A continuación te explicamos cómo solucionar los problemas de incrustación de Twitter en tu sitio web.

Y si te ha gustado este artículo, no dudes en seguirnos en Twitter y Facebook para más tutoriales de marketing en redes sociales.