Pestañas FBML en Facebook Fan Pages

Y ya que estamos en el tema de Facebook Fan Pages, vamos a introducirnos a las pestañas FBML, un poco complicado si desconocemos el lenguaje HTML, sin embargo con ésta guía espero que puedas hacerlo.

Seguro ya haz visto las pestañas FBML en diferentes páginas, por ejemplo: Starbucks, Dell, Cinepolis y etc.

Para realizar una pestaña simple e igual de eficaz, vamos a seguir los siguientes diez pasos:

1.- Una vez que hayas iniciado sesión con tu perfil facebook, dirígete hacia tu Fan Page y da click en que - editar página- que está abajo de tu logo.

2.- Al final de la página hay un cuadro llamado "Aplicaciones", dale click en - FBML 1 .

3.- Te manda a la página de la aplicación, dale click en - Agregar a mi página - que se encuentra debajo de la foto. Indica a cuál de las páginas que administras agregarás la aplicación. Cierra el cuadro de dialogo y regresa a la edición de tu página.

4.- Podrás ver ahora un cuadro nombrado "FBML 1". Dale click en - editar - y te aparecerá la siguiente pantalla:

Hasta aquí dejamos esa ventana y ahora vamos a lo más importante ¿qué queremos que aparezca en nuestra pestaña? Para seguir con el proceso cuento con que tú ya tengas realizada una imagen, que será la que colocaremos. Puede ser una promo, un descuento, un aviso o lo que mejor apoye tu estrategia de marketing.

La pic debe tener un ancho no mayor a 520px, son modificaciones que Facebook está por realizar pronto, así que mejor de una vez ponemos el tamaño correcto.

Ok, entonces ya tienes esa imagen que vamos a colocar. Suponiendo que no tienes un servicio de host (somos principiantes) entonces utilizaremos uno gratuito, hay muchísimos, sin embargo el que me gusta es ImageShak.

Vé a ese sitio, selecciona tu imagen picandole en el botón - Browse - y luego en -Cargar ahora- . Inmediatemente a esto te sale un mensaje de registro, ignóralo y cierra la ventana. Ahora ya puedes observar que han guardado tu imagen en su host. A nosotros nos interesa para éste caso la que dice "Código HTML". Si le das un click en ese renglon se selecciona todo, ahora pica Ctrl + C para copiarlo.

Ahora sí, nos quedamos con la ventana de la aplicación FBML en facebook.

5.- Pega con Ctrl + V lo que copiamos, en el cuadro de FBML. Y ahora vamos a editar el código para que no salga la publicidad del servicio de hosting gratis y para que cuando alguien de click se vayan al enlace que tu quieras.

6.- Editemos el título, será el título visible de la pestaña, escribe en una palabra la descripción de la imágen, por ejemplo - Promoción, Descuento, Tips, Blog, SitioWeb, etc.

7.- Vamos a lo complicado, el texto que pegamos, se verá algo como esto:

Vamos a eliminar lo que señalé en ROJO.

Luego modifica lo que está en verde por el título que pusimos en el paso 6.

Modifica lo que está en azul con la URL a la que quieres que vaya.

LISTO, todo lo demás queda igual

Ahora debería verse así:

8.- Nos vamos al final de la pantalla para picarle -Guardar ahora - y luego damos click a la palabra - editar - que se encuentra en la parte superior izquierda de la pantalla, a un lado del nombre de nuestra página de facebook.

9. En la pantalla de edición de nuestra página ahora vemos el cuadro de la aplicación con el título que le hemos asignado. Hay que hacer click en -configuración de aplicaciones- y revisamos que la opción "Pestaña" diga que esta "Agregada".

10. Ya está lista. Si quieres que esa pestaña sea la primera que vean los visitantes que no sean fans, te vas al muro de tu página, le picas en - configuración- que está debajo del botón compartir. En la segunda opción elige tu pestaña, en mi caso sería -promoción- .

Y ya!! terminamos. A mi me quedo así:

Espero que hayas podido realizarlo sin ningún problema, si no pues ya sabes donde encontrarme para poder apoyarte. ¡SUERTE!