Hace poco te presenté un videotutorial actualizado con el paso a paso para crear la página de tu negocio en Facebook.
Como sabés, hubo muchos cambios en Facebook y varios de los videotutoriales publicados en el blog están ya obsoletos. De hecho, como Facebook eliminó -entre otras cosas- la aplicación FBML. Esta aplicación que nos permitía crear solapas, pestañas o sub-páginas para usos diversos (por ejemplo, una página de bienvenida para quienes no son fans) fue reemplazada por la creación de aplicaciones para utilizar iFrames.
Por eso, y en respuesta a la solicitud de varios lectores del blog, comparto aquí un nuevo videotutorial para mostrarte cómo crear una aplicación que te permite agregar páginas a tu página en Facebook.
Lamentablemente, estos ultimos cambios en Facebook hacen que las cosas no sean tan fáciles. Ahora, crear otra solapa, pestaña o sub-página es un poquito más complejo… Sin embargo, dedicando algún tiempo a leer, investigar y probar de seguro aprenderás a agregar estas solapas, pestañas o sub-páginas dentro de la página de tu negocio en Facebook. Para ello, tendrás que crear aplicaciones que utilizan iFrames.
Básicamente, y como comento en el video, la aplicación que creas en Facebook para agregar una solapa, pestaña o sub-página utiliza iFrames y lo que esto hace es mostrar un contenido en HTML -que debes tener alojado en tu servidor– dentro de Facebook.
Por eso, es importante que lo primero que hagas sea crear y subir via FTP ese archivo HTML que se mostrará en la página de tu negocio en Facebook.
Pero te dejo aquí con el videotutorial para que veas cómo crear esta aplicación.
A continuación te transcribo los pasos junto con algunas capturas de pantallas que espero te resulten útiles.
Pasos para Crear un iFrame en la página de tu negocio en Facebook
Cómo crear una solapa, pestaña o sub-página dentro de la página de tu Negocio en Facebook
1. Crear un documento en HTML con el contenido que quieras mostrar en Facebook
2. Subir ese documento en HTML a tu servidor vía FTP.
3. Crear una aplicación en Facebook
Para crear una aplicación deberás ir a la página de desarrolladore de Facebook (http://www.facebook.com/developers/) y allí, darle clic al botón “Crear una nueva aplicación” que se encuentra en el extremo superior derecho de la página.
a) Darle un nombre a tu aplicación
b) Aceptar los terminos y condiciones de uso de Facebook
Al aceptar tendrás un paso adicional de Control de seguridad en el que deberás escribir las dos palabras que aparecen abajo, separadas por un espacio.
4. Configurar la aplicación
Para simplificar las cosas y considerando estos pasos son sólo para aplicaciones que se utilizan para agregar una «solapa», sub-página o opción de menú dentro de la página de tu negocio en Facebook, completaremos sólo unos pocos datos.
a) Acerca de
b) Integración con Facebook
Canvas Page: nos pide especificar un nombre para la url de nuestra aplicación.
Canvas URL: aquí creas un nombre para la URL de la aplicación que estás creando. Una buena idea es que sea memorable para que cuando tengas varias aplicaciones de páginas creadas puedas identificar cual es cual. 😉
Secure Canvas URL: podés dejarlo vacío.
Tamaño de iFrame: aquí defines si muestra el tamaño tal como se encuentra en el HTML o si debe ajustar el tamaño (auto-resize)para mostrarlo en el espacio disponible dentro de la página en Facebook. Si no entra, muestra barras de desplazamiento. Obviamente, lo ideal es que entre bien y las personas que visitan la página no necesiten utilizar barras de desplazamiento para ver todo el contenido.
Marcador URL: este espacio también puede quedar en blanco.
Nombre de la pestaña: aquí ingresa el texto que se mostrará en el menú que se encuentra en la columna izquierda de tu página. Es -para decirlo en términos que utilizabamos anteriormente- el nombre de la pestaña o solapa.
Pestaña URL: aquí va el nombre del archivo HTML que desplegará en este iFrame.
4) Ir a la página de la aplicación creada
5) Agregar la aplicación a tu página en Facebook
Seleccionar la opción «Agregar a mi página» que se encuentra en el menú de la columna derecha
Luego, te desplegará una ventana en la que deberás elegir la página a la cual deseas agregar la aplicación.
Bueno, espero este instructivo básico te haya resultado útil y confío este breve video habrá contribuido para que logres sacar el mayor provecho posible a la presencia de tu negocio en Facebook.
Desde ya, si las cosas no te salen bien la primera vez, no te desanimes. Probá nuevamente, mirá otra vez el video y lee detenidamente los pasos.
Como siempre, si tenés sugerencias, inquietudes o consultas, enviamelas publicando debajo un comentario.
Hasta la próxima,
PD: Gracias por sumarte a mi página en Facebook. ¡Te espero allí! 😉
pregunta… sirve esto como para crear una pagina de bienvenida con una imagen alojada en algun server??? gracias…
Excelente artículo Vicky. Saludos desde Ecuador!
Realmente no es tan complicado, solo hay que tomarse unos minutos para hacer todos los pasos, pero sin duda veo que es importante el diseño en si. Muy bueno el vídeo para seguir paso a paso.
Hola Vicky!
Buenísimo tu tutorial, pero tuve el siguiente problema, hago todo tal cual pero cuando voy a checkear el resultado final de la pagina haciendo click en la solapa de mi producto en el sector del iframe me aparece este error:
405: el verbo HTTP usado para obtener acceso a esta página no está permitido.
La página que está buscando no se puede mostrar porque se usó un método no válido (verbo HTTP) para intentar el acceso.
Te paso alguna vez? sabés de que puede ser??
Hola, gracias por el tutorial, yo creé la app y todo bn, al momento de agregarla a la pagina si me sale en las apps de la pagina pero no me da la opcion de activarla «de mostrarla en las pestañas»
si alguien me puede ayudar lo agradecería.
Hola!!!! los pasos los hice todos, la consulta es porque no mer aparece el incono en la pagina de facebook, cual puede ser el error??
Si me pudieran ayudar seria buenisimo!
hola una consulta, hice una pagina de fans pero al querer usar las aplicaciones, me pide que cree mi perfil? Tengo entendido que si creo perfil para empresa pueden deshabilitar la pagina?
No pude ingresar a /developers/ me pide el perfil..
Que hago? No quiero cuenta de persona solo de empresa, gracias
Hola Nando! Si querés crear una página para tu empresa pero no querés utilizar tu perfil personal para hacerlo (o no tenés un perfil personal y tampoco queres crearte uno) entiendo podés abrir una cuenta comercial y, a partir de ella, crear la página para el negocio. Podés leer más detalles aqui: http://www.facebook.com/help/new/?page=721
Espero esto te ayude!
Saludos,
Vicky
hola el tutorial es genial, muy bien explicado gracias por compartirlo.
quisiera saber otra cosita ya vi que hay un tutorial de como hacer una pestaña de «invitar a tus amigos» ya la hice y quedo muy bien jeje
pero ahora surge otra incognita como puedo recomendar la pagina a todos mis contactos para que aparesca en su muro directamente, ya se que @nombre pero eso si la quiero recomendar a unos cuantos amigos, se podra para todos mis amigos?
gracias
Validation failed. Página de trabajo cannot contain uppercase letters.
Hola Vicky:
Como siempre son muy buenos tus tutoriales y doy gracia por ellos.
Tengo un problema para poder verificar mi cuenta para crear las aplicaciones. hee tratado con el celular el cual me indica que esta verificado pero con todo eso no me deja el crear las aplicaciones por primera vez, esperando que mede una ayudita ya que no quiero hacerlo por via targeta de credito. me despido y gracias….
vicky, veo que en el video tenes la pestaña (solapa)debajo de la foto de la pagina que dice «invita a otros trabajadores»
a mi me gustaria tener una pero que diga INVITA A TUS AMIGOS, como la creo? porque ahora con los cambios que hizo facebook no se como hacerlo.
Me gustaria que me digas o subas un video de como hacerlo.
Saludos.
Hola Victoria.
Excelente los video tutoriales de Facebook.
Podría decirme como colocar una foto de perfil mas alargada?
Gracias
Hola Pedro, tal vez el siguiente videotutorial te resulte útil:
http://www.vaargentina.com/blog/2011/01/26/facebook-para-tu-negocio-como-cambiar-la-imagen-de-tu-pagina/
Saludos,
Vicky
Primero que nada gracias por el tutorial y esta muy bien explicado nomas me quedaron 2 pequeñas dudas:
1.- cada vez que quiera crear una nueva aplicación de facebook digamos un IFRAME tengo que verificar mi cuenta por medio de la tarjeta de credito o solamente es una vez?
2.- las medidas default que hay que tomar en cuenta para la creación de un iframe cuales son?
De nuevo Gracias.
Perdon otra duda yo tengo una cuenta personal, al momento de querer crear un IFRAME para alguien mas por ejemplo algún cliente pero este solamente tiene una cuenta personal, tendria que crearle primero el FAN PAGE? y luego entrar a su FAN PAGE y ahora si seguir los pasos del tutorial? o hay alguna otra forma, digamos porque el tutorial esta descrito como para modificar la FAN PAGE de uno mismo, pero, si lo quiero hacer para terceros como aplicaria o seria lo mismo? no se si me explique.
Oiee una pregunta es que cuando hago el primer paso me sale esto:
Tu cuenta debe ser verificada antes que puedas llevar a cabo esta acción. Por favor verifica tu cuenta añadiendo tu mobile phone o credit card.
antes de dar con tu tutorial tenia ya un problema que aun sigo sin resolver.
Primero que para cada pagina de facebook que tengo tengo que crear otra app. El punto es que la configuracion general de las apps es la misma. Soy community manager y quisiera que la misma app sirva para todas las paginas solo que cambiando la configuracion de las mismas, me pide un canvas url segura o algo asi. Todas las apps que conozco permiten esto que menciono. Favor si sabes como hacerlo avisame please.
Muchas gracias por el tutorial ya lo implemente, bueno ahorra me falta cuadrar la foto que muestra mi iframe http://www.facebook.com/pages/Molcan-EIRL-Venta-de-Vehiculos-Usados-Japoneses/126120294134810?sk=app_169836506414442 mi objetivo es que mi pagina sea igual a http://www.facebook.com/pages/Kia-Per%C3%BA/196372153719466?sk=app_128953167177144
Hola, hago todos los pasos y me da este error: Method Not Allowed
The requested method POST is not allowed for the URL /ema/esterilizaciones.html.
que puede ser? Me podras ayudar? Gracias.
Hola Vicky:
Gracias por este turorial, gracias al cual he podido crear una nueva página de bienvenida.
Sólo una duda: he intentado poner esa nueva página como predeterminada, en lugar del muro, pero no encuentro la opción. En la ayuda de Facebook dice que se encuentra en «Gestionar Permisos» dentro de configurar página, pero a mi no me aparece esa opción. ¿Es que acaso la han eliminado?
Gracias por adelantado y un saludo cordial,
José Ramón G.
Hola Vicky!
Quería agradecerte por tu tutorial: IMPECABLE!!
Al igual que a Javier me tiró el error «Method Not Allowed» la solución es cambiar la extensión al archivo de html a php.
Así de simple!
Cariños y gracias por compartir
Hola, como haces para que en tu pagina de bienvenida de facebook salga el nombre del visitante? es una aplicacion acaso?
Hola: muy didáctico tu video, muchas gracias. Realicé los pasos tal cual pero cuando ingreso a la pestaña me arroja el siguiente informe ¿que puede estar pasando? Saludos
Method Not Allowed
The requested method POST is not allowed for the URL /iframes/facebook-pages.html.
Hola! al igual que a varios, a mí también me tira ese error (method not allowed…..). Probé lo que dice turemanso de cambiar la extensión a php, pero no hubo solución alguna, sigue igual. Alguien encontró la forma de solucionarlo?? Muchas gracias
turemanso SOS UN GENIO!! me estuve quemando la cabeza tratando de solucionar ese error y sólo había que cambiar html por php!! maldito facebook que nos complica la vida!! jaja saludos!!
Cambiando tema alguien me podria decir como cambiar el nombre de un fan page? cuando intento dice que debo tener por lo menos 100 fans y tengo muchos, que debo hacer en ese caso, ya que el nombre del negocio cambio y me gustaria hacer el cambio… espero que me ayuden y en serio muchas por todos estos tutoriales…
Hola me parece genial estas herramientas, yo estoy creando una aplicación donde aparecen fotos de personas extraviadas la url es http://apps.facebook.com/ayudame/
Agradeceré cualquier aporte y/o sugerencia al respecto, mi idea es poder ayudar con un pequeño grano de arena a quienes lo necesiten
muchisimas gracias, justo eso estaba buscando.
Muchas Gracias! exelente!
Existe una aplicación GRATUITA en facebook llamada MITUCAN que genera automaticamente una web completa dentro de tu página de facebook. Una vez instalada se elige un diseño y se edita la web con un gestor de contenidos muy completo. Podeis echarle un vistazo en la web oficial mitucan.com
Espero sirva de ayuda. Saludos
Este artículo está genial. Con explicaciones tan detalladas y claras realmente se hace sencillo poner en práctica este tipo de ideas en facebook. Muchas gracias.
Buenisimoooo !!!! el tutorial. Un 10 desde España..
hola m encanta como explicas en tus tutoriales.. yo tengo una consulta…en mi pag d facebook coloque una solapa de bienvenida pero resulta que los que no son fans al ir a mi pagina les aparece el muro..entonces no saben de la existencia de mi solapa, sabes como puedo hacer que aparezca esa solapa para los No-fans? gracias d antemano . 🙂
Muy buena la información.
Gracias por compartir estos conocimientos.
Saludos,
Isa
Hola..buen tutorial..! alguien sabe porque al momento de querer crear la aplicación y al escribir (http://www.facebook.com/developers/)
me manda a un servidor seguro:
https://developers.facebook.com/apps/293562354003334/summary… y No a la página que menciona el tutorial… dicha pagina NO se parece en nada a la del tutorial..
Gracias
Victoria:
Muy bueno el video tutorial.
Cuando creas un iframe. Que contenga información o material que solo queres publicar en tu propia Fan Page (y que no lo instalen otros usarios de Facebook). ¿Cómo haces para que dicha aplicación no sea visible para otros usuarios?
Gracias.
Saludos
Pablo
Hola Vicky, excelente tutorial, pero queria saber como hago para «reflejar» el nombre del usuario en mi html asi como tu la tienes que dice HOLA: y el nombre de usuario. Saludos desde Argentina!!!
Me pasó lo de «method not allowed…..» y al pasarlo a PHP, ya que mi servidor está habilitado para PHP me funciónó correctamente.
Toda la mañana estuve buscando la solución para certificados SSL gratis para nuestras Fan Pages; les dejo el link donde explico que hacer!
Saludos, y es un aporte para este sitio que siempre me enseña algo nuevo!! GRACIAS
http://gnetworks.com.ar/mercedesgijon/archives/347
hola
SEGUI LOS PASOS QUE DECIAN EN EL TUTORIAL PERO EN UNO DE ELLOS ME PIDE EL NUMEOR DE CELULAR EN EL CUAL ME VA A LLEGAR UN CODIGO, YO SOY DE PERU
Y PONGO MI NUMEOR DE CELULAR Y NUNCA ME LLEGA EL MENSAJE
POR LO TANTO NO ME DEJA SEGUIR PASANDO A LAAS DEMAS OPCIONES COMO TENGO QUE PONER O HAY UN TRUCO PARA ESO, O ESOTRA COSA SEGUN EL TUTORIAL SALTANESE PASO
GRACIAS POR SU RESPUESTA.
Gracias Victoria!
He visto muchos videotutoriales tuyos y todos fantásticos. Te agradezco mucho tu inversión de tiempo y esfuerzo para compartir tus conocimientos, me hansido de mucha ayuda.
Saludos desde España!
Hola!
¿podrías actualizar este tutorial?
ahora ha cambiado un poco el menú en la página de apliaciones (Developers). Y no aparece como en tus capturas.
Gracias por todo!
Malina
hola quisiera saber como colocar en pagina de incio de fans de bienvenida musica de fondo pero solo para que en mi pagina de bienvenida se escuche una musica de fondo
Hola Victoria! Como dice Malina, se actualizó el menú de Developers y es realmente complejo. Sería buenísimo si puedes actualizar el tutorial. ¡Gracias por tu ayuda!
Jimena
se actualizó el menú de Developers y es realmente complicado crear un iframe , no me sale la opcion ver perfil de aplicacion y luego adicionar a mi pagina, quizas lo han quitado la opcion, o cual es el nuevo procedimiento.Agradeceria mucho sino nos indica como es que se hace actualmente sobre los iframe
o si ahora se hace de otra forma.
Gracias
sdos
Hola! estuve viendo el video y las instrucciones y esta muy bueno..
hice todo eso, pero cuando ya tengo la aplicacion no me aparece la miama pantalla q a vos y no puedo agregar a app a mi pagina, por tanto despues no me aparece la aplicacion con el iconito en el menu de la izquierda del perfil de mi pagina… como lo soluciono??
muchas gracias!
Vicky
Estoy consultado tu video pero ya es Enero del 2012, y ya el procedimiento no es como tu dices, pues facebook ha cambiado. ¿podrias ayudarme?
Hola Victoria, excelentes tutoriales, leyendo los comentarios, veo que muchos tienen la misma duda ja, visite tu pagina y en la bienvenida aparece el nombre de quien la visita, un detalle exquisito, mire todos tus videos a ver si pescaba ese pedacito de codigo, pero no tube suerte ja
Hola Vicky,
acabo de seguir tus pasos aunque las capturas no sean las mismas, el problema que aparece ahora es que desde Octubre de 2011 Facebook ahora exige que la pagina para la pestaña sea una pagina segura, osea con protocolo SSL.
Hay alguna manera de crear ese protocolo sin tener que ir al cpanel del servidor? intenté crearlo pero no se hacerlo.
Gracias y enhorabuena por tu web, los videotutoriales que haces están muy bien.
hola te felicito por todos tus consejos y ayudas hablando de ayudas como podria mantener la foto de mi perfil en las paginas de mis amigos en facebook en el area donde aparecen los que estan conectados que siempre esye visible
muchas gracias
te felicito por tu aporte.
excelente