Cómo agregar tuits en WordPress para aumentar la participación social

¿Estás buscando una mejor manera de agregar tuits a tu sitio de WordPress?

Agregar tuits a tu sitio de WordPress te ofrece la oportunidad perfecta para actualizar e informar a tu audiencia de una manera confiable, rápida y sencilla.

Por otro lado, agregar tuits a tu sitio puede ayudar a aumentar la interacción en redes sociales al redirigir el tráfico de tu sitio a tu página de Twitter.

Como puedes ver, al agregar tuits a tu sitio, terminas en una situación en la que todos ganan, beneficiando tanto a tus redes sociales como a tu sitio web.

En este artículo, analizaremos las mejores maneras de agregar tuits a tu sitio de WordPress para aumentar la interacción.  

¿Tuits incrustados manuales o automatizados? ¿Cuál es mejor?

Twitter, ahora X, es una de las plataformas de redes sociales más grandes que tenemos hoy en día. Sus tuits de estilo fragmentado ofrecen una forma rápida de compartir información. 

Con casi 500 millones de usuarios activos al mes y el uso de hashtags, su estilo de publicación similar a las noticias significa que la información puede llegar a muchas personas rápidamente. 

Es por eso que la mayoría de las figuras públicas usan Twitter para compartir sus noticias o puntos de vista. 

Como empresa, puedes usar esta plataforma de redes sociales de la misma manera para ayudarte a obtener más interacción, más tráfico, aumentar suscriptores e informar a tu audiencia.

Pero debes asegurarte de hacerlo de la manera más fluida posible. Necesitas agregar los tuits de una manera que no desvíe toda la atención del contenido de tu sitio, pero que también sea lo suficientemente visible como para destacar.

Dicho esto, WordPress y Twitter ofrecen dos formas predeterminadas para incrustar tuits manualmente en tu sitio.

La primera es incrustar el tuit a través del bloque predeterminado de Twitter.

En una página o publicación, busca el bloque predeterminado de "Twitter". Luego, arrástralo y suéltalo en el punto de la página donde deseas que se muestre el tuit.   

Una vez que lo muevas a donde quieres que aparezca el tuit en la página, ve a Twitter y copia la URL del tuit que quieres incrustar.

Para hacer esto, abre el tuit en su propia página para que sea fácil copiar la URL. Con la URL copiada, regresa a tu panel de WordPress.

En tu panel de WordPress, pega la URL en la barra de texto del bloque de Twitter. Cuando presiones "Incrustar", el tuit debería mostrarse automáticamente.

¡Eso es todo! Acabas de agregar un tuit a tu sitio con el bloque de Twitter predeterminado en WordPress.

Se verá como en la captura de pantalla a continuación una vez que se publique la publicación incrustada de Twitter.

El otro método es usar un bloque HTML.

En Twitter, seleccionarás los tres puntos en la esquina superior derecha del tuit que deseas agregar a tu sitio. Luego, en el menú desplegable, selecciona Incrustar publicación. Esto te redirigirá a una nueva página. 

A continuación, decide si quieres que el tuit se muestre como un "Video incrustado" o un "Tuit incrustado". Para este tutorial, elegiremos "Tuit incrustado". Luego, copia el código de incrustación y regresa a tu panel de WordPress.

En tu panel de WordPress, buscarás el bloque HTML. Luego, lo arrastrarás y soltarás en la posición de la página donde deseas mostrar el tuit, de la misma manera que lo hiciste con el método anterior.

Finalmente, pega el código de incrustación que copiaste de Twitter en tu bloque HTML en WordPress. 

Nuevamente, el tuit debería aparecer automáticamente como en el proceso anterior de incrustación manual de tuits.

Es posible que hayas notado que con las incrustaciones manuales de Twitter, solo puedes agregar una publicación a la vez. No puedes personalizar estos tuits, lo que puede hacer que parezcan fuera de lugar en tu sitio. 

Aquí hay problemas adicionales que puedes encontrar con las incrustaciones manuales de tuits.

