Cómo añadir un feed de Twitter a su sitio Divi WordPress

¿Alguna vez has querido añadir un feed de Twitter a tu sitio web Divi?

Una vez que haya creado un hermoso sitio web utilizando Divi, una forma sencilla de hacerlo más atractivo es añadir un feed de Twitter.

A continuación, puede mostrar contenido relevante de Twitter para atraer a sus visitantes, aumentar su número de seguidores sociales e incluso impulsar las conversiones.

Y para ayudarte a empezar de inmediato, te mostraremos la forma más sencilla de añadir contenido de Twitter a Divi.

Antes de eso, vamos a ver cómo mostrar el contenido de Twitter en su sitio Divi puede ser útil.

O puede hacer clic aquí para pasar a la sección de tutoriales.

¿Por qué añadir feeds de Twitter a un sitio web Divi?

Divi es un popular constructor de páginas para WordPress que puede utilizar para crear un hermoso sitio web con facilidad.

Pero puede que no baste con tener un sitio web bonito. Al fin y al cabo, la mayoría de sus visitantes abandonarán el sitio para no volver jamás.

Una buena forma de atraer a tus visitantes es mostrar contenidos de Twitter en tu sitio web. De esta forma, puedes mostrar contenido atractivo y mantener a la gente en tu sitio. 

• Con un contenido atractivo en las redes sociales, puede hacer que la gente pase más tiempo en su sitio. De ese modo, su sitio puede obtener un mejor SEO y llegar a aún más personas con facilidad.
• Incrusta los tweets de tu propia cuenta y convierte el tráfico de tu sitio web en participación y nuevos seguidores de Twitter con facilidad.
• Con un feed de Twitter, puede mostrar sus últimos lanzamientos de productos, noticias, anuncios, ventas y mucho más de una manera llamativa.
• Puedes incluir reseñas y testimonios de Twitter en las páginas de tus productos. Con esta prueba social, te resultará mucho más fácil convertir a la gente en clientes.

Manera fácil de conseguir Twitter Feed para mostrar en WordPress

Para añadir manualmente un feed de Twitter a Divi, tendrás que generar códigos de inserción, modificar el código y luego añadirlo a tu sitio web.

Además, el contenido de Twitter no copiará el diseño de tu sitio web si utilizas este método, y los tweets pueden incluso desentonar con tu marca.

¿La buena noticia?

Hay una forma mucho mejor de mostrar las publicaciones de Twitter sin tocar una sola línea de código. Además, no necesitas buscar extensiones en Divi Marketplace.

Puedes utilizar el plugin Twitter Feed Pro.

Con Twitter Feed Pro, es muy fácil mostrar los feeds de Twitter en tu sitio y mantener a los visitantes interesados, incluso si eres un experto en WordPress.

Este plugin viene con un montón de características sólo para que sea más fácil que nunca para incrustar los feeds de Twitter en su sitio:

• Sólo tienes que seguir el flujo guiado de 3 pasos que puede llevarte a través de todo el proceso de creación, personalización e incrustación de feeds de Twitter - sin necesidad de codificación.
• Una vez que crees tus feeds de Twitter, heredarán automáticamente el diseño de tu sitio web Divi y se verán increíbles nada más sacarlos de la caja.
• Puedes importar una plantilla prediseñada o utilizar el editor de feeds en vivo para cambiar el diseño, la combinación de colores, la cabecera, el recuadro para tweets, el tamaño del feed y mucho más.
• ¿Y lo mejor? Con este plugin dispones de un equipo de expertos en WordPress. Si alguna vez necesita ayuda o tiene alguna pregunta, puede simplemente llegar a ellos para obtener ayuda.
• Todos los feeds de Twitter que crees serán ligeros y súper rápidos. Y un sitio web más rápido también significa un mejor SEO para tu sitio.

En definitiva, Twitter Feed Pro es el mejor plugin de feeds de Twitter del mercado y una gran opción para los negocios online. Además, está respaldado por un aclamado equipo de atención al cliente formado por expertos en WordPress.

¿Listo para crear atractivos feeds de Twitter para tu sitio? Consigue tu copia de Twitter Feed Pro hoy mismo.

Cómo añadir un feed de Twitter a Divi (paso a paso)

Todo lo que tienes que hacer es seguir los sencillos pasos que se indican a continuación, y podrás incrustar feeds de Twitter en tu sitio WordPress. ¡Vamos a empezar!

Paso 1: Descargar el plugin Twitter Feed Pro

Primero, consigue el plugin Twitter Feed Pro desde aquí y descárgalo en tu ordenador.

A continuación, puede instalar y activar Twitter Feed Pro en su sitio de WordPress.

