Inicio > Facebook > Crear pestaña o Welcome FBML en Facebook

Crear pestaña o Welcome FBML en Facebook

En este articulo explicaré los pasos necesarios o mínimos para poder crear una pestaña en Facebook, principalmente se utilizan para realizar Welcomes. Páginas de bienvenida para todos aquellos usuarios que visiten una Página Facebook o Fan Page, suelen servir para situar al usuario y que no vaya directamente al Muro. También se suelen usar para realizar concursos, publicidad de algún producto en concreto o simplemente como página menú, que es aquella que nos redirige a varias secciones tanto en facebook como nuestra página web, nuestros videos, el twitter, etc.. .

Normalmente en este proceso puede llegar a pasar por 4 personas o 4 departamentos, de todas formas os explicaré a grandes rasgos como poder hacerlo tu mismo, que se necesita y como se hace.

Lo primero que necesitamos y es fundamental es una cuenta Facebook donde habremos creado la Fan Page. Desde este momento entramos en el proceso de crear una pestaña de Welcome.

1.- Imagen de la Welcome

El primer paso es tener la imagen que deseamos poner en la Welcome, aquí entraría la labor del diseñador, pero con un programa de edición tipo Photoshop y conocimientos de diseño nos podría dar para realizar un diseño mas que aceptable, siempre es aconsejable que pase por el diseñador si lo hay en nuestra empresa ya que es una Welcome para un cliente y el diseñador es el profesional con más conocimientos que pensará la mejor forma de transformar una imagen en una entrada agradable para el usuario.

2.- Subir la imagen, ruta de la imagen

Si ya tenemos la imagen creada por un diseñador o por nosotros, ya sea formato .gif, .jpg o .png deberemos alojarla en algún sitio físico. Si el Welcome es para un cliente seguramente tendrá una espacio web en el que mediante FTP subiermos la imagen. Una vez subida necesitamos encontrar la ruta absoluta de la imagen.

Ej: http://www.dominio.es/fb-imagenes/welcome.jpg

Aquí estaríamos accediendo al servidor del cliente, creando la carpeta fb-imagenes donde guardaría todas las imagenes que necesitaría, por ejemplo la welcome.jpg que hemos hecho. Si no disponemos de servidor FTP una solución valida es subirla al propio Facebook, tendríamos que subirla a un álbum y después con el propio Firefox podriamos darle al botón derecho y guardar la ruta de la imagen, así tendríamos la ruta absoluta. El inconveniente es que la foto se vería en el álbum de fotos de Facebook, y si son promociones o concursos no siempre queda bien.

3.- Código HTML con el contenido de la pestaña

El tercer paso es la maquetación, necesitamos integrar la imagen en un código HTML para que se visualice. Si es una imagen menú o anuncio, desearíamos que linke a otro sitio, ya sea nuestro blog, nuestra página, nuestro Twitter, etc.. .

Para ello necesitamos que el maquetador nos cree dicho código, si no disponemos de nadie con conocimientos de maquetación aquí os coloco lo esencial:

Imagen – Para visualizar una imagen crearemos la etiqueta img como la de abajo colocando la ruta de la imagen antes comentada.

<img src="www.dominio.es/fb-imagenes/welcome.jpg" />

Link – Este es el código de un enlace aquí configuraremos a donde nos dirigirá, para ello necesitamos poner dentro de la etiqueta el ‘CONTENIDO’ que puede ser texto o una imagen con el texto superior. En el primer ejemplo saldría un texto CONTENIDO que llevaría a la referencia y el segundo seria una imagen, puede ser una imagen con un botón dibujado por ejemplo.

<a href="www.dominioAlQueVanAIr.com"> CONTENIDO </a>
<a href="www.dominioAlQueVanAIr.com">
   <img src="www.dominio.es/fb-imagenes/welcome.jpg" />
</a>

Si queremos algo mas avanzado con mas de una imagen deberíamos poner una tabla con las imágenes o textos correspondientes:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Debemos recordar, dato muy importante, que el espacio actual a fecha de hoy de Facebook es de 520px de ancho (width:520px;) por ello ni el ancho de la imagen si hay una, ni la tabla (el total de las imagenes) deben de exceder sino esta ocultara lo que sobre por la derecha.

4.- Integración con Facebook, crear una pestaña

Ya tenemos Diseño, Subida al Servidor y Maquetación, ahora nos queda la integración con Facebook, cosa un poco liosa ya que Facebook no lo pone facil, seria tarea del Social Media.

Entramos en el Facebook, entramos a nuestra página y le damos bajo el avatar a “Editar Página”. Entraremos en el submenú “Aplicaciones” y deberiamos encontrar el apartado de “FBML estático” y lo añadiremos “Add App” en un principio parece que no ha cambiado pero si refrescaramos (F5) ya apareceria mas arriba si no esta ya añadidod anteriormente.