• Adaptabilidad: Incrustar tuits manualmente puede hacer que no sean adaptables. Para garantizar una buena experiencia de usuario en varios dispositivos, se requieren herramientas adicionales para la personalización.
• Tiempos de carga: Dado que la incrustación manual de tuits implica que agregues un tuit a la vez, tu sitio puede terminar sobrecargado con demasiados tuits incrustados. Esto puede ralentizar el rendimiento general de tu sitio.
• Limitaciones de personalización: El bloque predeterminado de Twitter o la incrustación básica de HTML no ofrecen muchas funciones de personalización a menos que utilices herramientas adicionales.
• Dependencia de Twitter: Si los servidores de Twitter están caídos o experimentan problemas, esto puede afectar la visualización de los tuits en tu sitio. 
• Impacto SEO limitado: Los motores de búsqueda no pueden indexar completamente o retrasar la indexación del contenido de los tuits incrustados utilizando estos métodos predeterminados. Estos métodos convierten el contenido en scripts, que a Google generalmente le resulta difícil interpretar. 
• Seguimiento y análisis: Incrustar tuits directamente limita tu capacidad para rastrear la participación e interacciones del usuario en tu sitio. 
• Consistencia y marca: El uso de opciones de incrustación predeterminadas no proporciona una marca consistente con el resto de tu sitio, ya que solo puedes usar el tema de Twitter.
• Preocupaciones de privacidad: Dado que los tuits incrustados manualmente implican que tu sitio se comunique con los servidores de Twitter, la seguridad del sitio puede verse comprometida fácilmente.
• Problemas de compatibilidad: Los complementos y temas de WordPress a menudo entran en conflicto con las incrustaciones manuales de Twitter, lo que reduce la calidad de la experiencia del usuario.

Como puedes ver, aunque Twitter ofrece formas manuales de agregar tuits a tu sitio, puedes enfrentar problemas con los procesos.

Entonces, ¿cómo obtienes todos los beneficios de agregar tuits a tu sitio sin las limitaciones mencionadas anteriormente? ¿Cómo logras esto sin experiencia en codificación? Y lo más importante, ¿cómo lo haces de manera asequible?

¡Smash Balloon ofrece la solución perfecta!

Agregar tuits con Smash Balloon

Smash Balloon te ayuda a crear Feeds de Twitter altamente personalizados, que coinciden con tu marca y el diseño de tu sitio, hasta el estilo de fuente del sitio web si lo deseas. 

Este plugin personalizado de feeds de Twitter también es increíblemente fácil de configurar, lo que lo hace ideal para principiantes. Incluso sin experiencia en codificación, te tomará menos de 5 minutos configurar un feed de Twitter con Smash Balloon por completo.

Para añadir a eso, Smash Balloon es una colección de plugins que conectan las redes sociales y los sitios de WordPress. 

Bajo este paraguas de plugins, Smash Balloon ofrece Twitter Feed como la solución perfecta para incrustar automáticamente tweets en tu sitio sin ninguna intervención manual después de la configuración inicial.

Aquí hay otras razones por las que Smash Balloon es la mejor manera de crear un Feed de Twitter:

• No es necesario iniciar sesión en tu cuenta de Twitter para configurar un feed
• Puedes agregar cualquier cuenta de Twitter al feed de tu sitio con facilidad
• Puedes agregar un feed a través de un hashtag, un resultado de búsqueda, menciones o palabras específicas 
• Ayuda a incrustar feeds de Twitter en el mismo sitio o página
• Smash Balloon es adaptable y amigable con dispositivos móviles
• Permite a los visitantes del sitio dar 'me gusta', retuitear y seguir tweets en tu sitio 
• Actualiza automáticamente tu feed, mostrando los tweets más recientes

Pero no son solo las características destacadas las que hacen de Smash Balloon la mejor manera de agregar contenido de Twitter a tu sitio; es la tecnología detrás del plugin.

Debido a que Smash Balloon incrusta directamente los tweets sin scripts ni iFrames, pueden ser rastreados por los motores de búsqueda. Esto puede ayudar a mejorar tus rankings y hacer crecer tu SEO. 

A través de caché inteligente, Smash Balloon ayuda a reducir el tiempo de carga, asegurando que no afecte la velocidad de tu sitio. También ayuda a mantener la velocidad de tu sitio al reducir el número de solicitudes externas a Twitter cuando alguien carga tu feed.

