¿Quieres mostrar tus últimas publicaciones en X (Twitter) en tu sitio web Elementor en cuestión de minutos?
Añadir tu feed X a Elementor es una forma fantástica de mantener tu sitio dinámico, atraer a tus visitantes y aumentar tus seguidores sociales directamente desde tu sitio WordPress.
Con las líneas de tiempo moviéndose rápidamente en X, mostrar sus actualizaciones en tiempo real en su sitio web puede ayudarle a llegar a más personas y aumentar la credibilidad de su marca.
Pero conseguir que tu feed X (Twitter) aparezca perfectamente en Elementor puede ser complicado, especialmente si no eres un programador o eres nuevo en los plugins de WordPress.
Al principio, cuando intenté añadir mi propio feed X a un sitio Elementor, me encontré con algunos obstáculos antes de encontrar un método que fuera rápido y fácil de usar para principiantes.
Con mi experiencia en Smash Balloon ayudando a los usuarios a conectar fácilmente sus sitios de WordPress a X (Twitter) y otras plataformas sociales, he encontrado la solución más fácil para cualquier nivel de habilidad.
En este artículo, te guiaré a través de los pasos exactos para agregar tu feed X (Twitter) a Elementor en 5 minutos, incluso si no eres experto en tecnología o nuevo en la construcción de sitios web.
En este artículo
¿Por qué mostrar los feeds de Twitter de Elementor?
Elementor es un popular plugin de WordPress para la creación de sitios web que puede ayudarte a diseñar sitios web atractivos con facilidad. Cuenta con un sencillo editor de arrastrar y soltar que puedes utilizar para crear páginas fácilmente, sin necesidad de código.
Además, puedes obtener complementos de Elementor para añadir aún más funciones a tu sitio web de WordPress.
Pero si no quieres comprar montones de complementos premium, hay una forma sencilla de hacer que tu sitio Elementor sea aún más atractivo.
Todo lo que tienes que hacer es incrustar un feed X (Twitter) en tu sitio Elementor. De esta forma, puedes mostrar tweets relevantes a tus visitantes y mantenerlos más tiempo en tu sitio web.
Además de esto, aquí tienes algunas formas más en las que un feed de Twitter de Elementor puede ayudar al crecimiento de tu negocio:
- Al incrustar tu cronología de Twitter en Elementor, puedes utilizar el tráfico de tu sitio web para conseguir toneladas de seguidores, retweets, me gusta y mucho más en Twitter.
- Con un feed de Twitter, puede mostrar reseñas y testimonios de personas reales en Twitter. Esta prueba social puede ayudarle a convertir visitantes en clientes de pago.
- Puedes publicar tus propios tweets mediante un feed, para que las últimas noticias y anuncios sean claramente visibles.
- Para promocionar los hashtags de tu marca, puedes mostrar un feed de hashtags de Twitter en tu sitio web de Elementor.
En definitiva, los feeds de Twitter pueden ser un complemento increíble para tu sitio Elementor y una gran manera de ayudar a promocionar tu marca.
Ahora, echemos un vistazo a la forma más sencilla de incrustar un feed de Twitter de WordPress en su sitio.
La forma más fácil de incrustar feeds de Twitter en Elementor
Para ayudar a incrustar contenido de Twitter en su sitio web, hay 2 opciones que puede elegir:
- De forma manual: Genera un código de incrustación para tu feed de Twitter y luego añade el código a tu sitio web manualmente.
- De forma automática: Utiliza un plugin de WordPress para incrustar automáticamente los feeds de Twitter en tu sitio web.
Si eliges la forma manual, significa que tendrás que lidiar con un montón de fragmentos de código al preparar tus feeds de Twitter. Como resultado, puede llevar mucho más tiempo y esfuerzo mostrar tu feed social de Twitter en tu sitio.
Además, si algo sale mal al añadir el código HTML incrustado a tu sitio, no tendrás un equipo de soporte que te ayude.
Para una forma más sencilla de incrustar tweets en su sitio Elementor, la forma más fácil es utilizar un plugin de WordPress como Smash Balloon Twitter Feed Pro.
Twitter Feed Pro es el mejor plugin de feeds de Twitter del mundo y puede ayudarte a crear, personalizar e incrustar feeds de Twitter en tu sitio web Elementor con facilidad.
Para ayudarte a empezar, puedes utilizar el sencillo flujo guiado que viene con el plugin.
Con sólo unos clics, puedes empezar a incrustar contenido de Twitter en tu sitio web, sin necesidad de HTML, CSS ni ningún otro código.
Además, puedes elegir entre los distintos tipos de contenido de Twitter que quieres mostrar, como la cronología de Twitter, el feed de hashtags, los resultados de búsqueda, la cronología de inicio y mucho más.
Además, podrás controlar cómo aparecen los feeds de Twitter en tu sitio web. Puedes elegir entre una colección de plantillas de feeds con diseños únicos.
Para una personalización más profunda, puedes utilizar el editor de feeds en directo para cambiar el diseño de tu feed de Twitter. Puedes configurar el diseño, la combinación de colores, el diseño de la cabecera, el estilo del tuit, el botón de cargar más y mucho más.
Además, Twitter Feed Pro viene con la funcionalidad de almacenamiento en caché inteligente, que guarda una copia de su feed de Twitter. Así, su sitio mostrará esa copia y no tendrá que cargar el feed de Twitter desde cero cada vez.
Como resultado, tus mensajes de Twitter serán más rápidos que nunca, y un sitio web que cargue rápido puede proporcionarte un SEO mucho mejor, por lo que potencialmente podrás posicionarte mejor.
Con todas estas características, este plugin se ha convertido en el mejor plugin de feeds de Twitter del mercado, con una valoración de 4,9/5 estrellas de más de 150.000 usuarios activos.
¿Quieres crear feeds de Twitter Elementor fácilmente? ¡ Consigue Twitter Feed Pro hoy mismo!
Ahora, vamos a echar un vistazo a cómo puede crear Elementor Twitter feeds para su sitio web utilizando este plugin.
Cómo añadir tu feed de Twitter de Elementor a WordPress
Para crear feeds de Twitter para Elementor, todo lo que tienes que hacer es seguir estos sencillos pasos. ¡Vamos a empezar!
Paso 1: Descargar el plugin Smash Balloon Twitter Feed Pro
Puede empezar por conseguir una copia del plugin Twitter Feed Pro desde aquí e instalarlo en su sitio web.
Si no estás seguro de cómo hacerlo, puedes seguir esta sencilla guía sobre cómo instalar plugins de WordPress.
A continuación, puede crear un feed de Twitter para su sitio web con la ayuda de Twitter Feed Pro.
Paso 2: Crear un canal X (Twitter)
Para crear tu feed de Twitter, sólo tienes que seguir el flujo guiado de 3 pasos.
En primer lugar, vaya al menú Twitter Feed " Todas las fuentes desde su panel de control y, a continuación, haga clic en Añadir nuevo.
A continuación, puede elegir el tipo de feed de Twitter que desea añadir a su sitio web Elementor. Puedes elegir entre estas 6 opciones:
- Cronología del usuario: Mostrar tweets y retweets de un perfil específico de Twitter.
- Hashtag: Incrustar tweets que tienen sus hashtags X (Twitter) elegidos.
- Línea de tiempo de inicio: Muestra tu cronología de inicio de Twitter en tu sitio web
- Búsqueda: Busca términos específicos e incrusta los resultados en tu sitio.
- Menciones: Muestra los tweets que mencionan tu perfil X
Para continuar, seleccione aquí un tipo de alimentación y haga clic en el botón Siguiente.
Para nuestro ejemplo, utilizaremos el tipo de feed de línea de tiempo de usuario .
Después de crear un nuevo feed, puedes ir al paso 3 y conectarlo a Twitter.
Paso 3: Conecta tu cronología de Twitter
Al conectar tu cuenta de Twitter, tu feed puede empezar a incrustar contenido de Twitter en tu sitio web.
Sólo tienes que hacer clic en el botón Conectar de la ventana emergente para empezar.
A continuación, el complemento abrirá Twitter para que le des acceso de sólo lectura a tu cuenta de Twitter.
Usando ese acceso, Twitter Feed Pro se conectará a Twitter y verá el contenido allí. Además, no puede hacer ningún cambio en tu cuenta en absoluto.
Como puedes ver, Twitter Feed Pro es completamente seguro de usar.
Para terminar de conectar su cuenta, haga clic aquí en el botón Autorizar aplicación .
Después de eso, es el momento de elegir la fuente que desea utilizar para este feed de Twitter. Dependiendo del tipo de feed, puede ser una cronología de usuario, un hashtag, un término de búsqueda, una lista de Twitter, etc.
Como estamos incrustando una línea de tiempo, hemos añadido el perfil de Twitter de "starbucks " como fuente.
Después de introducir su fuente, haga clic en Siguiente para continuar.
Así de fácil, tu feed de Twitter estará listo para incrustar contenido en tu sitio web Elementor.
Pero antes de eso, es hora del paso 4, en el que puedes personalizar el diseño de tu nuevo feed de Twitter.
Paso 4: Personaliza tu cronología de Twitter
Tu feed de Twitter copiará automáticamente el diseño de tu sitio web y tendrá un aspecto estupendo nada más sacarlo de la caja. Pero si quieres más control sobre su diseño, Twitter Feed Pro tiene cubierto.
Para empezar, puedes elegir importar una plantilla preconstruida para tu feed. Estas son las plantillas que puedes importar:
- Por defecto
- Tarjetas de albañilería
- Carrusel simple
- Tarjetas sencillas
- Carrusel de escaparates
- Último tweet
- Widget X (Twitter)
Después de seleccionar su plantilla de alimentación, haga clic en el botón Siguiente .
A continuación, puede utilizar el editor visual de feeds con vista previa en directo para personalizar el feed de Twitter en detalle.
A la izquierda, puedes encontrar las opciones para cambiar el diseño de tu feed, el estilo de los tweets, los colores, el estilo de la cabecera, el botón de cargar más y mucho más.
Siempre que realices algún cambio en la parte izquierda, puedes utilizar la vista previa en directo de la parte derecha para comprobar el aspecto de tu feed de Twitter.
Para cambiar la forma en que aparecen los tweets en tu sitio Elementor, haz clic en la opción Feed Layout de la izquierda.
Twitter Feed Pro viene con 3 opciones diferentes para su nuevo feed: Lista, Mampostería y Carrusel.
A continuación veremos cada uno de estos diseños.
Con el diseño de lista, puede mostrar los tweets en una sola columna en su sitio web.
De este modo, sus tweets serán claramente visibles para sus visitantes.
Otra opción que puedes probar es el diseño de mampostería y mostrar los tweets en varias columnas.
De esta forma puedes mostrar fácilmente toneladas de tweets a la vez.
Si opta por el diseño de carrusel de Twitter, podrá mostrar los tweets como un carrusel de feeds en su sitio web.
Es una forma estupenda de hacer que su sitio sea aún más atractivo.
Para confirmar el nuevo diseño de tu feed, recuerda hacer clic en el botón Guardar de la parte superior.
Cuando hayas terminado de configurar tu diseño, haz clic en Personalizar para volver a las opciones principales de personalización.
A continuación, puedes empezar a cambiar los colores de tu Twitter utilizando el editor en vivo.
Para ello, basta con hacer clic en la opción Combinación de colores de la izquierda.
Con Twitter Feed Pro, puedes elegir entre 4 esquemas de color diferentes para tu feed:
- Heredar del Tema: Copie los colores de su sitio web
- Claro: Muestra un fondo claro y una fuente oscura
- Oscuro: Elija un fondo oscuro junto con una fuente clara
- Personalizado: Selecciona todos los colores manualmente
Una vez seleccionada la combinación de colores, pulse de nuevo el botón Guardar.
Por último, puedes utilizar el resto de opciones para cambiar el estilo de tus tweets, el número de tweets, la tipografía, el estilo de la cabecera y mucho más.
Cuando estés satisfecho con el aspecto de tu feed de Twitter de Elementor, haz clic en Guardar.
Con eso, puedes seguir adelante e incrustar tu feed de Twitter en el paso 5.
Paso 5: Añadir Twitter Feed a Elementor
Por último, es hora de incrustar este feed de Twitter en tu sitio web WordPress. Usando este plugin, puedes incrustarlo en una página o post, o en tu barra lateral o pie de página como un widget de Twitter.
Para empezar, haga clic en el botón Incrustar de la esquina superior derecha.
Ahora verás una ventana emergente con las opciones de incrustación para tu feed de Twitter.
De momento, haz clic en el botón Copiar.
Ahora puedes crear una nueva página navegando al menú Páginas " Añadir nueva desde tu panel de control.
Después, haz clic en el botón Editar con Elementor de la parte superior.
¿Quieres incrustar un feed de Twitter de Elementor en una entrada de WordPress?
Puedes ir al menú Mensajes " Añadir nuevo y hacer clic en el botón Editar con Elementor.
Ahora, puedes ver el constructor de páginas Elementor abierto en tu sitio. A la izquierda, puedes ver los widgets de Elementor que puedes usar para añadir contenido a tu página o entrada.
Para incrustar tu feed de Twitter, busca la barra de búsqueda en la parte superior izquierda y escribe "shortcode".
A continuación, podrá ver el widget Shortcode en los resultados de la búsqueda.
A continuación, arrastre el widget Shortcode y, a la izquierda, suéltelo en la vista previa de la página, a la derecha.
Por último, pegue el código abreviado de su feed de Twitter en el campo Introduzca su código abreviado.
Ahora haz clic en Publicar y tu feed de Twitter de Elementor estará en línea.
Como puedes ver, es super fácil incrustar feeds de Twitter usando este plugin. Ahora puede abrir su sitio web para ver cómo la página se ve a sus visitantes.
¡Y ahí lo tienes!
Ahora ya sabes cómo mostrar un feed de Twitter de Elementor en tu sitio web. Como puedes ver, Twitter Feed Pro hace que sea muy fácil integrar Twitter con Elementor.
Así podrá atraer a sus visitantes, aumentar su número de seguidores en Twitter, impulsar sus ventas y mucho más con facilidad.
¿Quieres añadir feeds de Twitter a Elementor? Hazte con una copia de Twitter Feed Pro hoy mismo.
Si quieres sacarle más partido al marketing en redes sociales, consulta nuestra guía sobre cómo incrustar widgets de feeds sociales en tu sitio web.
¿Le ha resultado útil? Puede seguirnos en Twitter y Facebook para obtener más consejos y trucos de marketing en redes sociales.