El siguiente paso es “Ir a la aplicación” allí entraremos en la edición de la pestaña. Le decimos que si queremos añadirla y tenemos dos campos, el titulo de la pestaña y la zona de contenido, donde incluiremos el codigo del apartado anterior. Una vez colocado el texto del paso 3 guardamos y ya tendremos la pestaña creada y con la imagen o contenido puesto.

En la zona de edicion, donde hemos puesto el titulo de la pestaña y el contenido nos encontramos Abajo que pone añadir otra casilla FBML, sirve para  añadir otra pestaña más, si queremos otra pestaña pinchamos, en un principio no ha pasado nada pero si salimos a nuestra página de nuevo entramos en editar página y Aplicaciones veremos dos FBML. Es un poco lioso como os comentaba.

Apunte: Advertiros que si borramos la segunda pestaña y un día quereis hacer una nueva, os habilitará la que en su dia borrasteis (la segunda con el contenido anterior), debeis coger y modificar el contenido antiguo por el nuevo. Y si cuando guardeis la pestaña después de varios cambios y no lo veis puede ser por culpa de la Caché de Facebook, solo queda esperar un dia, pero ultimamente los cambios se aplican al momento, me refiero a cambios de imagenes.

5.- Configurar la pestaña como página de inicio

Por ultimo si queremos usarla como página de bienvenida y no como página normal, debemos configurar Facebook para que al entrar un usuario nuevo lo dirija a la Welcome. Nos vamos a la Página, Editar Página y “Gestionar permísos” allí encontraremos “Pestaña inicial por defecto” donde le indicaremos nuestra pestaña.

 

Actualización: El proceso es el mismo pero si nuestra página tiene el formato de un perfil encontraremos las pestaña en el lado izquierdo como menú.