Utilizando tecnología de lightbox, Smash Balloon permite a los visitantes de tu sitio ver imágenes y videos en ventanas emergentes, brindándoles una mejor experiencia en el sitio. Esto puede hacer que los visitantes de tu sitio permanezcan más tiempo en tu sitio. Una tasa de rebote más baja es un buen indicador de SEO, lo que te ayuda con las clasificaciones. 

Además, cuanto más tiempo permanezcan en tu sitio, más aumentarán la participación, lo cual también es excelente para el SEO y la generación de leads. Esto también puede ayudarte a aumentar tus seguidores de Twitter.

La mejor parte de Smash Balloon es que no necesitas ninguna experiencia en codificación para configurarlo o usar sus funciones altamente personalizables. 

Lo que es más importante, una vez que configuras Smash Balloon y lo personalizas como deseas, se ejecutará automáticamente. Nunca tendrás que ajustarlo de nuevo a menos que quieras cambiar su personalización.

Veamos ahora cómo configurar y usar Smash Balloon Custom Twitter Feed paso a paso.

Paso 1: Instalar y Activar Smash Balloon

Primero, debes saber que Smash Balloon Custom Twitter Feed tiene una versión gratuita y una premium.

Si deseas probar este plugin de redes sociales de forma gratuita, dirígete al repositorio de plugins en tu panel de WordPress. Para ello, ve a Plugins » Añadir Nuevo Plugin, luego, en la barra de búsqueda de plugins, escribe “Custom Twitter Feeds”. 

Una vez que encuentres el plugin, descárgalo y actívalo.

Es importante asegurarte de que sea de Smash Balloon, ya que existen muchos plugins similares que no te darán el rendimiento que buscas.

Pero para este tutorial, queremos explorar todas las funciones del plugin, así que optaremos por Custom Twitter Feed Pro. 

Para obtener la versión pro, dirígete al sitio web oficial del plugin, regístrate y compra un plan. 

A continuación, en tu panel de Smash Balloon, dirígete a Mis Cuentas. Aquí, descarga el archivo ZIP de Custom Twitter Feed Pro a tu PC.

Pero antes de regresar a tu panel de WordPress, copia también la clave de licencia, ya que la necesitarás para activar el plugin en el siguiente paso. 

Ahora, ve a tu panel de WordPress y dirígete a Plugins » Añadir Nuevo Plugin. Aquí subirás el archivo de Custom Twitter Feed Pro que descargaste previamente. Una vez instalado, actívalo.

A continuación, necesitarás activar la versión premium para tener acceso a todas sus funciones. Para ello, dirígete al menú Twitter Feed y selecciona Ajustes. 

Luego, en Configuración, ve a la pestaña “General”. Aquí también tendrás las opciones para integrar Twitter, importar o exportar feeds, y en la parte superior, activar el plugin.

En la barra de clave de licencia, inserta la clave de activación que copiaste anteriormente y Activar.

Y así de fácil, has instalado y activado completamente Twitter Feed Pro.

Paso 2: Crea un Feed de Twitter

Con la configuración del plugin completa, ahora puedes crear tu primer feed de Twitter.

Para hacer esto, dirígete a Twitter Feed » Todos los Feeds y luego selecciona Añadir Nuevo.

En la siguiente página, selecciona el Tipo de Feed. Con Smash Balloon, tienes la opción de añadir un feed de Twitter desde la línea de tiempo de cualquier cuenta, un hashtag público o un resultado de búsqueda. 

Para este tutorial, seleccionaremos Línea de Tiempo del Usuario como tipo de feed.

Pero recuerda, no estás limitado a un solo tipo de feed con Smash Balloon; puedes seleccionar las tres opciones al mismo tiempo si lo deseas. 

Y eso no es todo; en la siguiente página, también puedes añadir múltiples perfiles de usuario al mismo feed. Dado que este plugin te permite añadir cualquier perfil público de Twitter, tu feed puede contener contenido diverso de diferentes cuentas.

