Cómo incrustar una línea de tiempo X (Twitter) en su sitio: Guía paso a paso

Por mi experiencia en marketing digital, sé que X (Twitter) es un lugar estupendo para compartir actualizaciones rápidas y conectar con tu audiencia en tiempo real.

Tanto si quieres sorprender a los visitantes de tu sitio web como aumentar el número de seguidores, una cronología de Twitter puede ser un gran complemento para tu sitio web.

Si incrusta esta línea de tiempo X directamente en su sitio web, podrá llevar ese contenido dinámico a su propio espacio en línea.

Puede parecer un poco difícil al principio (sé lo molesto que son los códigos de incrustación), así que voy a mantener las cosas simples y te guiaré a través de 2 formas de incrustar una línea de tiempo de Twitter.

No dude en hacer clic en una de las secciones siguientes si desea avanzar.

Por qué integrar una cronología X/Twitter en su sitio web

Cuando haces un tweet, tienes una pequeña ventana de tiempo en la que puedes conseguir engagement de forma activa.

Cuando pase ese tiempo, tu contenido de Twitter se perderá en el mar de tweets antiguos. Y no lo digo solo yo; esto está respaldado por investigaciones y datos científicos.

Sé que duele: dedicamos tanto esfuerzo a su contenido en las redes sociales y se desvanecen tras un breve momento en el candelero.

Pero no estamos aquí para lamentar la pérdida de engagement. Te traigo una forma rápida y sencilla de seguir consiguiendo engagement en Twitter mucho después de publicar.

Puede incrustar sus tweets en su sitio web y seguir convirtiendo el tráfico del sitio en visitas, "me gusta", respuestas y retweets, todo ello sin ningún esfuerzo activo.

Y eso es sólo el principio. Puedes hacer mucho incrustando tu timeline de Twitter en tu sitio web:

• Muestre fotos y vídeos para atraer a los visitantes y mantenerlos en su sitio durante más tiempo.
• Genera confianza en tu marca mostrando testimonios positivos de clientes en Twitter.
• Muestre que está activo en Twitter para que los visitantes sepan dónde seguirle para obtener más contenido.
• Impulsa los tweets y anuncios importantes mostrándolos en tu página de inicio.
• Inserte tweets frescos con palabras clave relevantes para impulsar su SEO y llegar a más clientes.

Cómo incrustar manualmente una línea de tiempo de Twitter

Supongamos que quieres incrustar tu cronología de Twitter en tu sitio web y aprovechar todas las ventajas que acabo de describir. El proceso es más o menos así:

• Paso 1: Utilice la página de publicación de Twitter para generar un código de inserción para su línea de tiempo.

• Paso 2: Cambia el tamaño de la incrustación y el idioma mediante las opciones básicas de personalización
• Paso 3: Ajusta el código si quieres personalizar el aspecto de tu incrustación en Twitter.

• Paso 4: Abra la página o entrada de WordPress en la que desea incrustar los tweets.
• Paso 5: Inserte manualmente el código anterior en esta página o entrada.
• Paso 6: Continúe ajustando el código hasta que esté satisfecho con su línea de tiempo.

No es un proceso demasiado alocado, pero hay que tener en cuenta algunas desventajas obvias:

• Si no estás acostumbrado a codificar, no puedes controlar realmente el diseño de tu línea de tiempo de Twitter incrustada.
• Puedes acabar con una línea de tiempo de Twitter que desentone con el diseño o la marca de tu sitio web.
• Este método no te permite controlar qué tweets se incrustan, por lo que no puedes destacar realmente los tweets importantes.
• Digamos que algo se rompe en tu sitio cuando estás insertando el código. No tendrás un equipo de soporte que te ayude a arreglar las cosas.
• Y si Twitter se desconecta durante un tiempo (lo que no es muy raro, por desgracia), tu incrustación también dejará de funcionar.

La manera más fácil de incrustar Twitter Timeline en WordPress

Si sólo quieres poner algunos tweets en tu sitio web, la forma manual hace el trabajo. Pero si quieres sacarle más partido a Twitter, puedes utilizar un plugin de WordPress.

