¿Listo para mostrar conversaciones dinámicas de Twitter/X en tu sitio web con un feed de hashtags en directo?
Si utilizas hashtags para tu negocio, eventos o campañas, mostrar un feed de hashtags de Twitter en directo en tu sitio web es una idea inteligente.
Un feed de hashtags de Twitter en tu sitio muestra todos los últimos tweets que utilizan un hashtag específico. Esto puede impulsar la participación de los usuarios, aumentar la exposición de la marca y mostrar a los visitantes lo que la gente está diciendo sobre el tema elegido en ese momento.
Como comercializador de medios sociales, sé que puede ser difícil conseguir que un hashtag de Twitter se muestre exactamente como quieres en tu sitio web utilizando las opciones estándar de incrustación de Twitter.
En Smash Balloon, hemos ayudado a más de 1,75 millones de sitios web a mostrar feeds de redes sociales en WordPress. Nuestros plugins de redes sociales facilitan la visualización de contenidos de redes sociales como X.
En este artículo, te guiaré a través de un proceso de 5 pasos que utilizo para incrustar fácilmente un feed de hashtags de Twitter o X.
Utilizando mi experiencia en integraciones de medios sociales, voy a proporcionar una guía sencilla y actualizada para 2025, para que pueda obtener rápidamente su hermosa Twitter / X hashtag feed funcionando siguiendo paso a paso - sin necesidad de codificación.
En este artículo
- 2 métodos para integrar un feed de hashtags de Twitter/X en su sitio web
- La forma más fácil de añadir un feed de hashtags en Twitter/X
- Cómo incrustar un X (Twitter) Hashtag Feed en su sitio web: Guía completa
- ¿Por qué integrar los hashtags de Twitter en tu sitio web WordPress?
- Conclusión y próximos pasos
- Más tutoriales y guías sobre redes sociales
2 métodos para integrar un feed de hashtags de Twitter/X en su sitio web
Si desea mostrar feeds de redes sociales con contenido X (Twitter) en su sitio, existen 2 métodos:
- Manual (Sin Plugin): Utiliza el generador de código de inserción de feeds de Twitter y luego modifícalo para que muestre una línea de tiempo de Twitter con tweets con hashtags. Si no eres un experto en tecnología, puedes contratar a un desarrollador para que te ayude.
- Automático (Twitter Feed Pro Plugin): Utilice Twitter Feed Pro de Smash Balloon para conectar su cuenta de Twitter e incrustar su feed de hashtags de Twitter en unos pocos clics.
| Característica | Uso del Twitter Feed Pro de Smash Balloon | No utilizar un plugin |
| Complejidad de la instalación 🛠️ | Configuración rápida y fácil con una interfaz sencilla. | Configuración compleja que requiere conocimientos de programación y comprensión de la API. |
| Requisitos de codificación 💻 | No es necesario codificar: ¡perfecto para principiantes! 🙂 . | Requiere código JavaScript y HTML, además de conocimientos de la API de Twitter. |
| Acceso a las funciones 🚀 | Acceso a funciones avanzadas como múltiples feeds de Twitter y moderación de feeds. | Limitado a las capacidades básicas de incrustación de tweets individuales. |
| Opciones de personalización 🎨 | Utiliza el personalizador visual de feeds del plugin para ajustar el diseño y el contenido de tu feed de hashtags de Twitter, ¡con sólo hacer clic! | Personalización mínima si no estás familiarizado con la codificación. |
| Inversión de tiempo ⏰ | Pon en marcha tus feeds de hashtags de Twitter/X en cuestión de minutos. | Proceso largo, puede llevar días o semanas solucionar el problema. |
| Ayuda y asistencia 📞 | Puedes ponerte en contacto con el equipo de expertos en WordPress de Smash Balloon para obtener ayuda. | No hay soporte dedicado; la resolución de problemas depende de ti. Puede costar más contratar a un desarrollador. |
| Conclusión final ✨ | ¿Listo para incrustar tu widget de Twitter/X hashtag fácilmente? Echa un vistazo a Twitter Feed Pro de Smash Balloon hoy mismo. | Si no quieres utilizar un plugin de Twitter y prefieres incrustar los feeds manualmente, prepárate para una configuración complicada con montones de limitaciones. |
La forma más fácil de añadir un feed de hashtags en Twitter/X
La forma más sencilla de incrustar contenido X es utilizar un plugin de Twitter para WordPress. El plugin buscará automáticamente los tweets y los incrustará en tu sitio, ahorrándote mucho tiempo y esfuerzo.
Hay un montón de herramientas por ahí, pero el que voy a utilizar para este tutorial es el mejor plugin de Twitter feed para WordPress: Smash Balloon Twitter Feed Pro.
Con esta herramienta podrás crear e incrustar hashtags de Twitter en cuestión de minutos y sin necesidad de codificar. Además, tiene otras funciones muy útiles:
- Además de las publicaciones con hashtags, puedes incrustar tus publicaciones de Twitter para conseguir más participación y convertir a los visitantes del sitio en seguidores.
- Todos los feeds de Twitter que crees tendrán un aspecto estupendo desde el primer momento porque copia automáticamente el tema de tu sitio web.
- El plugin es bastante ligero, por lo que puedes mostrar mucho contenido de Twitter en tu sitio y todo se cargará tan rápido como siempre.
- Dispones de un personalizador visual que te permite diseñar hermosos feeds de Twitter con facilidad, incluso si no eres un experto en tecnología.
Se puede decir que este plugin hace bien su trabajo ya que tiene una sólida puntuación de 4,9/5 estrellas y más de 150.000 usuarios lo utilizan.
Consejo de experto: ¿Quieres mostrar tu contenido de Twitter en Elementor? Aquí tienes una guía rápida sobre cómo añadir un feed X (Twitter) a tu sitio web Elementor.
Cómo incrustar un X (Twitter) Hashtag Feed en su sitio web: Guía completa
Para la forma más fácil de incrustar hashtags de Twitter con la ayuda de este plugin, todo lo que tienes que hacer es seguir estos pasos.
Paso 1: Instalar Smash Balloon Twitter Feed Pro
Empieza por hacerte con una copia del plugin Twitter Feed Pro aquí e instálalo en tu sitio web WordPress.
Si necesitas ayuda con esto, puedes utilizar este tutorial sobre cómo instalar un plugin de WordPress en tu sitio web como guía.
Paso 2: Crear un nuevo feed de hashtags de Twitter
En primer lugar, crearé un nuevo feed de Twitter exclusivo para publicaciones con hashtags. Para ello, vamos a utilizar el flujo guiado de 3 pasos para crear un nuevo feed de Twitter.
Vaya al menú Twitter Feed " All Feeds de su panel de control de WordPress y haga clic en Add New.
Ahora, es el momento de elegir el tipo de feed de Twitter que desea mostrar en su sitio web:
- Línea de tiempo del usuario: Mostrar el contenido de los medios sociales de su línea de tiempo de Twitter
- Hashtag: Mostrar los tweets que tienen los hashtags elegidos.
- Buscar: Utiliza un término de búsqueda para seleccionar los tweets que quieras incrustar
Como este tutorial trata sobre cómo incrustar un hashtag de Twitter en tu sitio web, seleccionaré la opción hashtag y haré clic en Siguiente.
Paso 3: Conecte su cuenta de Twitter
Al conectar su cuenta de Twitter, el complemento puede obtener tweets y mostrarlos en su sitio web.
Es muy fácil hacerlo. Primero, haz clic en el botón Conectar aquí.
A continuación, el plugin te redirigirá a Twitter para que puedas darle acceso de sólo lectura a tu cuenta.
En resumen, el acceso de sólo lectura significa que el complemento no puede realizar ningún cambio en tu cuenta, por lo que es totalmente seguro.
Para continuar, haga clic en el botón Autorizar app .
A continuación, el plugin te enviará de vuelta a tu sitio web para que puedas terminar de configurar tu feed de hashtags de Twitter.
Para ello, puedes seguir adelante y añadir los hashtags que quieras en el campo Hashtag . En este tutorial, vamos a utilizar el hashtag KEEB_PD, ya que personalmente soy un fan de los teclados.
También puedes añadir varios hashtags separándolos con una coma.
No dudes en cambiar este hashtag por el de tu propia marca para poder mostrar tu propio feed personalizado de Twitter.
Por último, pulse el botón Siguiente.
Paso 4: Personaliza tu feed de hashtags de Twitter
Como he dicho antes, tu feed de Twitter ya tendrá un aspecto bastante agradable nada más sacarlo de la caja, ya que copia el tema de tu sitio.
Para ayudarte a crear feeds de Twitter únicos con facilidad, el plugin te permite elegir entre diferentes plantillas de feeds:
- Por defecto
- Albañilería
- Carrusel simple
- Tarjetas sencillas
- Carrusel de escaparates
- Últimos Tweets
- Widget
Para continuar, seleccione una plantilla de feed de Twitter y haga clic en Siguiente.
¿Quieres tener aún más control sobre el estilo de tu Twitter?
Una vez que elijas la plantilla de tu feed, el plugin abrirá el widget de tu feed de hashtags de Twitter en el editor visual de feeds con vista previa en directo.
Aquí, puedes cambiar las opciones de personalización como el diseño del feed, la combinación de colores, el estilo de la cabecera, el diseño de los botones y mucho más.
En la parte derecha de la pantalla, puedes ver una vista previa en tiempo real de tu feed de Twitter para que puedas seguir tus cambios.
Hay muchas opciones aquí, así que te guiaré a través de algunas de mis opciones favoritas.
En primer lugar, haga clic en la opción Diseño de la fuente de la izquierda.
En esta página, puedes tomarte tu tiempo y jugar con diferentes opciones de diseño para tu feed.
Puede elegir entre 3 opciones: Lista, Mampostería y Carrusel.
Con el diseño de lista , puede mostrar su contenido de Twitter en un diseño de ancho completo en una sola fila.
Como resultado, cada tweet es altamente visible en su sitio web.
A continuación, tienes el diseño Masonry , que muestra tus tweets en diferentes columnas.
Como puedes mostrar montones de tweets a la vez, es una gran opción para una galería de Twitter.
Por último, está la plantilla de diseño Carrusel que puede utilizar para incrustar un carrusel de diapositivas de tweets en su sitio de WordPress.
Después de seleccionar el diseño de Twitter que prefieras, haz clic en el botón Guardar .
A continuación, puedes hacer clic en el pequeño botón Personalizar para seguir editando el diseño de tu feed de Twitter.
Desde aquí, haz clic en Combinación de colores para establecer los colores de tu feed de hashtags de Twitter.
Para ayudarte a cambiar fácilmente los colores de tu feed de Twitter, hay 4 esquemas de color entre los que puedes elegir.
- Heredar del tema: Copiar los colores de la marca de su sitio web
- Claro: Fondo claro con fuente oscura
- Oscuro: fondo más oscuro y fuente más clara
- Personalizados: Selecciona manualmente tus colores
Seleccione la combinación de colores que prefiera y vuelva a hacer clic en Guardar.
Eso no es todo: también puedes personalizar la fuente, el encabezado de Twitter, la longitud del texto, los botones "cargar más" y mucho más en esta página.
Además, puedes añadir filtros para seleccionar las inserciones de Twitter que aparecen en tu feed.
Por último, haga clic en el botón Guardar para confirmar los cambios.
¿Y lo mejor?
No necesitas tocar CSS, HTML, Javascript ni ningún otro lenguaje de codificación. Solo tienes que hacer clic en las opciones de personalización del personalizador visual de feeds del plugin para personalizar el diseño y el contenido de tu feed.
Paso 5: Insertar tu feed de hashtags de Twitter en WordPress
Con la ayuda de Twitter Feed Pro, puede incrustar fácilmente los feeds de Twitter en la página de un sitio web o en áreas preparadas para widgets, como el pie de página o la barra lateral.
Veamos cómo hacerlo.
Añadir Twitter Hashtag Feed a la página de WordPress
Puedes mostrar tu feed de Twitter en tu página de WordPress directamente desde tu editor de feeds en directo.
En primer lugar, haga clic en el botón Incrustar situado en la esquina superior derecha del editor.
Después de eso, podrás ver una nueva ventana emergente en la que podrás establecer la ubicación de tu feed de Twitter.
Por ahora, puede hacer clic en el botón Añadir a una página para continuar.
A continuación, selecciona la página que deseas utilizar para tu feed de hashtags de Twitter y haz clic en Añadir.
Al hacerlo, se abrirá esa página web en el editor de WordPress.
En el editor, haga clic en el icono Más (+ ) para añadir un nuevo bloque de WordPress.
Busca el widget de Twitter Feed y haz clic en él para añadir automáticamente tu feed de hashtags de Twitter a tu página.
Así de fácil, este sencillo widget de Twitter mostrará tu feed de hashtags en tu página.
Cuando estés satisfecho con el aspecto de tu feed de Twitter, haz clic en Publicar para que tu feed de Twitter aparezca en tu sitio web.
Ahora puedes abrir tu sitio web, y puedes ver tu feed de Twitter mostrado en tu sitio mostrando publicaciones con el hashtag elegido.
Añadir Twitter Hashtag Feed a la barra lateral de WordPress
A continuación, te mostraré cómo añadir un widget de Twitter a tu barra lateral o pie de página.
Para empezar, vaya a su panel de administración de WordPress y navegue hasta el menú Twitter Feed " All Feeds.
Ahora, haz clic en el hashtag de Twitter que creaste anteriormente.
Una vez hecho esto, el plugin abrirá de nuevo tu hashtag de Twitter en el editor de live feed.
Allí, haga clic en el botón Incrustar de la parte superior para continuar.
Ahora aparecerá una ventana emergente que te pedirá que elijas la ubicación de tu Twitter.
Para incrustar tu widget de hashtags de Twitter en tu barra lateral o pie de página, selecciona la opción Añadir a un widget .
Una vez hecho esto, el plugin abrirá la página de widgets. Aquí, usted puede elegir dónde desea incrustar un widget de Twitter feed para mostrar hashtags en su sitio.
Desde aquí, puedes hacer clic en el panel Sidebar para añadir allí el feed de Twitter.
¿Quieres mostrar tu widget de Twitter en el pie de página?
A continuación, puede seleccionar el panel Pie de página en su lugar.
Desde aquí, haz clic en el icono más (+) para añadir un widget y, a continuación, haz clic en Twitter Feed.
Por último, haga clic en Actualizar para guardar los cambios.
Ahora, puedes ver tu feed de Twitter en tu barra lateral cuando visites tu sitio web, así:
Para empezar a mostrar feeds de publicaciones de hashtags de Twitter, puedes empezar con Twitter Feed Pro aquí.
¿Por qué integrar los hashtags de Twitter en tu sitio web WordPress?
Los hashtags en Twitter/X son una forma fantástica de seguir temas específicos, eventos o incluso conversaciones sobre tu marca.
Insertar una transmisión en directo de un hashtag concreto directamente en tu sitio web puede ser una forma muy inteligente de llevar ese debate dinámico y ese contenido relevante directamente a tus visitantes.
He aquí por qué incrustar un hashtag de Twitter/X es una gran idea:
- Genere confianza en su empresa: Mostrar tuits centrados en un tema, evento o campaña específicos directamente en tu sitio web actúa como prueba social y genera confianza en tu marca.
- Mejora el posicionamiento de tu sitio: Cuando añades contenido dinámico y actualizado de Twitter a tu WordPress, mantienes el interés de los visitantes del sitio y aumentas el tiempo de permanencia de tu sitio, lo que ayuda a mejorar el SEO de tu sitio web.
- Destaca lo que dice la gente: Al igual que los feeds de hashtags de Instagram, un feed de hashtags de Twitter muestra conversaciones en tiempo real y contenido generado por el usuario (CGU) relacionado con tu marca o tema.
- Mantén el contenido de tu sitio web actualizado: Tu widget de Twitter en directo se actualiza automáticamente, lo que garantiza que tu sitio web siempre tenga la actividad de hashtags más reciente.
Básicamente, incrustar un feed de hashtags es una forma eficaz de añadir contenido relevante, dinámico y atractivo a su sitio web, conectando a los visitantes de su sitio con el pulso de Twitter/X en torno a un tema que le interese.
Conclusión y próximos pasos
Añadir un feed de hashtags de Twitter/X a tu sitio web no tiene por qué ser complicado. Con Smash Balloon's Twitter Feed Pro, puedes tener un feed dinámico de posts usando tu hashtag elegido mostrándose en tu sitio en minutos, no horas.
Según mi experiencia, intentar que una transmisión en directo de tweets de un hashtag específico se muestre correctamente en un sitio web puede ser un verdadero quebradero de cabeza.
Por eso me parece tan útil este plugin. Elimina toda la dificultad de incrustar tu feed de hashtags. No necesitas conocimientos de codificación y los tweets aparecen con un aspecto estupendo en tus páginas, actualizándose automáticamente con las nuevas publicaciones.
¿Listo para compartir fácilmente tweets utilizando tu hashtag favorito directamente en tu sitio web? Esto es lo que recomiendo hacer a continuación:
- Consigue tu copia de Twitter Feed Pro. (Recuerda que tiene una garantía de reembolso de 14 días si quieres probarlo sin riesgos).
- Sigue las sencillas instrucciones de configuración que se muestran en el artículo.
- Comprueba cómo se ve tu nuevo feed de hashtags tanto en ordenadores como en dispositivos móviles.
- Disfrute de contenidos frescos y actualizados automáticamente en su sitio web.
¿Tienes preguntas sobre cómo poner un feed de hashtags de Twitter/X en tu sitio web utilizando Twitter Feed Pro? No dudes en preguntar en los comentarios.
Más tutoriales y guías sobre redes sociales
- Cómo incrustar varios vídeos de TikTok a la vez (método de codificación cero)
- Cómo compartir automáticamente entradas antiguas de WordPress en las redes sociales (de forma sencilla)
- TikTok es tu arma secreta: Las mejores ideas de TikTok para pequeñas empresas
- Los mejores plugins de WordPress para redes sociales por los que juran los profesionales del marketing
- Cómo crear un feed horizontal de Twitter en WordPress
¿Sigue siendo posible incrustar feeds de hashtags X en (por ejemplo) un sitio web de WordPress? ¿O ha cambiado algo en la API de X que hace que esta funcionalidad cueste unos 100 dólares al mes?
Hola Ted,
¡Gracias por ponerte en contacto con nosotros! Puedes crear hashtag feeds usando la versión PRO del plugin; hemos añadido nuestra propia solución API, por lo que no es necesario pagar los 100$/mes, pero hay algunas limitaciones que puedes consultar aquí: https://smashballoon.com/doc/smash-balloon-twitter-changes/
Espero que te sirva de ayuda. Si tienes alguna otra pregunta, no dudes en ponerte en contacto con nosotros a través de nuestro formulario de asistencia aquí https://smashballoon.com/support/.
Saludos 😀