Mostrar los resultados de búsqueda de X (antes Twitter) en su sitio web es una forma eficaz de mostrar la prueba social y mantener su contenido fresco.
Atrae a tus visitantes mostrándoles lo que otros dicen sobre tu marca o tema en ese momento.
Pero averiguar cómo hacerlo puede parecer un poco técnico. Puede que te preocupe que requiera una codificación compleja o tener que lidiar con la API X oficial.
Afortunadamente, existe una forma mucho más sencilla. En esta guía, te guiaré a través de cinco sencillos pasos para incrustar X (Twitter) resultados de búsqueda directamente en su sitio de WordPress sin ningún código.
Qué cubriremos:
¿Por qué mostrar los resultados de búsqueda de Twitter en su sitio web?
- Cree una prueba social: Cuando los visitantes ven tuits positivos sobre tu marca o sector, se crea una credibilidad y confianza inmediatas antes incluso de que lean tu contenido principal.
- Mantenga su contenido actualizado: Los feeds de búsqueda se actualizan periódicamente con nuevos tweets, por lo que tu sitio web siempre muestra las conversaciones actuales sin que tengas que añadir contenido manualmente.
- Aumenta la participación: El contenido social interactivo anima a los visitantes a desplazarse por los tweets y hacer clic en las publicaciones interesantes, lo que les mantiene más tiempo en su página.
- Muestre su experiencia en el sector: Al mostrar tweets sobre temas de tu sector, te posicionas como conectado a las tendencias y conversaciones actuales en tu campo.
- Mostrar contenido auténtico: Los tweets reales de personas reales parecen más genuinos que los testimonios tradicionales o los textos de marketing, lo que hace que tu marca parezca más accesible y digna de confianza.
La forma más sencilla de incrustar los resultados de búsqueda de X (Twitter) en tu sitio web
Permíteme ser sincero sobre las formas tradicionales de añadir contenido de Twitter a tu sitio web. El enfoque manual es frustrante y consume mucho tiempo.
Tendrás que encontrar los tweets que quieras mostrar, copiar sus códigos uno a uno y pegarlos en tus entradas o páginas de WordPress.
Esa es exactamente la razón por la que Twitter Feed Pro de Smash Balloon existe.
Se encarga de toda la complejidad técnica a la vez que te ofrece una forma sencilla y visual de crear feeds de Twitter profesionales.
Esto es lo que hace que Twitter Feed Pro sea la elección inteligente:
- Puedes crear bonitos feeds de Twitter utilizando una sencilla interfaz de apuntar y hacer clic que cualquiera puede dominar.
- Todos tus feeds se actualizan automáticamente con nuevos tweets, para que tu contenido se mantenga al día sin ningún trabajo manual.
- El plugin optimiza la velocidad de carga almacenando los datos de los tweets de forma eficiente, evitando que su sitio web se ralentice.
- Puede mostrar emisiones en directo de Twitter, feeds de la línea de tiempo, feeds de hashtags, resultados de búsquedas o listas.
- Todos los feeds de Twitter se adaptan para verse perfectamente en todos los dispositivos e incluso copian automáticamente el diseño de tu sitio web.
- Puede importar plantillas o utilizar el personalizador en vivo para cambiar el aspecto de sus tweets en su sitio web.
- Obtén ayuda de expertos en WordPress que conozcan tanto el plugin como la integración con las redes sociales.
¿Y lo mejor?
No tendrás que preocuparte de complicadas claves API o configuraciones de desarrollador. Twitter Feed Pro se encarga de todas esas conexiones técnicas automáticamente.
Pruebe Twitter Feed Pro aquí, y podrá comprobar lo sencilla que puede ser la integración con Twitter.
Lo que necesita antes de empezar
Antes de sumergirnos en la incrustación de los resultados de búsqueda de Twitter, vamos a asegurarnos de que tienes todo listo para empezar. Esto ayudará a que el proceso se desarrolle sin contratiempos.
Esto es lo que necesitarás:
- Acceso de administrador a su panel de WordPress (WordPress.org, no .com)
- Cualquier cuenta activa de Twitter/X (incluso una cuenta básica gratuita funciona perfectamente)
- El plugin Twitter Feed Pro de Smash Balloon
- Unos 5 minutos de su tiempo
Cómo incrustar los resultados de búsqueda de X (Twitter) en su sitio web
¿Listo para empezar? Sólo tienes que seguir los 5 pasos siguientes, y usted puede tener un hermoso feed con los resultados de búsqueda de Twitter en su sitio web.
Paso 1: Instalar y activar Twitter Feed Pro
Ya que estamos utilizando el método fácil, puede obtener el plugin Twitter Feed Pro aquí.
Una vez que tenga el plugin, instálelo y actívelo en su sitio web(consulte nuestra guía para principiantes).
Paso 2: Cree su nueva fuente de búsqueda en Twitter
Verás un nuevo menú llamado Twitter Feed en tu panel de control de WordPress.
Para continuar, abra el menú Twitter Feed " Todos los feeds y haga clic en Añadir nuevo.
Una vez hecho esto, podrás elegir entre varios tipos de piensos.
Verás opciones como Twitter timeline feed, hashtag feed, list feed y la que queremos: search feed.
Seleccione el tipo de fuente de búsqueda y haga clic en Siguiente.
Paso 3: Autorice el plugin con su cuenta de Twitter
Si es la primera vez que creas un feed de Twitter, verás una ventana emergente que te permite conectar tu cuenta de Twitter.
De este modo, el complemento puede obtener los tweets y mantener actualizado el feed de resultados de búsqueda de Twitter.
Para continuar, pulse el botón Conectar .
A continuación, se te redirigirá a Twitter, donde podrás conceder acceso de sólo lectura a tu cuenta de Twitter.
También puedes ver los permisos exactos listados ahí mismo.
Sólo tienes que hacer clic en el botón Autorizar app para continuar.
El plugin te devolverá a tu sitio web. Ahora que te has conectado a Twitter, puedes crear nuevos feeds sin salir de tu sitio.
Nota: Sólo estás concediendo permiso para ver y mostrar información de Twitter, y el plugin no puede hacer ningún cambio. Por lo tanto, es 100% seguro.
Una vez conectada su cuenta, puede especificar exactamente qué contenidos desea mostrar.
Introduzca en el campo el término de búsqueda de Twitter que desee y haga clic en Siguiente.
Te recomiendo que elijas un término específico para que sólo aparezca contenido relevante de Twitter en tu sitio web.
Paso 4: Personalizar la pantalla de búsqueda de Twitter
Aquí es donde ocurre la magia: puedes hacer que tu feed de Twitter tenga exactamente el aspecto que deseas.
Desde el primer momento, los resultados de búsqueda de Twitter copiarán automáticamente el diseño de tu sitio web. Además, se te guiará a través de diferentes formas de personalizarlo.
Elección de la plantilla de alimentación
Twitter Feed Pro ofrece 7 plantillas diferentes, y cada una funciona mejor para diferentes tipos de sitios web y diseños.
Elija una plantilla entre las opciones y pulse el botón Siguiente.
Usaré la plantilla predeterminada para este tutorial, ya que es bastante versátil.
Después de elegir la plantilla, el plugin reunirá los resultados de búsqueda de Twitter en un feed y abrirá el personalizador en vivo.
Es muy sencillo: utiliza las opciones de la izquierda para personalizar el feed de Twitter y haz un seguimiento de tus cambios en la derecha.
Como hay MUCHAS opciones, te mostraré algunas de las principales para que veas cómo funciona el personalizador.
Configuración del diseño
Puedes controlar exactamente cuántos tweets aparecen en tu feed y cómo se organizan.
En primer lugar, haga clic en la opción Diseño de la fuente de la izquierda.
Ahora puedes ver 3 diseños de feed entre los que puedes elegir:
- Lista: Similar al diseño predeterminado de Twitter, con los tweets en una sola columna.
- Mampostería: Utiliza diferentes columnas y muestra toneladas de tweets a la vez.
- Carrusel: Mostrar los resultados de la búsqueda en un carrusel de diapositivas.
Después de seleccionar el diseño, haga clic en Guardar para confirmar el nuevo diseño.
También puedes establecer el número de tweets por página (yo suelo empezar con 6-9 para la mayoría de los sitios web) y elegir cuántas filas o columnas mostrar.
Cuando hayas terminado de editar el diseño, haz clic en el botón Personalizar para volver de nuevo a la página principal.
Configuración de las cabeceras de alimentación
La sección de cabecera aparece en la parte superior de tu feed, y puedes elegir cómo se ve o incluso mantener tu feed sin cabecera.
En primer lugar, haga clic en la opción Cabecera de la izquierda.
En la parte superior, puede encontrar la opción de Activar o Desactivar la cabecera.
Debajo, puedes elegir entre 2 estilos de cabecera:
- Estándar: Para un feed de búsqueda, muestra un simple logo X. Pero en un feed de cronología, muestra tu información de Twitter.
- Texto: Escribe un título para mostrarlo en la parte superior de tu Twitter.
Para este ejemplo, utilizaré el estilo Texto y escribiré un encabezado para mostrarlo encima de la fuente.
Como antes, haz clic en Guardar para conservar los cambios.
Con las opciones restantes, puede ajustar los esquemas de color, las fuentes, el espaciado, el estilo de los tweets y mucho más sin tocar una sola línea de código.
Lo mejor es que todos estos cambios se producen al instante en la vista previa, por lo que puedes experimentar hasta que todo quede perfecto.
Paso 5: Insertar el feed de búsqueda de Twitter en su sitio web
Ahora que tu feed tiene un aspecto perfecto, es hora de añadirlo a tu sitio web. Twitter Feed Pro te permite empezar a hacerlo desde el personalizador en vivo.
En primer lugar, haz clic en el botón Insertar situado en la parte superior del personalizador de Twitter.
En la ventana emergente, puedes elegir entre diferentes opciones de incrustación y encontrar la que mejor se adapte a ti.
- Añadir a una página: Mostrar los resultados de búsqueda de Twitter en una página web.
- Añadir a un widget: Muestra tus tweets en una barra lateral o pie de página.
- Copiar: Añade el shortcode manualmente para incrustar el feed donde quieras.
Para esta guía, voy a seguir adelante y haga clic en Agregar a una página aquí.
A continuación, verá una lista de las páginas de WordPress publicadas en su sitio web.
Seleccione la página que desea utilizar y haga clic en Añadir.
Al hacerlo, se abrirá el editor de la página que acaba de seleccionar.
Primero, haz clic en el icono más (+) para añadir un nuevo bloque.
Busca "Twitter Feed" para buscar el bloque Twitter Feed Pro en la barra de búsqueda de la parte superior.
En los resultados de la búsqueda, haz clic en el bloque Twitter Feed para añadirlo a la página.
Así de fácil, los resultados de tu búsqueda en Twitter se añadirán a esta página de WordPress.
El método del widget también es bastante similar. Puedes añadir el bloque de Twitter Feed donde quieras en tu barra lateral o pie de página, y el plugin se encarga del resto.
Una vez que actualices la página, ábrela para ver cómo quedan tus nuevos resultados de búsqueda en Twitter.
¡Y ya está!
Usted ha aprendido con éxito cómo incrustar los resultados de búsqueda de Twitter en vivo en su sitio web WordPress de la manera fácil usando Twitter Feed Pro.
No olvide vigilar Twitter en busca de términos de búsqueda más adecuados para mostrar en su sitio web.
Además, puedes utilizar el plugin para incrustar otros tipos de feeds de Twitter para aumentar tu participación y potenciar aún más tu presencia en Twitter.
¿Listo para empezar a incrustar contenido de Twitter? ¡ Consigue Twitter Feed Pro desde aquí hoy mismo!
Para un enfoque completo de la integración de las redes sociales, eche un vistazo a nuestra lista de los mejores ejemplos de muros de redes sociales para su sitio web.