De esta manera, incrustar líneas de tiempo es más rápido, más fácil y te da mucho más control. Y el mejor plugin cuando se trata de incrustar contenido de Twitter es Smash Balloon Twitter Feed Pro.

Con este (apropiadamente llamado) plugin, puedes crear una línea de tiempo de Twitter mucho más poderosa con un proceso mucho más simple.

De hecho, pude crear, personalizar e incrustar una línea de tiempo de Twitter en cuestión de minutos, y sin tocar una sola línea de código de incrustación.

Estos son algunos de los aspectos más destacados de este plugin de Twitter:

• Además de incrustar líneas de tiempo de Twitter, puedes incrustar hashtags de Twitter e incluso resultados de búsquedas.
• Sólo tienes que seguir el flujo guiado de 3 pasos y tener un feed de Twitter listo para funcionar en unos pocos clics sin ningún tipo de codificación.
• El plugin viene con una colección de plantillas con diseños únicos para que puedas importarlas con un solo clic,
• Puedes moderar tu feed y establecer filtros para elegir qué tweets aparecerán en tu sitio web.
• Para tener un mayor control sobre tu cronología de Twitter, dispones de un editor en vivo con montones de opciones de personalización con las que jugar.

Twitter Feed Pro es una herramienta bastante ligera también. Tenía toneladas de tweets, fotos y videos, en mi sitio web, y todo se cargaba tan rápido como siempre.

No espero mucha optimización de los plugins de WordPress, así que ha sido una agradable sorpresa.

En definitiva, Twitter Feed Pro es una herramienta muy útil. La brillante calificación 4.9/5 estrellas de más de 150.000 usuarios activos hace un buen trabajo de mostrar lo útil que puede ser.

Puede obtener su copia de Twitter Feed Pro aquí y probar el plugin usted mismo.

Hay una garantía de devolución del dinero de 14 días sin preguntas, así que tienes tiempo de sobra para comprobar si es lo que buscas sin ningún riesgo.

Cómo incrustar una línea de tiempo de Twitter en su sitio web (5 pasos)

Ahora, vamos a ver cómo se puede utilizar el plugin para incrustar líneas de tiempo de Twitter en su sitio web. Voy a ir paso a paso, así que, vamos a empezar:

Paso 1: Descargar el plugin Twitter Feed Pro

En primer lugar, vaya y obtenga su copia del plugin Twitter Feed Pro desde aquí. Una vez que tengas el plugin, puedes instalarlo y activarlo en tu sitio web.

Si necesitas un repaso rápido, puedes consultar esta guía sobre cómo instalar un plugin de WordPress paso a paso.

Paso 2: Crear un nuevo feed de Twitter

En este paso, puede crear un nuevo feed que puede utilizar para mostrar su línea de tiempo de Twitter.

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 .

Después de hacer eso, Twitter Feed Pro le pedirá que elija el tipo de contenido que desea mostrar en su feed. Hay 3 opciones aquí:

• Cronología del usuario: Elige una cuenta de Twitter y muestra su cronología
• Hashtag: Mostrar tweets con los hashtags seleccionados
• Buscar: Introduzca los términos de búsqueda e incruste los resultados

Vamos a seguir adelante y seleccionar la opción de línea de tiempo de usuario por ahora y luego haga clic en Siguiente.

Paso 3: Conecta tu cronología de Twitter

Ahora que has creado un feed, puedes conectarlo a tu cuenta de Twitter para que muestre los tweets de tu timeline.

Para ello, haz clic en el botón Conectar de la ventana emergente.

Esto abrirá el sitio web de Twitter, donde puedes conectar tu cuenta al plugin Twitter Feed Pro. Puedes hacerlo dando al plugin acceso de solo lectura a tu cuenta.

Usando este acceso, el plugin sólo puede ver nuestro contenido y no puede hacer cambios en absoluto, lo cual es un gran alivio.

Por lo tanto, haga clic en el botón Autorizar aplicación .

A continuación, puede seleccionar qué línea de tiempo de Twitter desea mostrar en su sitio web. Puede introducir su propio nombre de cuenta de Twitter o elegir mostrar la cronología de cualquier otro usuario de Twitter.

