Agregar cuadro “invitar amigos” en páginas de facebook

Ya hemos mostrado anteriormente como crear una pagina en facebook y les mostraremos como agregar un cuadro de invitar amigos en el sidebar de una página de facebook. Hacerlo es tarea sencilla y para eso necesitamos agregar la aplicación FBML Estático de facebook a nuestra página.

Agregar cuadro invitar amigos en pagina de facebook

Para agregar el cuadro invitar amigos en una página de facebook sigan los siguientes pasos:

1.- Agregamos la aplicación FBML Estático a nuestrá página para esto entramos a la página de la aplicación (Click aquí) y damos click en agregar a mi página.

Agregar cuadro invitar amigos en páginas de facebook cuadro invitar amigos paso 1

2.- Enseguida te aparecerá una ventana donde se mostrarán todas las páginas de las que eres administrador, da click en “Agregar a la página”.

Agregar cuadro invitar amigos en páginas de facebook cuadro invitar amigos paso 2

3.- Entramos a nuestra página de facebook previamente creada y damos click en “Editar página” ubicado en la parte superior izquierda justo debajo del logo de nuestra página.

Agregar cuadro invitar amigos en páginas de facebook cuadro invitar amigos paso 7

4.- Nos mostrará todas las aplicaciones que tenemos agregadas en nuestra página buscamos alguna que se llame FBML 1 y damos click en editar.

Agregar cuadro invitar amigos en páginas de facebook cuadro invitar amigos paso 3

5.- En la página de Editar FBML escribimos el título del recuadro en este caso lo llamaremos “Invitar a amigos”. En el cuadro FBML pegamos el siguiente código:

<fb:request-form
method=”post”
type=”Skineable”
invite=”true”
content=”Te invito a esta página <fb:req-choice url=’http://www.facebook.com/skineable’ label=’Ir’ /> “>
<fb:multi-friend-selector condensed=”true” actiontext=”Invita a tus amigos” rows=”3″ showborder=”true” />
<fb:request-form-submit  />
</fb:request-form>

Podemos cambiar el atributo type y poner el título del botón que queramos. El atributo content indica el texto que les llegara a tus amigos, en el atributo url asegurense de escribir la dirección de su página de facebook y el actiontext es la etiqueta que saldrá cuando las personas deseen invitar a sus amigos.

6.- Despues de editar el FBML damos click en guardar cambios. Hasta este punto el cuadro que acabamos de crear se agregó en la pestaña cuadros de nuestra página de facebook, aun queda mandar ese cuadro al muro en el sidebar.

Agregar cuadro invitar amigos en páginas de facebook cuadro invitar amigos paso 4

7.- Para agregar el nuevo cuadro al muro en el sidebar entramos a la pestaña cuadros y presionamos en el icono de edición arriba a la derecha del cuadro y damos click en “Mover pestaña al muro”.

Agregar cuadro invitar amigos en páginas de facebook cuadro invitar amigos paso 6

Despues de estos pasos tendremos un cuadro para invitar a amigos en el muro de nuestra página de Facebook.

La aplicación FBML Estático ademas nos permite otras cosas como agregar código HTML, crear pestañas, y más para personalizar nuestra página de facebook pero ya veremos esas características en otro tutorial.

