¿Cómo conectar Twitter con WordPress? ¡11 métodos!
Publicado: 2020-11-19¿Quieres integrar Twitter con tu sitio? Si está buscando formas simples de hacer esto, lo tenemos cubierto. En esta guía, le mostraremos varias formas de conectar fácilmente Twitter con WordPress .
Hoy en día, la mayoría de las personas usan al menos una plataforma de redes sociales. Por ejemplo, ¡Facebook, Twitter, Instagram y Pinterest juntos tienen más de 4 mil millones de usuarios activos en todo el mundo! Al usar los perfiles de las redes sociales de manera inteligente, puede aumentar su presencia en las redes sociales y llegar a millones de clientes en línea. Ya vimos cómo integrar Instagram con su sitio y hoy le mostraremos diferentes métodos para conectar Twitter con su sitio de WordPress.
¿Por qué integrar Twitter con WordPress?
Twitter tiene más de 300 millones de usuarios activos mensuales y casi 150 millones de usuarios diarios, por lo que es una gran plataforma para llegar a nuevos clientes. Muchos sitios web también utilizan Twitter para mantener informados a sus seguidores sobre el contenido que publican y para interactuar con ellos.
Muchos complementos le permiten compartir automáticamente su contenido en Twitter. Sin embargo, en esta publicación, iremos un paso más allá y le mostraremos varias formas de integrar Twitter con su sitio de WordPress. De esa manera, podrá automatizar tareas, llegar a nuevas audiencias y hacer crecer su negocio.
¿Cómo conectar Twitter con WordPress?
Hay varios métodos para conectar Twitter con WordPress.
- Insertar tweets
- Extraer contenido de un solo tweet/tweetstorm
- Feed de Twitter
- Mostrar tweets específicos
- Widget de línea de tiempo
- botón compartir
- Boton de seguir
- Tweets en la barra lateral
- Compartir contenido
- Iconos de tweet en línea
- Tarjetas de Twitter
En esta guía te las explicamos todas para que elijas la que mejor se adapta a tus necesidades y la apliques a tu sitio.
1) Incrustar tuits
El primer método para integrar Twitter con WordPress es incrustar tweets en su sitio. Y lo mejor es que solo toma 1 minuto.
Primero, busque la URL del Tweet que desea insertar en su sitio. En nuestro caso, mostraremos un tweet de nuestra cuenta oficial de Twitter.
Copie la URL del tweet y vaya a su administrador de WordPress. Aquí, tendrá dos opciones dependiendo de si usa el Editor clásico o Gutenberg.
Editor clásico
Si usa el Editor clásico, vaya a la página o publicación donde desea insertar el tweet, pegue la URL y guarde/actualice la publicación.
Después de eso, verás el tweet en la publicación.
Gutenberg
Por otro lado, si está utilizando el editor de Gutenberg, después de copiar la URL del tweet, busque el bloque de Twitter, pegue la URL del tweet y publique la actualización.
Verá una vista previa en vivo en su editor y la versión final en la interfaz.
Corto y dulce, ¿no? En menos de un minuto, puede incrustar cualquier tweet en su sitio de WordPress y conectarlo con Twitter.
2) Extraer contenido de Tweets individuales o Tweetstorms
Si usa el último editor de Gutenberg como su editor de contenido, puede extraer contenido de Twitter y mostrarlo en su sitio usando el bloque de Twitter . Veamos cómo hacerlo.
Primero, ve a tu editor de Gutenberg y agrega un bloque de Twitter. Luego, ingrese la URL del tweet o tweetstorm que desea incrustar allí. Para esta demostración, insertaremos uno de nuestros tweets.
En la vista previa en vivo, puede ver el tweet y luego verificar la publicación real en la interfaz.
De esta manera, podrá incrustar cualquier tweet o tormenta de tweets en su sitio en menos de un minuto.
Tenga en cuenta que este método solo funciona si utiliza el Editor de Gutenberg.
3) Fuente de Twitter
Esta es una forma muy interesante de conectar Twitter con WordPress, especialmente para aquellos que son muy activos en la plataforma. En esta sección, le mostraremos cómo agregar una mini página de Twitter en su sitio usando la herramienta de publicación de Twitter .
Primero, vaya a la herramienta de publicación de Twitter y seleccione la opción Línea de tiempo incrustada . Deberá ingresar la URL del perfil de Twitter allí.
Luego, verá un código HTML único con una vista previa del widget.
Entonces, si desea incrustar esta página en su sitio, simplemente copie el código HTML y péguelo en la página o publicación que desee. Aquí hay dos opciones:
Editor clásico
Si usa el Editor clásico, asegúrese de estar usando el Editor de texto cuando agregue HTML a su contenido.
Luego, simplemente actualice la publicación y el feed aparecerá en esa publicación.
Gutenberg
Si usa Gutenberg, puede usar el bloque HTML para agregar HTML a sus publicaciones.
Después de agregar el código, actualice la publicación y verá el feed de Twitter que acaba de crear en la interfaz.
Le recomendamos que cree una página dedicada para su feed de Twitter. El código extraerá todos los tweets disponibles en la página, por lo que las publicaciones serán muy largas. Vale la pena señalar que puede incluir su propio feed de Twitter y también el feed de otros. Solo necesita la URL del perfil de Twitter y listo.
4) Mostrar Tweets Específicos
A veces, en lugar de incrustar todo el perfil de Twitter, debe incrustar tweets específicos en su sitio. Para hacer eso, ve al Tweet que deseas agregar y haz clic en el botón de tres puntos en la esquina superior derecha. Allí verás la opción de incrustar. Después de presionarlo, irá a Twitter Publish para obtener un código HTML.
Copie el código HTML y luego vaya a su administrador de WordPress. Si usa el editor Gutenberg, agregue un bloque HTML, pegue el código y guarde la publicación.
Si, por el contrario, utiliza el Editor clásico, utilice el modo Texto y pegue allí el código HTML.
Después de eso, verás el Tweet que acabas de incrustar en tu publicación.
5) Agregue un widget de línea de tiempo de Twitter
Otra opción interesante para conectar Twitter con WordPress es añadir una línea de tiempo a cualquiera de tus áreas de widgets . De esta manera, los clientes podrán ver sus tweets en cualquier página, publicación o donde haya habilitado la posición del widget.
Para agregar un widget de línea de tiempo de Twitter, vaya al sitio web de publicación de Twitter, elija la opción Línea de tiempo incrustada y pegue la URL de su perfil de Twitter.
Luego, copie el código HTML.
Después de eso, inicie sesión en su sitio de WordPress y vaya a Apariencia > Widgets . Allí, deberá agregar un widget HTML a su barra lateral derecha y pegar el código HTML que acaba de copiar.
Luego, guarda los cambios y listo. Finalmente, revise la barra lateral de su sitio web y verá un widget de línea de tiempo de Twitter receptivo allí.
Vale la pena señalar que no necesita hacer nada para que el widget responda. El código se encargará de ello.
Si también desea agregar un feed de Instagram a su sitio, puede usar esta herramienta gratuita, mientras que para incluir un widget de Facebook en su sitio, consulte esta guía.
6) Incluye un botón para compartir en Twitter
Agregar un botón para compartir es una excelente manera de conectar Twitter con su sitio de WordPress. Permitir que sus visitantes compartan su contenido en Twitter lo ayudará a llegar a audiencias más amplias sin costo alguno. Para hacer esto, necesita un complemento para compartir en redes sociales. Aquí, le mostraremos cómo agregar un botón para compartir usando dos herramientas diferentes.
6.1) Mochila propulsora/a>
Jetpack es uno de los complementos más populares que existen y viene con toneladas de funciones. Para incluir un botón para compartir, primero debe instalarlo y activarlo en su sitio web.
Luego, haga clic en el botón Configurar JetPack para registrar su sitio. Necesitará una cuenta de Google o WordPress.com para completar la autenticación.
JetPack es una solución freemium y puede agregar botones para compartir usando la versión gratuita. Para hacerlo, ve a la configuración de Jetpack y luego a la pestaña Compartir . Allí, simplemente activa los botones Habilitar compartir en redes sociales .
Ahora, configuremos los botones para compartir presionando el enlace correspondiente.
Esto lo redirigirá al sitio de WordPress.com. En Marketing e integraciones , verá la configuración para compartir en redes sociales.
Desde allí, puede configurar sus botones para compartir en redes sociales. Una vez que esté satisfecho con los cambios, guárdelos y estará listo para comenzar. Ahora, los botones sociales aparecerán en las publicaciones de su sitio.
Para obtener más información sobre las funciones y los precios de Jetpack, consulte nuestra guía completa de JetPack.
6.2) Social Snap Lite
Social Snap es otra excelente herramienta para agregar botones sociales a su sitio. Tiene una versión gratuita y planes premium. Para esta demostración, usaremos el plan gratuito.
Primero, instale y active Social Snap en su sitio web.
Después de eso, verá la configuración del complemento. Haga clic en el botón Personalizar complemento social .
Luego, verá una página de personalización como esta:
El complemento agrega un ícono para compartir en Twitter de forma predeterminada y puede agregar otras redes sociales desde la configuración de Red .
Además, puede incluir una barra lateral flotante en su sitio. Y lo bueno es que al igual que hemos visto cómo hacer que el encabezado de Divi o cualquier otro elemento sea pegajoso, estos botones de compartir en redes sociales se arreglarán.
Además de elegir qué botones de redes sociales desea mostrar, puede agregar algo de personalización. Desde la configuración en línea , puede cambiar la posición, la etiqueta, la forma y el tamaño del botón, etc.
Después de terminar la personalización, guarde los cambios .
Finalmente, revise su sitio desde la interfaz y verá los botones para compartir en redes sociales.
7) Agregue un botón de seguimiento de Twitter
Además de agregar botones para compartir, otra forma excelente de conectar Twitter con su sitio de WordPress es incluir un botón de seguimiento. De esta forma, tus visitantes podrán seguirte directamente desde tu sitio web.
Agregar un botón de seguimiento es muy fácil y no requiere ningún complemento. Primero, ve a Twitter Publish y debajo de los Botones de Twitter , verás una opción para incluir un botón de seguimiento .
Debe ingresar su URL de Twitter y presionar Vista previa .
Luego, podrá copiar un código HTML único. Vamos a dejar el estilo predeterminado, pero puede consultar las opciones de personalización si necesita aplicar algunos cambios a su botón.
Ahora, veamos cómo agregar este botón a su sitio usando tanto el editor clásico como el editor de Gutenberg.
Editor clásico
Si está utilizando el Editor clásico, vaya al modo de texto de la publicación/página en la que desea incluir el botón y pegue el código HTML en una nueva línea.
Después de eso, publique/actualice la publicación y verá el cambio en la interfaz.
Redactor de Gutenberg
Si usa el editor de Gutenberg, simplemente agregue un bloque HTML y pegue el código HTML en la publicación/página en la que desea incluir el botón.
Luego revisa la interfaz y verás el botón Seguir.
Además, también puede agregar este código HTML a la barra lateral o al pie de página de su sitio web.
8) Mostrar tweets en la barra lateral
Las barras laterales son muy útiles cuando ejecuta sitios web de noticias o ricos en contenido. Y lo bueno es que la mayoría de los temas de WordPress como GeneratePress, Divi o Avada permiten a los usuarios personalizar la barra lateral.
Agregar un widget de Twitter a tu barra lateral es una excelente opción para mostrar información a tus usuarios. Entonces, en esta sección, le mostraremos cómo mostrar tweets en la barra lateral sin instalar ningún complemento.
Primero, ve a tu panel de WordPress > Apariencia > Widgets .
Verá todos los widgets y posiciones disponibles allí. Por ejemplo, en nuestro sitio, tenemos varias posiciones de widgets.
Para esta demostración, agregaremos un nuevo widget de texto a la sección de la barra lateral derecha.
Luego, debe nombrar el widget y pegar la URL del perfil de Twitter en la sección de contenido. Puede encontrar la URL en la barra de direcciones de su navegador. En nuestro caso, vamos a utilizar la URL de nuestro identificador de Twitter.
Entonces, después de modificar nuestro nuevo widget de texto, se verá así:
Como puede ver, WordPress convierte automáticamente la URL en un feed de Twitter desplazable. Finalmente, guarde el widget y verifique la interfaz de su sitio web para ver el resultado.
9) Comparte tu contenido en Twitter
Compartir su contenido de WordPress en Twitter es una excelente opción para integrar ambas plataformas y obtener tráfico social adicional para su sitio. Hacer esto manualmente lleva tiempo y no es una buena opción si publicas contenido regularmente en tu sitio. Sin embargo, hay una solución para eso.
En esta sección, le mostraremos el método de uso compartido estándar de Twitter y la nueva función Tweetstorm. Tenga en cuenta que necesitará Jetpack instalado y configurado. Si no estás seguro de cómo hacerlo, echa un vistazo a esto.
9.1) Método de intercambio estándar
Una vez que termine el artículo que desea compartir, vaya a la configuración de Jetpack.
Luego, conecta tu cuenta de Twitter.
Aquí, también podrá conectar otras cuentas de redes sociales como Facebook, LinkedIn, etc.
Después de conectar su cuenta de Twitter, verá una opción para compartir su publicación en la cuenta de Twitter como un enlace. Ese es el uso compartido estándar .
Ahora, echemos un vistazo al método tweetstorm.
9.2) Método Tweetstorm
Si en lugar de compartir tu contenido como un enlace quieres publicar la publicación completa como un hilo de Twitter, simplemente selecciona la segunda opción.
Configurar esto en su sitio de WordPress lo ayudará a ahorrar algo de tiempo. No necesitarás iniciar sesión en Twitter cada vez que quieras compartir algo. Con esto, cuando publiques una publicación, se compartirá automáticamente en todos tus perfiles de redes sociales vinculados.
10) Agregue iconos de tweet en línea
Cuando comparte noticias importantes, es una buena idea agregar íconos de tweet en línea a sus publicaciones. De forma predeterminada, WordPress no incluye esta función, pero puede agregar fácilmente un botón de tweet a su contenido con el complemento Inline Tweet Sharer. Veamos cómo hacerlo.
Primero, instale y active Inline Tweet Sharer en su sitio.
Luego, vaya a la configuración del complemento en la sección de configuración de WordPress.
Allí, puede ingresar su nombre de usuario de Twitter y seleccionar otras opciones, pero es opcional.
Después de eso, puede agregar el ícono de Tweet usando un código abreviado en el editor de WordPress. El shortcode que vamos a usar es [inlinetweet] . Por ejemplo, mira la captura de pantalla que tenemos a continuación.
Si revisa la publicación desde la interfaz, verá el texto Tweetable que será un enlace.
Cuando haga clic en él, su navegador abrirá el sitio de Twitter y desde allí podrá compartirlo en Twitter.
11) Agregar tarjetas de Twitter
Finalmente, el último método para conectar Twitter con WordPress es a través de tarjetas. En esta sección, le mostraremos cómo crear una tarjeta de Twitter utilizando dos complementos gratuitos: Yoast SEO y JM Twitter Cards.
11.1) Agregar tarjetas de Twitter con Yoast SEO
Si ya instaló y configuró Yoast SEO, no dude en omitir la instalación y los ajustes de configuración básicos. Si es nuevo en Yoast, instálelo y actívelo desde el repositorio de complementos de WordPress.
Después de eso, ve a la sección Social de Yoast SEO.
Allí, podrá ingresar su nombre de usuario de Twitter.
Después de guardar los cambios, en la sección de Twitter, verá la configuración de la Tarjeta de Twitter. Asegúrate de habilitarlo.
Luego, vaya a la configuración de Usuarios y agregue su nombre de usuario de Twitter.
¡Eso es! Ahora, cuando alguien tuitee tus publicaciones en Twitter, verá una tarjeta.
Yoast SEO es solo uno de los complementos de SEO que existen. Si está utilizando otras herramientas como Rank Math SEO o All In One SEO Pack, necesitará un complemento adicional para incluir tarjetas de Twitter en su sitio web. Veamos cómo hacerlo con JM Twitter Cards.
11.2) Añadir Twitter Cards con JM Twitter Cards
JM Twitter Cards es un excelente complemento gratuito para agregar tarjetas de Twitter.
Después de instalar el complemento en su sitio de WordPress, vaya a la configuración del complemento. Deberá ingresar su nombre de usuario de Twitter, el nombre de usuario de su empresa y configurar el tipo de tarjeta que desea mostrar.
Luego guarda la configuración y listo. Ahora, cuando alguien comparta tu publicación en Twitter, verá la tarjeta de Twitter.
Conclusión
En general, integrar Twitter con su sitio es una excelente manera de mejorar su presencia en las redes sociales y llegar a más clientes. En esta guía, hemos visto varios métodos diferentes para conectar Twitter con WordPress:
- Insertar tweets
- Extraer contenido de un solo tweet/tweetstorm
- Feed de Twitter
- Mostrar tweets específicos
- Widget de línea de tiempo
- botón compartir
- Boton de seguir
- Tweets en la barra lateral
- Compartir contenido
- Iconos de tweet en línea
- Tarjetas de Twitter
Todos estos métodos son muy fáciles de implementar así que elige el que mejor se adapte a tus necesidades. Si ejecuta un sitio de WordPress rico en contenido, puede agregar botones para compartir en redes sociales a sus publicaciones usando Jetpack o Social Snap con unos pocos clics.
Por otro lado, si eres muy activo en Twitter, crear una mini-página de Twitter en tu sitio es una opción fantástica. De esta forma, los usuarios podrían obtener todo ese contenido de su sitio, lo que le ayudará a aumentar el tiempo en la página. Además, es imprescindible agregar un botón de seguimiento y opciones para compartir su contenido en su sitio.
Finalmente, si desea integrar sus cuentas de redes sociales con su sitio, consulte estas guías:
- ¿Cómo agregar el widget de Facebook a WordPress?
- Galería de feeds de Instagram: el mejor complemento de Instagram para WordPress
¿Conoces algún otro método para conectar Twitter con WordPress? CUAL es tu favoritO? ¡Háganos saber en la sección de comentarios! Y si te ha resultado útil este artículo, compártelo en las redes sociales.