Sólo tienes que introducir el nombre del perfil de Twitter en la ventana emergente y hacer clic en Siguiente.

Paso 4: Personaliza tu cronología de Twitter

En unos segundos, el plugin hará su magia y creará una línea de tiempo de Twitter que coincidirá automáticamente con tu diseño. Es una de las funciones que más me gustan, ya que ahorra mucho tiempo.

También tienes diferentes formas de personalizar el feed de Twitter recién creado. En primer lugar, puede elegir entre una colección de plantillas de alimentación para importar para su alimentación:

• Por defecto
• Tarjetas de albañilería
• Carrusel simple
• Tarjetas sencillas
• Carrusel de escaparates
• Último tweet
• Widget

Sólo tiene que elegir una plantilla de alimentación cuyo diseño prefiera y, a continuación, hacer clic en Siguiente.

Después de elegir la plantilla, Twitter Feed Pro te enviará al editor de feed en vivo, donde podrás cambiar el aspecto de tu línea de tiempo de Twitter antes de incrustarla.

Hacia la izquierda, puedes encontrar las opciones de personalización para cambiar el diseño de tu feed, el fondo, el número de tweets, los colores, el estilo de la cabecera, el botón de cargar más y mucho más.

A la derecha, puedes ver una vista previa en directo de tu cronología de Twitter. Siempre que realices algún cambio, podrás ver los resultados mediante la vista previa en tiempo real.

Voy a repasar rápidamente algunas opciones principales para mostrarte cómo funciona el personalizador.

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

Ahora puedes elegir entre 3 diseños diferentes para tu cronología:

• Lista
• Albañilería
• Carrusel

Debajo de las opciones de diseño, puedes encontrar las opciones para elegir cuántas publicaciones mostrar en tu feed de cronología a la vez.

Puedes elegir el diseño de lista para mostrar una sola columna de contenido de Twitter con un aspecto similar al del sitio web oficial de Twitter.

Además, así todos tus tweets serán más visibles.

A continuación, tienes el diseño de mampostería, que muestra muchos tweets a la vez en varias columnas.

Es una forma estupenda de mostrar una galería de fotos y vídeos de Twitter en tu sitio web.

Por último, tienes el diseño de carrusel que puedes utilizar para convertir tu línea de tiempo de Twitter en un bonito pase de diapositivas.

Como resultado, puede hacer que su sitio web sea más interactivo.

Después de seleccionar el diseño de la línea de tiempo, haga clic en Guardar para confirmar los cambios.

A continuación, puedes seguir personalizando tu timeline de Twitter con este editor de feed en directo. Para ello, en primer lugar, haz clic en el botón Personalizar de la parte superior.

Después de cambiar el diseño, te mostraré cómo cambiar el diseño de tus tweets.

Para ello, haz clic en la opción Tweets de la izquierda.

Desde aquí, puede personalizar el estilo general de los tweets, o diseñar cada uno de los elementos de estos tweets en su lugar.

En este ejemplo, utilizaré el estilo Tweet para abreviar.

Ahora, puedes elegir entre 2 tipos de diseños para las publicaciones de Twitter:

• En recuadro: Coloca un recuadro alrededor de cada uno de tus tweets
• Regular: Incrusta los tweets directamente en el fondo

Aquí elegiré el diseño en caja . También puede cambiar el color y los márgenes de la caja alrededor de los tweets.

Como antes, guarda los cambios antes de continuar.

Así es como funciona básicamente todo el personalizador. Elige la opción de diseño, comprueba cómo se ve a tu derecha y modifica el diseño hasta que estés satisfecho con tu línea de tiempo de Twitter.

Por último, haga clic en el botón Guardar antes de pasar al último paso.

Paso 5: Insertar una línea de tiempo de Twitter en su sitio web

Con el plugin, puedes elegir entre 2 formas de añadir líneas de tiempo de Twitter a tu sitio:

• Añadir una línea de tiempo de Twitter en una página de WordPress
• Añadir Twitter feed timeline en la barra lateral de WordPress o pie de página como un widget de Twitter