También puedes añadir otro tipo de feed al mismo feed en esta página. Simplemente selecciona Añadir Otro Tipo de Feed. Luego, en la ventana emergente, elige otro tipo de feed. 

Pero para este tutorial, estamos creando un feed de Twitter simple. Para hacerlo, simplemente pega el nombre de usuario del perfil que deseas añadir en la barra Línea de Tiempo del Usuario proporcionada y procede con “Siguiente”.

Smash Balloon fue creado para ayudarte a tener control total sobre cómo aparece tu feed. Así que en la siguiente página, continuaremos este viaje de personalización del feed seleccionando una plantilla.

Puedes elegir una de las opciones que se enumeran a continuación.

• Predeterminado
• Tarjetas Masonry
• Carrusel Simple
• Tarjetas Simples
• Carrusel de exhibición
• Tweet Más Reciente
• Widget

Usaremos “Tarjetas de Mampostería” para este tutorial debido a su estilo de visualización simple y detallado. Luego, procede a la siguiente página.

En este punto, has completado la creación de tu Feed de Twitter y puedes publicarlo. Pero como esperarías de un plugin de redes sociales tan potente, aún no hemos terminado de personalizar el feed.

Paso 3: Personaliza tu Feed de Twitter

Una vez que selecciones una plantilla, deberías ser redirigido automáticamente al constructor de feeds. Sin embargo, otra forma de acceder a tu constructor de feeds es yendo primero a Todos los Feeds bajo tu menú de Feed de Twitter.

Luego, selecciona el ícono del lápiz junto al nombre del feed que deseas personalizar. Serás redirigido al editor de feeds. 

Recuerda que estos son también los mismos pasos que seguirás si deseas editar cualquiera de tus feeds en vivo después de crearlos.

Una vez que estés en el constructor de feeds, ya sea automáticamente o siguiendo los pasos mencionados anteriormente, puedes personalizar el feed para que coincida con tu marca, colores, sitio web y más.

Primero, veamos un resumen de cómo funciona el editor de feeds antes de ver las opciones de personalización que puedes realizar.

Para empezar, ve al lado izquierdo del editor de feeds.

Aquí notarás dos pestañas: la pestaña Personalizar y la pestaña Configuración. Nos centraremos en la pestaña Personalizar para este tutorial, ya que aquí es donde realizamos los cambios de personalización del feed. 

El menú “Plantilla” es la primera opción en la pestaña Personalizar. Si recuerdas, configuramos la plantilla durante el paso anterior. 

Pero ahora, con la ventana de vista previa a la derecha del editor de feeds, puedes ver cómo aparecerá el feed en vivo. Con esta guía visual implementada, puedes cambiar la plantilla por algo diferente si lo deseas.

Para añadir a eso, también notarás un ícono de PC, tableta y móvil en la esquina superior derecha de la ventana de vista previa. Antes de decidirte por cualquier diseño, puedes verificar estos tamaños de pantalla para ver si tus personalizaciones ofrecen una buena experiencia en todos los dispositivos. 

Finalmente, una vez que esté satisfecho con las personalizaciones que ha realizado en cada opción del submenú, simplemente presione el botón Personalizar con una pequeña flecha para regresar al menú principal del editor de feeds.

Debería ver este botón en la parte superior izquierda de la pantalla cuando abra cada opción del submenú. Para este ejemplo, está encima de la opción del submenú Plantilla en la captura de pantalla a continuación.

Con lo básico fuera del camino, ¡vamos a ello! 

Primero, diríjase al submenú Diseño del feed. Aquí, puede cambiar la estructura del feed a Lista, Mampostería o Carrusel.

Debajo de la configuración de diseño, decida también cuántas columnas desea para una vista móvil, de tableta o de PC. Por defecto, Smash Balloon mostrará los tweets en menos columnas para pantallas más pequeñas. Pero puede configurarlas manualmente para que coincidan con su estilo y sitio.

Una vez hecho esto, establezca el número de tweets que desea mostrar y la altura del feed. Cuando esté satisfecho con estas personalizaciones, regrese al menú principal del editor de feeds. 

Personalicemos el Esquema de colores a continuación.