Relacionados:

  • Cochi
    me encanta la aplicacion, les quiero recomendar estoy jugando con telcel para irme al mundial en un jueguito para el celular desde sms. se trata de robar el balón a otros a través de envíos de sms. el que tenga el balón más tiempo gana un viaje a sudáfrica o a otros partidos y finales de ligas fuera de méxico. ahí les va el link: http://bit.ly/cUlt9
  • http://todoblogger.com Joaco
    Hola, quiero implementar esto en mipágina de facebook pero se ve que el código está mal y no funciona. Aparecee solo el botón de invitar pero no el cuadro con todos tus amigos y al dar click en el botón no funciona ya que dice que no haz seleccionado ningún amigo. Si me pueden ayudar por msn se los agradecería. El msn lo publiqué en “Correo electrónico” ;)
    Un saludo y gracias.
  • http://www.webadictos.com.mx dmedina
    Que raro, lo tenemos implementado en la página de WebAdictos (http://www.facebook.com/WebAdictos) y funciona correcto. Les dejo el código que nosotros tenemos:

    <fb:request-form
    method=”post”
    type=”WA”
    invite=”true”
    content=”¿Soy WebAdicto y tu? <fb:req-choice url=’http://www.facebook.com/WebAdictos’ label=’Ir’ /> “>
    <fb:multi-friend-selector condensed=”true” actiontext=”Dile a tus amigos que eres un WebAdicto” rows=”3″ showborder=”true” />
    <fb:request-form-submit />
    </fb:request-form>

    Espero les sirva,

    Saludos!

  • http://www.redtodoonline.com.ar Red Todo On Line
    Por mas que doy vueltas tengo el mismo problema que Joaco , aunque buscando en otros sitios encontre un codigo similar pero me aparece la invitacion muy grande como para ponerlo en la caja de la pagina de FB.

    Espero puedan ayudarme

    Saludos!

  • http://Facebook Danilo
    Muy bueno excelente página me gustaría tener amigas pura vida cariñosas amables buenas costumbres entre 18 y 20 años pueden escribirme ami correo danilomartinez7756@hotmail.com 87385980
  • LoRe
    Hola, antes me salía la opción de sugerir esta página a mis amigos debajo de la foto en todas la páginas pero ahora no me sale!
    Busqué la aplicación FBML Estático pero no existe, dicen que tienen ese cuadro de sugerir amigos en su página en Facebook pero yo entré y no la veo en ninguna parte!
    Quiero invitar amigos pero no puedo!!!!!!!!
    Ayuuuuuuuudaaaaaaaa!!!!!!!!!!!!!!!!
  • Tania
    me pasa lo mismo, no puedo añadir amigos, hay algun error en el codigo=?= ayuda por favor
  • pau
    Buenas, he implementado bien el código pero solo me deja invitar a 6 personas como máximo. Como se puede modificar para poder invitar a más personas?

    Gracias.

  • http://www.facebook.com/pages/English-Learning-Language-for-Business/187047621320177?cmfs_typeahead_req_form_4d4aec2d8d3d05b33085412=Empieza+a+escribir+un+nombre&ids=559538944&ids=645273730&am Eduardo Canelo
    Simplemente hay que eliminar las comillas en la palabra true del siguiente campo y funciona perfecto para desplegar la lista de amigos
  • Karla
    Amigos una pregunta, tengo una pagina de negocio y la verdad me gustaria agregarle los botones de compartir y el boton de twitter pero todavia no logro saber como hacerlo, espero me puedan ayudar porque le daria otro giro a mi pagina muchas gracias.
  • pau
    Buenas Eduardo, gracias por el comentario, pero aunque veo la lista solo me deja seleccionar a 6 personas igualmente…
  • eva
    alguien sabe si estos códigos siguen funcionando bien?? aunque lo implementa bien, la invitación no se envía correctamente con el link a la página, aparece “te ha invitado a FBML estático”. He probado con invitaciones de otras páginas y me pasa lo mismo (como en: http://www.facebook.com/vaargentina?v=app_11007063052) Los que lo tengan colocado pueden probarlo? a ver si es un error de facebook… si alguien me puede echar un cable lo agradecería mucho! gracias!!
  • walter zalazar
    hola , bueno les comento que anda pero esta mal el tema de las comillas dobles.

    <fb:request-form
    method='post'
    type='solucion informatica'
    invite='true'
    content='Te invito a esta página'

    este es el código que anda pero me tira un error cuando lo manda , me dice que la accion no puede ser procesada.

    • Magdayariku
      solo se pueden seleccionar 3 amigos como hago que sean más
  • walter zalazar
    <fb:request-form
    method='post'
    type='solucion informatica'
    invite='true'
    content='Te invito a esta página'

  • walter zalazar
    <fb:request-form method='post' type='solucion informatica'
    invite='true' content='Te invito a esta página'
  • walter zalazar
    bue , ya intente 3 veces poner el codigo . que anda aunque tiene un error cunado envia me dice que la accion no puede ser procesada. es una lastima que no lo pueda poner.
  • osvaldo
    hey amigo ese codigo no sirve
    • http://www.promoweb.com.mx uriel
      este funciona correctamente:

      <fb:request-form type="mi tutilo" invite="true" content="Te invito a esta pagina”>

  • http://www.promoweb.com.mx uriel
    Hola me funciona perfecto el selector de amigos, pero como puedo agregar una imagen al contenido: content=”En cuanto tiempo resulves este divertido juego”
    • Omar196c
      oye a mi funciono pero cuando le doy enviar dice que no puede ser prosesada
  • victor
    hay otra opcion de hacer eso?
    porque ahora ya no hay el fbml en facebook
  • http://viajar-a-egipto.com Ahmed Ali
    Viajar a Egipto es un sitio que da muchas informaciones sobre Egipto, cairo, Alejandria, Luxor, Asuan, Sinai, Hurgada, Sharm el shiekh y otras ciudades de Egipto. ofertas de viajes para visitar el país a precios muy razonable dado que no hay intermediarios.
  • alliza
    hola entre a esa pagina en mi face pero no puedo no me aparece nada solo el boton de “like” y es todo km le hago tengo una pagina komercial del negocio y kiero invitar amigos pero no puedo me podrian ayudar
  • http://www.fiesta911.com.mx Fiesta
    Parece que el post esta desactualizado.
  • Samglez
    Creo que ese codigo no sirve… tengo 2 hroas de estar intenatnto y nadaaaaa
  • http://twitter.com/AlvaroYporre Álvaro Yporre Alejos
    ¿?
  • Marian_24_14
    ya complete algunos pasos, pero no me sale laa lista de amigos a invitar :/ que hago?
  • http://lacomunidad.elpais.com/futbol-gratis/posts Demon
    gracias por la info!
  • Harto_politicos
    Ya tengo una página pero cuando estoy en otra cuenta y la busco en el ‘buscador’ no aparece y no entiendo como agregar a ella el cuadro de ‘me gusta?
  • http://www.facebook.com/bryant.cruz Bryant Jeffrey Cruz Hernandez
    como hago para que el cuadro de invitar amigos les seleccione a todos los amigos sin que el usuario los escoja y sin exepciones?