A continuación te mostraremos las dos formas de incrustar líneas de tiempo de Twitter:

Insertar Twitter Timeline en una página de WordPress

Con el editor de feeds en directo, puedes empezar a incrustar tu contenido de Twitter con facilidad.

En primer lugar, haga clic en el botón Incrustar situado en la parte superior del editor.

Esto abrirá una nueva ventana emergente en la que puedes elegir incrustar tu línea de tiempo en una página, mostrarla como un widget o copiar manualmente el shortcode.

Para continuar, puede hacer clic en el botón Añadir a una página .

Ahora, verá todas las páginas de su sitio web WordPress.

Sólo tiene que elegir la página en la que desea mostrar su línea de tiempo y, a continuación, hacer clic en el botón Añadir .

Una vez hecho esto, Twitter Feed Pro abrirá la página en el editor de WordPress.

A continuación, puede añadir un nuevo bloque de contenido haciendo clic en el icono más (+).

Utilizando la barra de búsqueda de la parte superior, busca el bloque "twitter feed".

A continuación, haz clic en el bloque Twitter Feed de los resultados de búsqueda que aparecen a continuación para incrustar tu cronología de Twitter en esta página.

Para confirmar los cambios, no olvide hacer clic en el botón Actualizar de la parte superior.

Así de fácil, has incrustado el timeline de Twitter en tu página de WordPress. Ahora puedes abrirla para comprobar cómo la ven tus visitantes.

Insertar Twitter Timeline en la barra lateral o pie de página de WordPress

También puede utilizar Twitter Feed Pro para mostrar su línea de tiempo en la barra lateral o pie de página de su sitio web como un widget de Twitter.

Para ello, puedes utilizar el editor de vídeo en directo como antes.

Si quieres abrir tu feed de Twitter en el editor de feeds en vivo, sólo tienes que abrir el menú Twitter Feed " All Feeds desde tu panel de WordPress.

Ahora puedes ver todos los feeds que has creado con el plugin.

Para continuar, simplemente haga clic en el feed de la línea de tiempo de Twitter que desea incrustar.

Al hacer clic en él, se abrirá de nuevo tu cronología de Twitter en el editor de noticias en directo.

A partir de ahí, haz clic en el botón Incrustar de la esquina superior derecha.

Ahora puede elegir la parte de su sitio web en la que desea mostrar el contenido de Twitter.

Esta vez, haga clic en el botón Añadir a un widget para continuar.

Al hacerlo, accederá a la página Widgets de su sitio web. Ahora, usted puede elegir entre la barra lateral y pie de página aquí.

Para este ejemplo, elegiré Pie de página, pero el proceso es el mismo para cualquiera de ellos.

A continuación, crea un nuevo widget haciendo clic en el icono más (+) de la parte inferior.

Por último, selecciona el widget Twitter Feed para incrustar tu cronología.

Ahora, puede guardar los cambios haciendo clic en el botón Actualizar de la parte superior.

Así de fácil, has creado, personalizado e incrustado una línea de tiempo de Twitter en tu sitio web WordPress. Para ver cómo queda, puedes abrir tu sitio web y comprobarlo.

Con eso, deberías ser capaz de incrustar líneas de tiempo de Twitter en tu sitio web. Como he dicho, es un proceso bastante sencillo si utilizas la herramienta adecuada.

Sólo tienes que acordarte de mantener un flujo de tweets atractivos, y podrás volver a publicarlos en tu sitio web y seguir consiguiendo engagement con facilidad.

¿Listo para mostrar las líneas de tiempo de Twitter en tu sitio? Empieza a utilizar Twitter Feed Pro hoy mismo.

Si quieres más formas de integrar Twitter en tu sitio web, tenemos una lista de los mejores widgets de Twitter para incrustar en tu sitio web.

Otras guías y tutoriales sobre redes sociales

• Los mejores plugins de TikTok para sitios web WordPress (imprescindibles)
• Cómo añadir Instagram Feed en su sitio web (la forma más fácil)
• Las mejores herramientas de enlace en la biografía de Instagram para aumentar tus seguidores
• Cómo crear feeds de Instagram que se puedan comprar (para pequeñas empresas)