Por defecto, Smash Balloon utilizará los colores del tema de su sitio web de WordPress. Pero, también puede optar por temas de feed de Twitter "Claro" u "Oscuro". 

Para añadir a esto, también puede cambiar los colores del feed que desea usar manualmente.

Para hacer esto, seleccione Personalizado para personalizar los colores de su feed utilizando la función "Paleta personalizada". Aquí, puede cambiar los colores individuales del Fondo, Acento, Texto y Enlaces en su feed. 

Cuando esté satisfecho, guarde los cambios y regrese para continuar con la personalización.

A continuación, seleccione el submenú Encabezado.

Aquí, primero decida si desea mostrar el encabezado del feed o no con un botón de alternancia. También puede decidir mostrar la biografía del perfil de Twitter en su feed a través de otro botón de alternancia. 

Finalmente, seleccione si desea que el encabezado tenga un diseño "Texto" o "Estándar". Cuando esté satisfecho con el diseño de su encabezado, regrese al menú principal.

A continuación, proceda al submenú Tweets.

Aquí, verá dos opciones: “Estilo de Tweet” y “Editar Elementos Individuales”. 

Vaya a  Estilo de Tweet para editar el “Tipo de Publicación”, donde puede seleccionar En Caja o Normal. Siga esto editando las “Propiedades Individuales”, donde puede cambiar el color de fondo y el radio del borde.

En Editar Elementos Individuales, puedes modificar opciones como la apariencia de imágenes y videos. También tendrás la opción de decidir si quieres permitir que tu audiencia retuitee o responda a tuits directamente desde el feed de tu sitio.

Cuando todo esto esté configurado, regresa al menú principal para continuar haciendo cambios.

En el submenú Cargar Más, primero, usa el botón de alternancia para activar o desactivar esta opción. Luego, puedes cambiar el texto del botón “Cargar Más” a lo que quieras. 

Puedes cambiarlo a tu idioma local o a algo que tu audiencia encuentre más atractivo que ‘cargar más’ si quieres. 

A continuación, cambia el color, el fondo y el estado al pasar el cursor de este botón. En la misma opción de submenú, decide si quieres implementar la opción de scroll infinito. 

Finalmente, activa o desactiva la opción de lightbox con un botón de alternancia. Esto permite a los visitantes ver videos e imágenes en una ventana emergente grande, brindándoles una mejor experiencia. 

Una vez que todas estas personalizaciones estén completas y estés satisfecho con la apariencia de tu feed, presiona el botón “Guardar” en la esquina superior derecha de tu editor de feed.

¡Felicitaciones! Acabas de personalizar completamente tu Feed de Twitter sin necesidad de código usando Smash Balloon. Ahora, lo único que queda es agregarlo a tu sitio. 

Paso 4: Incrusta tu Feed de Twitter en tu Sitio

Hay 3 maneras de agregar tu Feed de Twitter a tu sitio con Smash Balloon.

• Agregar un Feed de Twitter a una página
• Agregar un Feed de Twitter a través de un widget
• Agregar un Feed de Twitter a través de un shortcode

Agregar un Feed de Twitter a una Página

Para agregar el feed a una página, necesitarás seleccionar el botón de incrustar en la esquina superior derecha junto al botón “Guardar”.

En la ventana emergente que aparecerá a continuación, selecciona Agregar a una Página.

Luego, en la siguiente ventana emergente, selecciona la página a la que quieres agregar el feed y procede con Agregar. 

Una nueva página se abrirá automáticamente en una nueva pestaña. Una vez hecho esto, selecciona el ícono de más y, en la barra de búsqueda, busca “Twitter Feed”.

Luego, arrastra y suelta el ícono de Smash Balloon Twitter Feed en la ubicación de la página donde deseas que aparezca el feed. 

Finalmente, haz clic en Actualizar.

Cuando hayas hecho esto, ve a la página en vivo y verás el feed que acabas de agregar aparecer en la página.

Agregar un Feed de Twitter a través de un Widget

Para agregar un feed de Twitter a través de un widget, selecciona nuevamente el botón de incrustar en la esquina superior derecha de tu editor de feed, como lo hiciste con el método anterior.

En la ventana emergente que aparecerá a continuación, selecciona Agregar a un Widget.