Etiquetas: , , , ,
  1. 12 mayo 2013 a las 20:59

    hola amigos yo Quiero tener el Welcomel pero no puedo ayudenme a conseQuirlo porfaaaa

  2. carlos eduardo
    27 febrero 2012 a las 01:39

    bien me a servido esa pagina xiomara

  3. 24 febrero 2012 a las 22:44

    muy buen blog me sirvio mucho deveras te agradesco , solo que tengo otro problema : quiero que en el ” welcome” me aparezca una imagen con una flechita que direccione al ” ME GUSTA ” queria ver si no sabeis de alguna pagina donde le pueda editar asi ya que photoshop , paint, picnick no encuentro dicha herramienta :/ espero respuesta de antemano gracias

  4. 1 febrero 2012 a las 20:48

    chevere

  5. sss
    27 enero 2012 a las 07:59

    Es gratis?

  6. arturo
    17 enero 2012 a las 18:26

    hola esto solo se hace para paginas de Fans o tambie se puede hacer para perfiles normales?

  7. 11 enero 2012 a las 03:04

    Como podria editar el logotipo que aparece en la pestaña FBML por mi logotipo

  8. 6 enero 2012 a las 23:30

    Yo tengo que pagar para pode hacer la pestaña de welcome?

  9. xiomara
    3 noviembre 2011 a las 22:00

    Lo mejor y más facil es https://apps.tradablebits.com/?source=default.jpg&fb_page_id=159804330732522

    en serio metanse!! es lo mejor que me pudo haber pasado para hacer mi página!

  10. 14 octubre 2011 a las 23:23

    excelente! muchas gracias

  11. 12 octubre 2011 a las 18:08

    Hola, ya tengo en mi pagina el fmbl, pero con los cambios nuevos de facebook ya no aparece “add app” y no se como agregar otra pestaña con esta aplicación,sabes como hacerlo? gracias

  12. 12 octubre 2011 a las 02:38

    ya encontre en facebook FBML pero al querer agregarla a mi pag en la ventana que aparece sale que no se han encontrado resultados ayudeeeeeeenmeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  13. 12 octubre 2011 a las 02:00

    y como tengo la pestaña FBML se descarga de algun lado lo siento pero tengo 12 años pero muchas chicas de mi edad ya saben hacer eso y yo no😦 necesito una explicacion mas sencilla

  14. 14 septiembre 2011 a las 16:52

    pero por fis en donde esta la pagina

  15. 12 septiembre 2011 a las 16:28

    Oye en mi pagina cuando voy a aplicaciones no me pone lo del estatico, y cuanto entre en la pag del fbml estatico, puse me gusta pero no me aparecio añadir a mi pagina

  16. Sarina
    6 septiembre 2011 a las 13:32

    hola! he creado la imagen del FBML pero quiero que linkarlo a una web específica, cómo lo hago?? muchas gracias!

    • 12 septiembre 2011 a las 08:03

      es muy sencillo, si conoces HTML lo unico que tienes que hacer a esa imagen es ponerle el IMAGEN y esta linca a una web.

      Saludos

  17. 31 agosto 2011 a las 23:20

    Primero debemos ir a la página de FBML estático (http://www.facebook.com/apps/application.php?id=4949752878&ref=appd) una vez te has añadido al me gusta debería poner “Agregar a mi página”

  18. valeria
    31 agosto 2011 a las 16:35

    A mi tampoco me aparece la opcion de agregar una nueva aplicacion, menos la de FBML… que puedo hacer? como la puedo agregar?

  19. 5 agosto 2011 a las 01:47

    hola..yo ya tengo el welcome en la página…pero quisiera cambiar una foto por otra mas adecuado y no se como lograrlo, o quizas ya no la pueda cambiar..¿hay alguna manera de lograrlo?…..porfaa necesito ayuda urgentemente!!😐

  20. giann
    28 julio 2011 a las 07:02

    a mi tampoco me aparece la opcion… q se hace en ese sentido???

  21. Anne Tapia Alvarez
    17 julio 2011 a las 23:09

    SEÑOR SALINAS no encuentro la aplicacion FBML

  22. joche
    8 julio 2011 a las 22:55

    Por Fabor quiero que me respondan: a mI NO ME APARECE EL BOTON Add App Y NO PUESO SEQUIR LOS PASOO

  23. 31 mayo 2011 a las 05:39

    Hola. Ya tengo la pestaña de BIENVENIDOS, pero quiero agregar otra que diga ANUNCIOS y otra que diga PROMOCIONES… como hago, porque cuando trato de agregar otro TAB sale error y no me deja continuar ???

  24. 30 mayo 2011 a las 10:23

    hola salinasjav
    acabo de pasar mi perfil a fanpage
    y quiero poder hacer mi nueva portada como esta o algo parecido
    http://www.facebook.com/pitbull

    pero cuando me voy a editar pagina me sale aplicaciones y ahi me pierdo

    agradeceria mucho tu ayuda

  25. Andrea
    27 abril 2011 a las 06:26

    hola no puedo poner por defecto la pagina que cree, no se guardan los cambios.que puedo hacer

  26. Estrella
    26 abril 2011 a las 23:43

    hola eh kiero porner configurar la perstaña como pagina de inicio ya hise todos los pasos pero aun esta =, solo un unico incombeniente pestaña inicial por directo no sale la opcion FBML GRAXIAS ESPERO TU RESPUESTA

    • 26 mayo 2011 a las 15:29

      La página de inicio aparece por defecto si la habeis activado, para todos aquellos que no se han agregado a vuestra página, si ya lo estais (en el caso de que seais administradores de esa página) os irá al muro directamente.

  27. raul
    25 marzo 2011 a las 22:05

    Gracias, es de gran ayuda, sigue así felicidades.

    NOTA: PARA LINKEAR ME FUNCIONÓ EN VEZ DE la opción:

  28. jef
    14 febrero 2011 a las 00:27

    Ahora cuando se crea una pagina, ya no estan las pestañas en la parte superior. Como las puedo poner arriba?
    Gracias

    • 17 febrero 2011 a las 13:05

      Yo si las veo, supongo que hablamos de páginas Fan no de tu propio perfil?

  29. 5 febrero 2011 a las 09:13

    Excelente Javier, el que mejor lo explico!, muchas gracias!!!

  30. Enrique
    4 febrero 2011 a las 11:07

    Hola he seguido todos los pasos indicados para poner una pestaña de bienvenida.. pero a la hora de intentar poner la pestaña inicial por defecto.. no hay manera de encontrar ese boton…

    por lo menos en el nuevo facebook no está..

    espero que me ayudeis
    gracias

  31. KE
    4 febrero 2011 a las 01:05

    te pregunto… al texto que se escribe en el area de CONTENIDO…no se le puede poner Bold? o un poco mas grande el tama~o de la letra?

    • 17 febrero 2011 a las 13:04

      Es HTML lo que puedes introducir, siempre puede aplicarle etiquetas de strong o b, o un style con el font-size que tu desees, por norma general deberia funcionar la gran mayoria, ya que es FBML ( union de codigo FaceBook con HTML)

  32. KE
    4 febrero 2011 a las 00:34

    excelente!! me ayudo mucho!!

  33. nEX
    25 enero 2011 a las 03:09

    Ya tengo creada una pestaña fbml y le doy a añadir otra casilla fbml pero luego en editar pagina>aplicaciones>fbml1>ir a aplicacion me pide que elija la pagina, pero no me deja elegir donde ya tenga la otra pestaña fbml. Solo me deja elegir entre las otras paginas que cree. Sabes porque puede ser eso?

    Gracias de antemano por cualquier info! Saludos.

  34. 20 enero 2011 a las 01:54

    Senor Salinas, smart blog tienes aqui.

  1. 29 diciembre 2013 a las 13:00
  2. 11 julio 2013 a las 21:09
  3. 15 marzo 2011 a las 22:53
  4. 19 enero 2011 a las 00:56

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: