Poner aplicaciones en la página de facebook

Publicado el 19 septiembre 2014 por Laura Conde @LaureKif
Buenísimos días lavanderos!!
Continuamos con nuestro intensivo de diseño de nuestra fan page en facebook. Ayer vimos todo todito y nos quedaba por conocer cómo añadir las aplicaciones. Como ya sabéis hay que añadir las más importantes, tampoco es cuestión de recargarlo a más no poder. Además sólo se muestran 3 aplicaciones a primera vista en nuestra fan page.
Para este tutorial vamos a usar un servicio gratuito con el cual podemos añadir las aplicaciones de las principales redes sociales y otras diseñadas por nosotros mismos. Si usáis Mailchimp y queréis añadir la de suscripción a la newsletter os lo explicaba todo en esta lección del Curso que hicimos de Mailchimp.

El servicio en cuestión se llama Woobox y nos registraremos en él directamente con nuestra cuenta de facebook ;) Una vez estemos dentro veremos esto:

Accederemos a esta página:

Como veis, tenemos las 4 redes sociales más conocidas. Vamos a empezar añadiendo Pinterest, pinchamos sobre la opción y tenemos lo siguiente:

Completaremos la URL de nuestro Pinterest y escogeremos una de las dos opciones, mostrar todos los tableros (la de la izquierda) o mostrar la de un tablero en concreto, para lo cual nos pedirá la dirección de dicho tablero.
Una vez que hemos añadido una aplicación, en la opción de Static Tabs nos aparecerá la misma por si quisiéramos realizar alguna modificación, y como recalqué ayer es muy interesante cambiar la imagen de la app y el texto que la acompaña para homogeneizar nuestro diseño. Para ello pinchamos en Tab Settings:

Recordad que la imagen que debéis subir, debe tener una dimensiones de 111x74px.

Ahora podemos seguir añadiendo nuevas aplicaciones a nuestra página:

El proceso para poner otras aplicaciones de redes sociales a la página es totalmente idéntico (adaptado a cada red social), así que no tenemos problema alguno :D
Como ya hemos comentado al principio, tenemos la opción de añadir una aplicación diseñada por nosotros (HTML).
Lo bueno de esta opción es que no tenemos por qué saber HTML ni hacer cosas complicadas porque podemos añadir una imagen, una URL para redireccionar a otro sitio que no sea facebook o mostrar el contenido de un URL dentro del mismo facebook. Además si con esto no nos vale podemos hacer prácticamente lo que queramos. Vamos a verlo!
Cuando nos creamos la nueva app escogemos HTML Fangate Tab y dentro encontraremos esto ;)

Para añadir un texto junto con lo que nos apetezca
Nos quedamos en la pestañita HTML. Si veis que al pinchar dentro sólo os deja añadir HTML picad encima de Fuente HTML y ya aparecen todas las opciones que veis.
Esto ya es a vuestra elección, podéis poner aquí todo lo que os apetezca como veis las opciones son muchas y sin tener que escribir una sola línea de código ;)
Mi recomendación es que hagáis la app aquí queráis lo que queráis :D Es cómodo, rápido, intuitivo y perfecto para lo que buscamos.
Para añadir una imagen
Pinchamos en Image y subimos la nuestra. Tenéis que tener cuidado con las dimensiones y probar que se vea correctamente en facebook sin necesidad de andar desplazándonos con las barras. Además a la imagen le podemos añadir un link ;)
Para redireccionar a otra página fuera de facebook
Pinchamos en redirect y pegamos ahí la URL. Mi recomendación es que no lo uséis. Sale un mensajito muy feo.
Para incrustrar una página o nuestro blog
Tenemos que seleccionar URL, ponerla y listo. Esto tampoco os lo recomiendo ya que no se puede redimensionar la página (sólo nos deja cambiar la altura) y sí o sí obligaremos al usuario a desplazarse por la página.
En resumen, lo mejor de todo es utilizar la primera opción y nos quedará bien chachi :D

Espero que os haya gustado mucho este tutorial, yo creo que es bastante útil ¿no? ¿Os ha gustado?
Y ya sabéis compartir es vivir :P Y cuanto más compartáis más ganas me entran de hacer nuevas cosas :D
Pasad un viernes y un finde muy chachi!! Besotes muy fuertes!! Laura.