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

Facebook es la red social por excelencia, donde la gente pasa horas buscando diversión, pero también información. Una vez creada nuestra página de Facebook, ¿cómo podemos incrustar un widget de Facebook en nuestra web? Lo vemos en este tutorial.

Realmente es sencillo y práctico. Añadiremos un widget con las últimas actualizaciones y mensajes que hemos publicado en la página de casa rural de Facebook en nuestra web.

Vídeo sobre cómo añadir el widget de Facebook

En este vídeo puedes ver el paso a paso de cómo crear el widget e incrustarlo en la web.

Paso a paso vamos a ver el proceso.

  1. ### Copiamos la dirección de nuestra página de Facebook

Visitamos nuestra página de Facebook. El método más rápido para conseguir la URL completa de la página, si no la sabemos, es hacer clic con el botón derecho sobre la pestaña Página y pulsar en “Copiar enlace”.

  1. Entrar en la página de plugins de Facebook

Entramos en esta página de ayuda de Facebook Developers.

Facebook llama a este widget “plugin de página”.

  1. Introducimos la dirección

Hay un formulario con varias cajas. En el que se llama “URL de la página de Facebook” pegamos la dirección de la página de Facebook que copiamos en el punto 1.

  1. Personalización del widget

Facebook nos ofrece algunas opciones de personalización para este plugin.

  • Pestañas: La pestaña de la página que queremos añadir. Por defecto es timeline, la que ofrece las actualizaciones de estado.
  • Anchura y altura
  • Usar un encabezado corto: Hará más pequeño el encabezado del widget
  • Ocultar foto de portada: Si tenemos una foto de portada en la página de Facebook, la eliminará y sólo se verá el nombre y el logotipo
  • Adaptar la anchura al contender del plugin
  • Mostrar caras de amigos

En nuestro caso sólo modificamos la altura, que es un parámetro que conviene controlar.

  1. Conseguir el código del widget

Debajo de la previsualización del widget de Facebook puedes encontrar el botón de Obtener código. Si haces clic verás una ventana en popup con dos trozos de código. Los utilizaremos en el siguiente paso.

  1. Crear widget en WordPress

En el panel de administración de WordPress vamos a la sección Apariencia y luego Widgets.

Buscamos en el listado el que se llama “HTML Personalizado”. Hacemos clic y nos dejará elegir la región donde queremos colocarlo. En nuestro caso elegimos “Barra lateral” y clic finalmente en Añadir widget.

Se abre una caja de texto donde podremos pegar los dos trozos de código del apartado anterior.

Pulsamos en Guardar.

  1. Ver los resultados

Si ahora visitamos nuestra web de Casa Rural veremos el widget de la página de Facebook incrustado.

¡Ya lo tenemos! 🙂

Puedes repetir el proceso desde el punto 2 si necesitas hacer algún ajuste más de altura o quieres cambiar las opciones de personalización.

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