Cómo añadir un widget de Twitter en web de Casa Rural

Twitter es una red social en la que tu negocio tiene que estar. Pero, ¿cómo integrar twitter con nuestra web? Hay muchos métodos, hoy traemos un tutorial sobre cómo añadir un widget de Twitter en web de Casa Rural.

Lo que vamos a hacer es bien sencillo. Añadiremos un timeline con nuestras actualizaciones de twitter en el pie de la web de nuestra casa rural.

No hace falta tener una cuenta en twitter o estar dentro de la red con nuestro usuario y contraseña, aunque siempre lo recomiendo.

Vídeo de cómo añadir un widget de Twitter

Es este vídeo puedes ver el paso a paso de todo el proceso.

También vamos a ver el proceso paso a paso.

  1. ### Entrar en la página de publicación de twitter

Visitamos la web de creación de widgets de Twitter.

  1. Introducimos nuestro nombre

En la caja de texto podemos introducir un tweet, un hashtag, una lista… Todos los elementos de twitter pueden generar un widget. En nuestro caso introducimos nuestro nombre de usuario con una arroba delante: @clicreservascom

También puedes utilizar la ruta completa del usuario en twitter: https://twitter.com/clicreservascom

  1. Selección del widget

Nos da a elegir entre un “timeline embebido” o un “botón”. Seleccionamos el “embeded timeline”.

  1. Opciones de personalización

Twitter ya nos ofrece una vista previa del resultado, pero queremos modificar algunos parámetros de la presentación. Hacemos click en “set customization options” y se nos abre un nuevo formulario con opciones:

  • Height: Altura del widget en pixels
  • Width: Anchura del widget en pixels
  • Light: Selección de fondo, “light” es la versión de fondo claro y “dark” la de fondo oscuro
  • Default link color: Color por defecto de los enlaces que aparecen en el widget
  • Automatic: Idioma del widget

Nosotros por el diseño de la web cambiamos el parámetro del fondo a Dark y la altura a 400. El idioma no es necesario cambiarlo porque twitter analiza los parámetros del navegador del visitante para mostrarle el wdiget de twitter en el idioma del visitante.

Hacemos click en el botón azul “Update”.

  1. Copiar el código del widget de twitter

Pulsamos en botón “Copy Code” que aparece con un código. Ahora tenemos en el portapapeles el trozo de HTML que hará que aparezca nuestro widget en la web de Casa Rural.

  1. Crear widget en WordPress

En nuestro WordPress, en el panel de administración, visitamos Apariencia y luego Widget. Buscamos el que se llama “HTML Personalizado” y hacemos click en él.

Seleccionamos en que región queremos colocarlo, en nuestro caso en una de las del pie.

Pegamos el código que antes habíamos copiado y pulsamos clic en Guardar.

  1. Ver resultados

Si visitamos ahora nuestra web de casa rural podremos ver el widget incrustado.

¡Lo hemos conseguido!

Puedes repetir el proceso desde el punto 1 para crear un widget ajustado a tus necesidades, bien por el tamaño o por los colores.

Espero que este tutorial te haya sido útil. Hasta el próximo. ?