¿Quieres integrar un perfil de Twitter en tu sitio web?
Mostrar tu perfil de Twitter es la forma más fácil de conseguir nuevos "me gusta", respuestas y seguidores desde tu sitio web.
En este tutorial, te mostraremos cómo incrustar perfiles de Twitter con facilidad, sin necesidad de codificación.
Esto es lo que tratará esta guía. Haz clic en una sección si quieres avanzar.
- ¿Por qué integrar un perfil de Twitter en su sitio web?
- La forma más fácil de incrustar un perfil de Twitter en WordPress
- Cómo incrustar la línea de tiempo del perfil de Twitter en su sitio web
Empecemos.
¿Por qué integrar un perfil de Twitter en su sitio web?
Si incrusta los tweets recientes de su propio perfil, podrá convertir fácilmente a los visitantes de su sitio web en nuevos seguidores.
Dado que las personas que visitan su sitio web ya están interesadas en su contenido, es más probable que sigan su cuenta de Twitter.
Además, también puedes incrustar contenido de otros usuarios de Twitter en tu sitio web. De esta forma, puedes tener tweets, fotos y vídeos relevantes en tu sitio para mantener el interés de tus visitantes.
También puedes destacar las últimas noticias y anuncios de tu perfil de Twitter. De este modo, todas las personas de su sitio web podrán recibir actualizaciones sobre su empresa.
Además, puedes mostrar contenido generado por los usuarios, como reseñas, testimonios, demostraciones de productos, etc. de los perfiles de Twitter de otras personas. Esto puede actuar como prueba social y convencer a los visitantes para que te compren.
Y cuando la gente pasa más tiempo en su sitio web, usted consigue un SEO mucho mejor. Así, su sitio web puede llegar a aún más clientes potenciales con facilidad.
Ahora que ya sabes por qué deberías incrustar contenido de Twitter, vamos a ver cómo puedes incrustar perfiles de Twitter de forma sencilla.
La forma más fácil de incrustar un perfil de Twitter en WordPress
Al incrustar tu perfil de Twitter, hay 2 opciones diferentes que puedes probar:
- De forma manual: Utiliza el generador oficial de códigos de inserción de Twitter, modifica el código y añádelo directamente a tu sitio web.
- De forma sencilla: Con la ayuda de un plugin de Twitter, puede incrustar perfiles de Twitter en su sitio de forma automática.
Si utilizas la forma manual, tendrás que abrir publish.twitter.com en tu navegador y luego generar un código HTML para incrustar un perfil de Twitter.
Una vez que insertes ese código HTML en tu sitio web, por fin podrás mostrar los tweets de ese perfil.
Como puedes ver, este método puede resultar confuso ya que tendrás que manejar complicados códigos de incrustación.
Además, no tendrás forma de hacer un seguimiento de los perfiles de Twitter que hayas incrustado en tu sitio.
Además, tu perfil de Twitter no coincidirá con el diseño del tema de tu sitio web, por lo que podría desentonar con tu imagen de marca.
Y si quieres personalizar el aspecto de los tweets, tienes que editar manualmente el código o contratar a un desarrollador para que lo haga por ti.
La buena noticia es que existe una forma sencilla de incrustar perfiles de Twitter en tu sitio web: Twitter Feed Pro.
Con este plugin, puede mostrar contenido de Twitter en su sitio de WordPress en cuestión de minutos - sin necesidad de HTML, CSS, Javascript, o incluso iFrames.
Además, todo el contenido de Twitter que incrustes copiará automáticamente el diseño de tu sitio web. Así, tu perfil de Twitter se adaptará perfectamente al aspecto de tu marca.
Twitter Feed Pro también viene con opciones de personalización en profundidad que le permiten establecer cómo los feeds de Twitter aparecen en su sitio web. Usted incluso consigue una vista previa en vivo para comprobar cómo el perfil de Twitter se verá en su sitio web.
Otra gran característica de Twitter Feed Pro es que guarda automáticamente una copia en caché de tus feeds de Twitter. Así, su sitio puede mostrar la copia guardada en lugar de cargar su feed desde cero cada vez.
Como resultado, su sitio web se cargará mucho más rápido, y también puede obtener un mejor SEO.
¿Y lo mejor? Twitter Feed Pro viene con soporte dedicado de alta calidad de un equipo de expertos que están siempre dispuestos a ayudarle.
Con una calificación de 4,9/5 estrellas de más de 150.000 usuarios activos, Twitter Feed Pro es realmente el mejor plugin de Twitter feed en el mercado.
Así de fácil, puedes incrustar contenido de redes sociales de Twitter para atraer a tus visitantes, conseguir toneladas de seguidores de Twitter, aumentar las conversiones y mucho más.
¿Listo para integrar perfiles de Twitter en tu sitio web? Consigue tu copia de Twitter Feed Pro hoy mismo.
Ahora que ya conoces la forma más sencilla de incrustar perfiles de Twitter, vamos a empezar con nuestro tutorial a continuación.
Cómo incrustar la línea de tiempo del perfil de Twitter en su sitio web
Para incrustar tu perfil de Twitter con la ayuda de Twitter Feed Pro, todo lo que tienes que hacer es seguir la guía paso a paso a continuación:
Empecemos.
Paso 1: Descargar el plugin Twitter Feed Pro
El primer paso es obtener su copia de Twitter Feed Pro aquí y luego instalar el plugin en su sitio web WordPress.
Si no está seguro de cómo hacerlo, consulte nuestra guía sobre cómo instalar plugins de WordPress en su sitio web.
Después de instalar y activar el plugin, vaya al paso 2 para empezar con Twitter Feed Pro.
Paso 2: Crear un nuevo feed de Twitter
Ya está listo para crear un nuevo feed de Twitter para su sitio web utilizando este plugin.
¿Y lo mejor? Puedes hacerlo simplemente siguiendo el flujo guiado del plugin.
En primer lugar, abre el menú Twitter Feed " All Feeds desde tu panel de control y, a continuación, haz clic en el botón Añadir nuevo de la parte superior.
A continuación, puede seleccionar el tipo de feed de Twitter que desea en su sitio web. Para continuar, seleccione Línea de tiempo del usuario y, a continuación, haga clic en el botón Siguiente.
Ahora que has creado un feed de Twitter utilizando este plugin, el siguiente paso es conectarlo a tu cuenta de Twitter.
Paso 3: Conecta tu feed a Twitter
Si quieres que tu feed de Twitter incorpore un perfil en tu sitio web, sólo tienes que conectarlo a tu cuenta de Twitter.
Puede hacer clic en el botón Conectar aquí para empezar.
A continuación, Twitter Feed Pro le pedirá acceso de sólo lectura a su cuenta para que pueda obtener los tweets y luego mostrarlos en su sitio web.
El plugin no puede hacer ningún cambio en tu cuenta y sólo puede ver información en Twitter. Como resultado, puedes utilizar con seguridad el plugin Twitter Feed Pro de Smash Balloon.
Para dar acceso de sólo lectura a Twitter Feed Pro, haz clic en el botón Autorizar aplicación .
Después de conectar su cuenta de Twitter, puede elegir el perfil de Twitter que desea mostrar en su sitio web.
Introduzca el perfil de Twitter seleccionado en el campo Línea de tiempo del usuario.
Por último, haga clic en el botón Siguiente para continuar.
Ahora que has añadido una fuente para el feed de tu perfil de Twitter, estás listo para el paso 4. Allí podrás personalizar el diseño de tu nuevo feed.
Paso 4: Personaliza el feed de tu perfil de Twitter
Como el plugin se adapta automáticamente al diseño de tu sitio web, tu feed de Twitter encajará perfectamente con tu marca.
Además, también puedes personalizar al detalle el feed de tu perfil de Twitter.
En primer lugar, el plugin te ofrece 7 plantillas de feed entre las que puedes elegir. Sólo tienes que seleccionar la opción que desea utilizar para su alimentación:
- Por defecto
- Tarjetas de albañilería
- Carrusel simple
- Tarjetas sencillas
- Carrusel de escaparates
- Último tweet
- Widget
Después de seleccionar su plantilla de alimentación, haga clic en Siguiente.
Ahora, el plugin abrirá el editor de feeds en directo para que puedas personalizar aún más tu feed de Twitter.
Puedes ver las opciones de personalización en la parte izquierda del editor. Desde ahí, puedes configurar el diseño de tu Twitter, el fondo, los colores, el estilo de la cabecera, el diseño de los botones y mucho más.
En la parte derecha del editor, puedes ver una vista previa en tiempo real de tu feed de Twitter. De esta forma, puedes seguir fácilmente tus cambios.
Ahora puedes utilizar el editor de feeds en directo para cambiar el diseño de los tweets en tu sitio web.
Para empezar, haga clic en la opción Diseño de la fuente de la izquierda.
El plugin te mostrará 3 diseños diferentes que puedes utilizar para tu feed de Twitter:
- Lista
- Albañilería
- y Carrusel
Veamos a continuación cada uno de estos diseños:
Si eliges el diseño de lista, tus tweets aparecerán en una sola columna que se asemeja a un feed oficial de Twitter.
Además, sus tweets individuales destacarán más en su sitio web con este diseño.
¿Quieres que tus tweets aparezcan en varias columnas? Entonces selecciona el diseño de mampostería .
Además, puedes utilizar este diseño para mostrar montones de publicaciones de Twitter a la vez.
A continuación, está el diseño de carrusel, que coloca el contenido de Twitter en un carrusel de diapositivas.
Además de ser interactivo, puedes mostrar toneladas de tweets sin ocupar mucho espacio utilizando este diseño.
Después de seleccionar el diseño que desea, haga clic en el botón Guardar.
¿Listo para personalizar un poco más tu feed de Twitter? En ese caso, haz clic en el botón Personalizar de la parte superior.
Ahora estás listo para cambiar los colores de tu feed de perfil de Twitter. Y con el editor de feed en vivo, esto puede ser súper fácil.
En primer lugar, haga clic en la opción Combinación de colores de la izquierda.
A continuación, puedes ver 4 esquemas de color diferentes que pueden ayudarte a cambiar los colores de tu feed con facilidad:
- Heredar del tema: Copiar los colores de su tema de WordPress
- Claro: Muestra un color de fondo claro y una fuente oscura
- Oscuro: Elige un color oscuro para el fondo y un color de fuente claro.
- Personalizado: Selecciona todos los colores manualmente
Una vez seleccionada la combinación de colores, no olvides hacer clic en Guardar para conservar los cambios.
Ahora puedes utilizar las opciones de personalización restantes para cambiar el diseño de la cabecera de tu Twitter, cargar más botones, el número de tweets, la configuración del lightbox y mucho más.
Cuando estés satisfecho con el aspecto de tu feed, vuelve a hacer clic en Guardar .
Por último, en el paso 5 estarás listo para incrustar este perfil de Twitter en tu sitio web.
Paso 5: Insertar el perfil de Twitter en su sitio web
Twitter Feed Pro te ofrece 2 formas diferentes de mostrar tu perfil de Twitter en un sitio WordPress:
- Insertar el perfil de Twitter en una página de WordPress
- Insertar el perfil de Twitter en la barra lateral o el pie de página de WordPress
Veamos ambos métodos a continuación.
Insertar perfil de Twitter en una página de WordPress
Como Twitter Feed Pro es tan fácil de usar, puedes empezar a incrustar tus feeds directamente desde el editor de feeds en directo.
Todo lo que tiene que hacer es pulsar el botón "Incrustar " para empezar.
En la nueva ventana emergente, puedes encontrar diferentes formas de añadir tu feed de Twitter a tu sitio.
Como esta vez lo vamos a incrustar en una página, haz clic en Añadir a una página para continuar.
La ventana emergente mostrará ahora una lista de todas las páginas de WordPress de su sitio web.
Una vez seleccionada una página de las opciones, haga clic en el botón Añadir .
Ahora, puedes ver esa página abierta en el editor oficial de WordPress. Aquí, podrás incrustar tu feed de Twitter usando un bloque de contenido.
En primer lugar, añada un nuevo bloque haciendo clic en el icono más (+).
A continuación, puedes buscar el bloque "twitter feed " utilizando la barra de búsqueda de la parte superior.
Por último, haz clic en el widget Twitter Feed de los resultados de búsqueda que aparecen a continuación.
Cuando estés listo para activar el widget de cronología de Twitter, haz clic en el botón Actualizar.
Si sigues adelante y abres la página web ahora, podrás ver el aspecto que tendrá el perfil de Twitter para los visitantes de tu sitio web.
Ahora que ya has incrustado este perfil de Twitter en una página de WordPress, veamos la siguiente forma de incrustar contenido de Twitter.
Insertar el perfil de Twitter en la barra lateral o el pie de página de WordPress
También puedes utilizar un widget de Twitter para incrustar tweets del perfil de Twitter que elijas. Al igual que la opción anterior, puedes hacerlo desde el editor de noticias en directo.
En primer lugar, vaya al menú Twitter Feed " All Feeds de su panel de control de WordPress y haga clic en su feed de Twitter de antes.
Como puedes ver, es súper fácil abrir un feed en el editor de feed en vivo una vez más. Aquí puedes personalizar libremente tu feed de Twitter, como antes.
Puedes hacer clic en el botón Incrustar de la parte superior para empezar a incrustar tu feed de Twitter.
En la ventana emergente, puedes elegir dónde quieres incrustar el perfil de Twitter.
Para continuar, haga clic en el botón Añadir a un widget.
Una vez hecho esto, Twitter Feed Pro te enviará a la página de Widgets de tu sitio. Puedes utilizar esta página para añadir, eliminar o gestionar tus widgets de WordPress.
Para empezar, puedes elegir dónde quieres incrustar tu perfil de Twitter.
Si desea incrustarlo en la zona de la barra lateral, haga clic en el panel Barra lateral .
Utilizaremos la barra lateral de WordPress como ejemplo.
En su lugar, puede hacer clic en el panel Pie de página si desea mostrar su perfil de Twitter en la zona del pie de página de su sitio.
Para añadir un nuevo widget en la barra lateral o en el pie de página, puedes hacer clic en el icono más (+) de la parte inferior.
Por último, haz clic en el widget Twitter Feed de las opciones para incrustar tu perfil de Twitter.
Una vez que hagas clic en el botón Actualizar , el widget de tu perfil de Twitter estará activo en tu sitio web.
¿Quieres ver cómo queda? Sólo tienes que abrir tu sitio y podrás ver tu perfil de Twitter incrustado para que todo el mundo lo vea.
¡Y ya está!
Ahora ya sabes cómo incrustar un perfil de Twitter en tu sitio web en unos pocos clics. Con Twitter Feed Pro, es más fácil que nunca mostrar tweets en tu sitio WordPress.
¿Quieres incrustar feeds de perfiles de Twitter? Puedes conseguir Twitter Feed Pro desde aquí.
Si quieres conocer más formas de integrar Twitter en tu sitio web, puedes consultar nuestra lista de los mejores widgets de Twitter para incrustar en tu sitio web.