Si no estás seguro de cómo hacerlo, echa un vistazo a este tutorial sobre cómo instalar plugins de WordPress para principiantes.

Paso 2: Crear un feed de Twitter

Con este plugin, puedes seguir adelante y crear tu feed de Twitter siguiendo el flujo guiado.

En primer lugar, vaya a su panel de WordPress y abra el menú Twitter Feed " All Feeds .

En la nueva página, haga clic en el botón Añadir nuevo para empezar.

El plugin le preguntará qué tipo de feed de Twitter desea en su sitio web Divi. Usted puede elegir entre 3 opciones aquí:

• Cronología del usuario: Selecciona una línea de tiempo de Twitter y muestra los últimos tweets.
• Hashtag: Muestra un feed basado en hashtags específicos de Twitter que tú elijas.
• Buscar: Muestra los resultados de una búsqueda avanzada en Twitter.

Para continuar, elija un tipo de alimentación y haga clic en Siguiente.

En este ejemplo, me adelanté y elegí una línea de tiempo de usuario para el sitio web Divi.

Paso 3: Conecte su cuenta de Twitter

Para que tu feed de Twitter muestre tweets en tu sitio web Divi, sólo tienes que conectarlo a tu cuenta de Twitter.

Para empezar, haz clic en el botón Conectar .

El plugin abrirá Twitter en tu navegador web para que puedas permitir el acceso de sólo lectura a Twitter Feed Pro.

Usando este acceso, tus feeds pueden obtener información de Twitter y luego mostrar los tweets en tu sitio web. El plugin no podrá realizar ningún cambio, por lo que su uso es totalmente seguro.

Para ello, haga clic aquí en el botón Autorizar aplicación .

Una vez hecho esto, el plugin abrirá su sitio web una vez más. Aquí, usted puede elegir la fuente de su feed Divi Twitter.

Dado que estamos incrustando una línea de tiempo de usuario, añadiremos aquí el identificador de Twitter "@starbucks ".

Después de añadir la fuente, haga clic en Siguiente para continuar.

Paso 4: Personaliza tu feed de Twitter

Dado que el plugin copiará automáticamente el diseño de su sitio web Divi, sus fuentes se verán hermosas desde el primer momento.

Además, también puedes controlar el diseño de tu feed de Twitter.

Para ayudarte a empezar rápidamente, puedes elegir entre 7 plantillas de feeds diferentes con diseños predefinidos:

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

Una vez seleccionada la plantilla Divi para Twitter, haz clic en Siguiente.

A continuación, el plugin abrirá el editor de feeds en vivo para que puedas personalizar tu feed de Twitter en detalle. De esta manera, puedes asegurarte de que el diseño se complementa perfectamente con tu tema Divi.

A la izquierda, puedes encontrar el panel de personalización con opciones para configurar el diseño, los colores, el tamaño, el diseño del encabezado y mucho más de tu feed de redes sociales Divi.

Cuando personalices tu feed de Twitter, puedes utilizar la vista previa en directo de la derecha para seguir los cambios fácilmente.

Para empezar, suelo cambiar el diseño de los tweets. Es una forma estupenda de cambiar la forma en que los visitantes interactuarán con el feed.

En primer lugar, haga clic en Feed Layout para que pueda establecer el diseño de los tweets en su sitio web Divi.

Twitter Feed Pro viene con 3 opciones cuando se trata de la disposición de alimentación: Lista, Albañilería, y Carrusel

Veamos a continuación cada uno de estos diseños.

En primer lugar, tienes el diseño de lista que puedes utilizar para mostrar los tweets en una sola columna, como el sitio web oficial de Twitter.

¿Quieres mostrar muchos tweets a la vez?

Puede seleccionar el diseño de mampostería, que muestra los tweets en varias columnas a la vez.

Si selecciona el diseño de carrusel en su lugar, puede convertir su feed de Twitter Divi en una hermosa presentación de diapositivas.

De este modo, puede hacer que su sitio web sea más interactivo.

Después de seleccionar un diseño de alimentación, haga clic en el botón Guardar de la parte superior.

Para personalizar más tu feed, puedes hacer clic en el botón Personalizar de la esquina superior izquierda.

A continuación, puedes utilizar el editor de feeds en directo para establecer los colores de tu feed de Twitter.

Para ello, haga clic en la opción Combinación de colores .

A continuación, el plugin te mostrará esquemas de color que puedes utilizar para seleccionar los colores de tu feed social con facilidad.

Todo lo que tienes que hacer es elegir entre 4 esquemas de color diferentes:

• Heredar del tema: Utilice los mismos colores que su sitio web Divi
• Claro: Muestra un fondo claro con un color de fuente oscuro
• Oscuro: Mostrar un fondo oscuro junto con una fuente de color claro.
• Personalizado: Seleccionar manualmente todos los colores

Una vez elegida la combinación de colores, vuelve a hacer clic en Guardar para confirmar los cambios.

Ahora, puedes utilizar el resto de las opciones para cambiar el aspecto de tu nuevo feed. Con el editor de feeds en vivo es muy fácil cambiar el tamaño del feed, el botón de cargar más, las opciones de lightbox, el estilo de la cabecera y mucho más.

Recuerda hacer clic en Guardar al final para confirmar los cambios.

Paso 5: Insertar Twitter Feed en el sitio web Divi

Para empezar a incrustar tu feed, lo más fácil es utilizar el editor de feeds en directo.

Desde tu editor en directo, haz clic en el botón Incrustar de la parte superior.

A continuación, verás una ventana emergente con todas las opciones de incrustación para tu nuevo feed.

Para incrustar el feed en su sitio web Divi, puede hacer clic en el botón Copiar aquí.

A continuación, ve al menú Páginas " Añadir nueva desde el panel de control para crear una página para tu feed de Twitter.

Para continuar, haga clic en el botón Usar el Constructor Divi en el editor de WordPress.

Para utilizar una entrada de WordPress en su lugar, abre el menú Entradas " Añadir nueva desde el panel de control.

Ahora haga clic en Usar el Constructor Divi para abrir la página en el editor Divi.

Desde el constructor Divi, puedes elegir entre 3 formas diferentes de diseñar tu página o post.

• Empezar a construir: Empezar a construir a partir de una plantilla en blanco
• Examinar diseños: Importar un diseño preestablecido
• Elija Página: Duplicar una página y utilizar su diseño

Aquí puede seleccionar la opción que prefiera.

Si eliges la opción Empezar a crear, podrás empezar a diseñar tu página o entrada desde una página en blanco.

Pero si, en cambio, seleccionas la opción Examinar diseños, podrás consultar una colección de diseños prediseñados.

Para continuar, haga clic en el diseño que prefiera.

La ventana emergente le mostrará más detalles sobre el diseño elegido. Si desea una vista previa rápida, haga clic en Ver demostración en vivo.

Si está satisfecho con el diseño, haga clic en el botón Utilizar este diseño.

Con la opción Elegir Página , puedes revisar todas las páginas que has creado usando Divi.

Para continuar, sólo tiene que hacer clic en la página que desee clonar.

Después de eso, puedes empezar a añadir contenido a tu página Divi o primero. Por lo tanto, voy a añadir rápidamente un módulo de línea de tiempo de Twitter en esta página.

Para ello, primero haga clic en el icono verde de más (+) y, a continuación, elija el tipo de fila que desee.

Ahora que has creado espacio para tu nuevo feed, haz clic en el icono negro del signo más (+) para empezar a añadir contenido.

A continuación, escriba "código" en la barra de búsqueda y haga clic en el módulo Código.

A la izquierda, encontrarás las opciones del módulo de código. Allí, busca el campo de código y luego pega el shortcode.

Por último, haga clic en el icono de marca de verificación para terminar de añadir su feed de Twitter a Divi.

Después de eso, haga clic en el botón Publicar, y su nuevo módulo de Twitter estará en línea en su sitio Divi.

Para ver cómo se ve el feed, puede abrir su sitio web y comprobarlo usted mismo.

¡Y ya está!

Como puedes ver, es súper fácil añadir un feed de Twitter a sitios web Divi si estás utilizando la herramienta adecuada. Y con Twitter Feed Pro, es más fácil que nunca integrar Twitter con tu sitio.

En definitiva, es el mejor plugin de WordPress para integrar Twitter en tu sitio web. Así de fácil, podrás potenciar tu marketing en Twitter.

¿Quieres añadir fácilmente mensajes de Twitter a Divi? Consigue tu copia de Twitter Feed Pro aquí.

Si quieres utilizar Twitter para tu negocio, puedes consultar nuestra lista de las mejores herramientas de marketing en Twitter.

Otras guías y consejos sobre marketing en redes sociales

• Cómo añadir el feed de Facebook a sitios Divi WordPress fácilmente
• Cómo incrustar tu feed de Instagram en tu sitio web
• Los mejores plugins de YouTube para aumentar tus suscriptores ahora mismo
• Cómo utilizar las redes sociales en el marketing de afiliación
• Ejemplos de widgets de Twitter que puedes incrustar en tu sitio web

Si este artículo te ha resultado útil, síguenos en Twitter y Facebook, y permanece atento a más consejos y trucos de marketing en redes sociales.