A continuación, el plugin debería redirigirte automáticamente a la página de Widgets. Aquí, selecciona y expande el área de widget que deseas usar para agregar el feed. Para este tutorial, agregaremos el feed al widget del pie de página.

Luego, haz clic en el ícono de más y busca “Twitter Feed”. 

Cuando encuentres el ícono de Smash Balloon Custom Twitter Feed, arrástralo y suéltalo en la posición del pie de página que desees en la página. 

Finalmente, haz clic en Actualizar y visualiza el feed en la página en vivo como lo hiciste con el método anterior. ¡Eso es todo! Ahora puedes usar el widget de feed de Twitter.

Agregar un Feed de Twitter a través de un Shortcode

El método de shortcode es particularmente útil si deseas agregar más de un feed a la misma página o publicación. 

Para que te sea más conveniente, hay dos maneras de acceder al shortcode.

Método 1: Primero, ve a Twitter Feed » All Feed. En la lista de feeds mostrada, ve a la columna “Shortcode” y copia el shortcode mostrado junto al feed que deseas. 

Método 2: También puedes acceder a este shortcode seleccionando el botón de incrustar en tu editor de feed y copiando el shortcode mostrado en la ventana emergente.

Con tu shortcode copiado, procede a cualquier página, publicación o área lista para widgets. Luego, selecciona el ícono de más y busca “Shortcode”.

A continuación, arrastra y suelta el ícono de shortcode al punto de la página donde deseas agregar el feed. Luego, en la barra proporcionada, pega el shortcode y presiona Update. 

En tu página en vivo, deberías ver el feed de Twitter mostrado. 

Y así de fácil, has agregado un Feed de Twitter a tu sitio de WordPress usando un shortcode.

¿Qué Más Puede Hacer Smash Balloon Por Ti?

Como puedes ver, a pesar de que Smash Balloon es un plugin increíblemente potente y altamente personalizable, sigue siendo fácil de configurar y usar. 

Sin embargo, Smash Balloon puede hacer más que solo agregar un feed de Twitter. Para empezar, puedes probar sus otros plugins de redes sociales que incluyen lo siguiente.

• Facebook Feed Pro
• YouTube Feed Pro
• Instagram  Feed Pro
• Review Feeds Pro

Pero, ¿y si te dijéramos que con Smash Balloon puedes crear un muro social y agregar feeds de diferentes plataformas de redes sociales como Facebook, YouTube e Instagram con facilidad? 

Puedes combinar todos tus feeds de redes sociales en uno para asegurar que tus visitantes nunca necesiten abandonar tu sitio para acceder a tu contenido social. También tendrán la capacidad de comentar, seguir, republicar, etc., directamente desde tu sitio.

Smash Balloon puede ayudarte a aumentar la interacción no solo con Twitter, sino en todas tus plataformas de redes sociales directamente en tu sitio, al tiempo que ofrece una excelente experiencia de usuario.

Prueba nuestro Smash Balloon hoy mismo y comprueba cómo puede ayudarte a hacer crecer tu audiencia en redes sociales y en tu sitio al mismo tiempo.

Ahora que sabes cómo agregar tweets a tu sitio, aquí tienes preguntas frecuentes que también podrían interesarte.

Preguntas frecuentes: Cómo agregar tweets en WordPress para aumentar la interacción social

Esperamos que hayas disfrutado aprendiendo sobre cómo agregar tweets a tu sitio de WordPress. Aquí tienes una lista de 7 herramientas de automatización de redes sociales para ayudarte a reducir aún más tu carga de trabajo.

Para complementar, aquí tienes una lista de artículos que también podrían interesarte.

• Cómo agregar notificaciones de prueba social en WordPress
• 12 formas de usar las redes socialespara aumentar suscriptores de correo electrónico
• Las 15 mejores herramientas y plugins de marketing de contenidos para WordPress

El primer artículo te enseñará cómo puedes agregar notificaciones de prueba social a tu sitio. Mientras que los dos últimos artículos hablan sobre cómo puedes mejorar el marketing por correo electrónico y de contenido con la ayuda del marketing en redes sociales.