¿Quieres mostrar un feed de Twitter en tu sitio web Beaver Builder?
Beaver Builder es una gran herramienta si desea crear un hermoso sitio web para su marca sin ningún tipo de codificación. Pero añadir feeds de Twitter a Beaver Builder puede ser complicado, especialmente si no estás acostumbrado a trabajar con código.
Para ayudaros, hemos elaborado esta guía para principiantes sobre cómo incrustar feeds de Twitter en Beaver Builder con facilidad.
Empecemos.
¿Por qué añadir Twitter Feeds a Beaver Builder?
Utilizando un feed de Twitter, puedes atraer a los visitantes de tu sitio web con publicaciones relevantes, fotos, vídeos y mucho más desde Twitter. Al fin y al cabo, las publicaciones en redes sociales son una de las mejores formas de mantener el interés de la gente.
El usuario "típico" de Internet pasa casi 2 horas y media al día utilizando plataformas de medios sociales, lo que equivale a más de un tercio de nuestro tiempo total en línea.
Simon Kemp, Analista Jefe de DataReportal
Además, puedes utilizar un feed de Twitter para:
- Muestre reseñas en línea de sus productos para utilizarlas como prueba social y aumentar sus conversiones
- Publica tu propio contenido en Twitter y consigue toneladas de likes, comentarios y seguidores con facilidad
- Inserte regularmente contenido de Twitter con palabras clave relevantes para impulsar su SEO y posicionarse mejor en los resultados de los motores de búsqueda
- Muestre anuncios importantes, lanzamientos de productos, noticias y mucho más para captar la atención de la gente.
- Y mucho más.
Para crear feeds de Twitter para Elementor, todo lo que tienes que hacer es seguir estos sencillos pasos. ¡Vamos a empezar!
Cómo incrustar un feed de Twitter Beaver Builder fácilmente
Sólo tienes que seguir los pasos a continuación y usted puede tener un hermoso feed de Twitter en su sitio de WordPress Beaver Builder en ningún momento.
Paso 1: Descargar el plugin Twitter Feed Pro
Cuando se trata de incrustar contenido de Twitter, la mejor herramienta que puedes utilizar es Twitter Feed Pro.
Como el mejor plugin de feeds de Twitter, puedes usarlo para crear, personalizar e incrustar feeds de tweets en cuestión de minutos - sin necesidad de tocar una sola línea de código.
Además, todos los feeds de Twitter coincidirán automáticamente con el diseño de tu sitio Beaver Builder y se verán hermosos de inmediato.
Obtenga su copia del plugin Twitter Feed Pro desde aquí antes de instalarlo y activarlo en su sitio web.
Para más información sobre cómo hacerlo, puedes echar un vistazo a este tutorial sobre cómo instalar plugins de WordPress fácilmente.
Paso 2: Crear un nuevo feed de Twitter
Ahora que ya tienes el plugin, puedes utilizar la guía de 3 pasos para crear rápidamente tu feed de Twitter.
Desde el área de administración de WordPress, abra el menú Twitter Feed " All Feeds y haga clic en el botón Add New.
Después de eso, el plugin me preguntó qué tipo de feed de Twitter quería crear. Resulta que hay 3 opciones para elegir:
- Timeline de usuario: Muestra tu propio contenido de Twitter desde tu timeline
- Hashtag: Mostrar los tweets que tienen sus hashtags seleccionados.
- Buscar: Incrustar los resultados de búsqueda para los términos de búsqueda elegidos.
Terminé eligiendo el tipo de feed Línea de tiempo del usuario aquí.
Una vez que haya seleccionado un tipo de alimentación, haga clic en Siguiente para continuar.
Twitter Feed Pro ahora le pedirá una fuente. Esta fuente es básicamente las líneas de tiempo de los usuarios, hashtags o términos de búsqueda que desea seleccionar.
Como se puede ver a continuación, he añadido la línea de tiempo de usuario para "starbucks" como la fuente.
Recuerde añadir su fuente y haga clic en Siguiente para continuar.
Paso 3: Personaliza tu feed de Twitter
Para ayudarte a crear hermosos feeds de Twitter con diseños únicos, el plugin te permite elegir una plantilla de feed para importar:
- Por defecto
- Tarjetas de albañilería
- Carrusel simple
- Tarjetas sencillas
- Carrusel de escaparates
- Último tweet
- Widget
Sólo tienes que elegir la plantilla que prefieras y hacer clic en el botón Siguiente .
A continuación, Twitter Feed Pro mostrará tu feed en el personalizador visual. Aquí, usted puede encontrar las opciones para cambiar su diseño, diseño de cabecera, diseño del botón, estilo tweet, y mucho más.
Además, dispondrás de una vista previa en directo para controlar tus cambios.
¿Listo para empezar a personalizar el feed de Twitter para tu Beaver Builder?
En primer lugar, seleccione a la izquierda la opción Feed Layout.
Aquí, usted consigue 3 maneras diferentes de mostrar tweets en su sitio Beaver Builder:
- Lista: Incrusta los tuits uno tras otro en una sola columna para que cada tuit sea claramente visible
- Mampostería: Muestra toneladas de tweets en tu sitio al mismo tiempo usando múltiples columnas.
- Carrusel: Muestra un carrusel deslizante de contenidos de Twitter y haz que tu sitio web sea más interactivo.
Terminé eligiendo un diseño de mampostería para este ejemplo.
Para conservar su nuevo diseño, haga clic en el botón Guardar de la parte superior derecha. A continuación, haz clic en Personalizar para volver a las opciones principales de personalización.
Veamos otra opción de personalización en este editor visual.
Haga clic en la opción Esquema de colores de la izquierda.
Esto te muestra un lugar conveniente donde puedes elegir los colores de tu feed de Twitter.
Puedes elegir entre 4 combinaciones de colores diferentes:
- Heredar del tema: Utilice los mismos colores que el tema de su sitio web Beaver Builder.
- Claro: Elige un fondo claro y un color oscuro para la fuente y los iconos.
- Oscuro: Seleccione un fondo de color oscuro y un color claro para la fuente.
- Personalizados: Elige manualmente todos los colores
Como antes, haz clic en Guardar para conservar los cambios.
A continuación, puedes utilizar las opciones restantes para personalizar el estilo de tu feed, el número de tuits, el estilo de la cabecera, etc.
Recuerde hacer clic en Guardar una vez que esté listo para incrustar su feed de Twitter Beaver Builder.
Paso 4: Añade tu feed de Twitter a Beaver Builder
Puedes empezar a incrustar el feed de Twitter desde el personalizador visual. En primer lugar, haz clic en el botón Incrustar de la parte superior.
Esto te muestra todas las formas de incrustar tu contenido de Twitter. Puedes añadirlo a una página de WordPress o incrustarlo en el pie de página o en la barra lateral como widget de Twitter.
De momento, pulse el botón Copiar.
A continuación, puede crear un nuevo Beaver Builder abriendo el menú Páginas " Añadir nuevo desde su panel de control.
Allí, haga clic en el botón Launch Beaver Builder .
Al hacer esto se abrirá la página en el editor de arrastrar y soltar para Beaver Builder.
Si miras a la izquierda, verás todos los módulos de Beaver Builder que puedes añadir a la página de WordPress.
En primer lugar, haga clic en la opción Módulos estándar para abrir un menú desplegable.
Allí, seleccione la opción Widgets de WordPress.
Si lo hace, se abrirán más módulos que podrá añadir a la página web.
Desde las opciones, busque el módulo Custom Twitter Feeds y suéltelo a la izquierda.
Una vez hecho esto, Beaver Builder le mostrará opciones adicionales para este módulo.
Allí, pegue su shortcode de antes en el campo principal antes de hacer clic en Guardar.
Por último, haga clic en el botón Hecho en la parte superior derecha para confirmar su nueva página. A continuación, puede optar por Publicar su nuevo feed de Twitter Beaver Builder.
Una vez hecho esto, abra su sitio para comprobar cómo se ve a sus visitantes.
¡Y ahí lo tienes!
Como puedes ver, incrustar un feed de Twitter de Beaver Builder puede ser super fácil con la ayuda de la herramienta adecuada. Así de fácil, puedes atraer visitantes, hacer crecer tu presencia en Twitter, aumentar tus ventas y mucho más.
Todo lo que necesitas es el plugin Twitter Feed Pro, y es más fácil que nunca integrar Twitter con tu sitio web. ¡El plugin incluso funciona con todos los constructores de páginas populares como SeedProd y Elementor!
¿Listo para incrustar feeds de Twitter en Beaver Builder? ¡ Obtenga su copia de Twitter Feed Pro hoy!
Para conocer más formas de integrar las redes sociales en tu sitio web, consulta esta guía detallada sobre cómo integrar widgets de redes 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.
