Tutoriales FB Super FanPage 2.

0
Luego de que hayas realizado tu inversin, debes haber descargado un archivo FB-
Super-FanPage.zip en la pgina de descargas.
Debes descomprimir ese archivo FB-Super-FanPage.zip, y dentro de l encontrars los
siguientes archivos:

FBSFP-estandar.zip
FBSFP-revelar.zip
FBSFP-estandar-sinmenu.zip
FBSFP-revelar-sinmenu.zip
codigoRevelar.txt

Los 2 primeros archivos (FBSFP-estandar.zip y FBSFP-revelar.zip) son las plantillas de

FB Super Fan Page, estn en formato .zip y debes dejarlas tal como estn (sin
descomprimirlos). El archivo codigoRevelar.txt se utiliza de acuerdo a las instrucciones
del Video 4, ms abajo en esta pgina.

Los archivos 3 y 4 (FBSFP-estandar-sinmenu.zip y FBSFP-revelar-sinmenu.zip) son

una versin alternativa de los 2 anteriores en que la plantilla no tiene un men de
navegacin en la parte superior. Debes utilizar alguna de estas 2 sin men en vez de las
2 primeras en el caso que quieras que tu pgina de fans no tenga ningn men de
navegacin en la parte de arriba de la pgina. Esto es til si deseas hacer una fanpage
con slo una pgina interna, y no mltiples secciones dentro de ella.

Ahora, para comenzar a crear tu pgina de fans debes ver los siguientes tutoriales de
instruccin que te guiarn paso a paso por la construccin de tu pgina de fans con FB
Super Fan Page. Simplemente haz clic en los enlaces para ir Paso por Paso:

Paso 1: Como Crear Una Pgina de Fans en Facebook

Paso 2: Como Instalar WordPress en tu Servidor
Paso 3: Como Crear una Aplicacin en Facebook e Integrarla con WordPress
Paso 4 (Opcional pero Recomendable): Como Usar la Plantilla Revelar
Paso 5 (Opcional pero Recomendable): FB Popup Viral para tu Blog de WordPress
Paso 6: Cmo Agregar una Caja Me Gusta (Like Box)
1 Como Crear una Pgina de Fans en Facebook

1. Entrar a http://www.facebook.com/pages/ y hacer clic en el botn para crear una

pgina. Luego escoges la categora a la que corresponde tu pgina

2. Selecciona que tipo de pgina quieres crear (te recomiendo que uses Marca o
Producto)
3. Selecciona tu Categora, ponle un nombre a tu marca o producto y luego haz clic en
el botn que dice Empezar

4. Completa los siguientes 3 pasos que Facebook te pide, que son Foto de Perfil, Acerca
de y Direccin Web en Facebook
5. Ya tienes tu pgina de fans lista!

Bien, ahora debes seguir con el Paso 2: Como Instalar WordPress en tu Servidor
2 Como Instalar Wordpress en tu Servidor

AQU VER VIDEO TUTORIAL

Facebook Super Fan Page 2 - Instalar Wordpress.mp4

En resumen, debe hacer lo siguiente:

Nota: Este NO es un curso de WordPress, sino que es una gua DETALLADA de

instalacin de una plantilla en su servidor, utilizando cPanel

1. Configura un dominio o un subdominio especialmente dedicado para la instalacin de

WordPress

Esto puede hacerse de 3 maneras:

a) Utilizar un dominio dedicado para tu Pgina de Fans, ejemplo: http://tudominio.com.

En este caso debes comprar un dominio nuevo para instalar WordPress en ese dominio

b) Utilizar un subdominio, ejemplo: http://fans.tudominio.com. En este caso debes crear

un subdominio para tu pgina. Si no sabes hacerlo debes ponerte en contacto con tu
proveedor de hosting

c) Instalar WordPress en un directorio dentro de un dominio, ejemplo:

http://tudominio.com/directorio/. Este es el caso que se ensea en el video tutorial y es
el ms fcil rpido y econmico de hacerlo.

Nota: No hay ninguna diferencia relevante entre escoger cualquier de estas 3 formas,
slo debes elegir la que ms te acomode. Nosotros te recomendamos a utilizar el tercer
mtodo.

2. Instala WordPress (si tienes hosting con cPanel, puedes hacerlo utilizando fantstico),
tal como se indica en el video tutorial. Si no tienes un hosting con cPanel, debes ponerte
en contacto con tu servicio de hosting para que te indiquen como instalar WordPress a
tu dominio, sub-dominio, o directorio (aunque es el mismo procedimiento para los 3)

3. Crea una estructura personalizada para los Permalinks en WordPress ->

/%postname%/. Para hacer esto debes loguearte en tu panel de control de wordpress en
/wp-admin y luego ir a Settings en el men del costado izquierdo y seleccionar la
opcin Permalinks, luego seleccionar Custom Structure y escribir /%postname%/.
Finalmente debes guardar los cambios.

4. Instala la plantilla de FB Super Fan Page en tu blog de WordPress. Para esto debes ir
al men del costado izquierdo donde dice Appereance > Themes > Install Themes >
Upload. Luego seleccionas la plantilla de FB Super Fan Page que deseas usar, que
puede ser FBSFP-estandar.zip FBSFP-revelar.zip. Luego de que se instal debes
apretar el botn para activar la plantilla.

Bien, ahora debes ir al Paso 3: Como Crear una Aplicacin en Facebook e Integrarla
con WordPress
3 Como Crear una Aplicacin en Facebook

El primer paso para crear una aplicacin en facebook es instalar la aplicacin de

desarrollador (developer) de facebook. Para hacer eso, ingresa a tu cuenta de facebook y
visita la siguiente pgina: http://facebook.com/developers.

Si es que es la primera vez que instalas esta aplicacin vers un dilogo donde debes
aceptar el permiso de informacin. Se debera ver mas o menos as:

Dale clic en Allow o Aceptar si lo tienes en espaol.

Creando tu Aplicacin con iFrame:

Ahora que ya instalaste la aplicacin para desarrollador, anda y haz clic en el botn que
dice + Crear Nueva Aplicacin
Ponle un nombre a tu aplicacin. Busca un nombre hasta que sea vlido, como en la
foto:

Luego, ingresa el cdigo Captcha para continuar el registro:

Existen muchas maneras de personalizar tus aplicaciones, sin embargo, ahora nos
enfocaremos en lo que necesitas para tener tu primera pgina de fans corriendo en unos
pocos minutos ms.

Informacin Bsica
Luego, debes llenar un poco de informacin bsica sobre tu aplicacin:
Primero, arriba, vers el ID de tu aplicacin (App ID) y los valores secretos de tu
Aplicacin (App Secret). Vamos a usar tu App ID para integrarnos a facebook.

Segundo, mira donde dice editar icono justo debajo de App Secret. Ese es el cono
que se mostrar a la izquierda de los nombres de pestaas cuando alguien visite la
pgina de fans, por lo tanto pon una imagen llamativa para los visitantes. Recuerda que
las dimensiones de esta imagen es 16 x16 pixels. Si no creas tu propio cono, se
mostrar el cono genrico de facebook

Luego rellena la informacin Bsica:

Nombre para mostrar de la aplicacin: Pon el mismo que pusiste originalmente

en pasos anteriores;
Espacio de nombres de la aplicacin: Pon el mismo que pusiste originalmente en
pasos anteriores;
Correo electrnico de contacto: Donde quieres que facebook enve los correos
que tengan que ver con tu aplicacin;
Dominio de la aplicacin: Aqu puedes poner cualquier dominio, simplemente
pon un dominio que sea relevante a tu pgina;
Categora: Selecciona una categora de la lista.

Bien, todava NO guardes los cambios. Antes anda y haz clic donde dice Pestaa de
Pgina para decirle a facebook como queremos integrar la aplicacin, y llenas la
informacin que ah se pide, como en la foto:
Tendrs que llenar la siguiente informacin:

Nombre de la Pestaa: El nombre que quieres que aparezca en la navegacin de

la pgina;
URL de la pestaa: La URL NO segura (HTTP) de tu pgina de inicio.;
URL segura de la petaa: Es el mismo que el de arriba pero con HTTPS en vez
de HTTP;
URL para editar la pestaa: Opcional NO necesario;

Luego, debes hacer clic en Sitio Web y poner ah la URL de alguno de tus sitios
(alguno relevante con la pgina de fans). No necesariamente debe ser el dominio donde
tienes hosteada la pgina.

Finalmente te dejo una foto de como deberas tener todo llenado antes de Guardar
Cambios:
IMPORTANTE: No olvides poner Wide (810px) en la opcin de Page Tab Width
en Pestaa de Pgina, tal como se muestra en la foto de arriba.

Instalando la Aplicacin iFrame en tu Pgina de Fans

Muy bien, ahora vamos a hacer el ltimo paso, as que pon MUCHA atencin.

Lo que necesitas hacer ahora es asociar tu pgina de fans creada con FB Super Fan Page
a la Pgina de Fans propia de Facebook.

Para esto necesitas navegar hacia la URL que est aqu debajo y reemplazarla con los
datos TUYOS:

https://www.facebook.com/dialog/pagetab?app_id=TU_APP_ID&next=TU_URL

Debes reemplazar donde dice TU_APP_ID por tu App ID y donde dice TU_URL debes reemplazar por la direccin
de tu pgina de fans creada con Facebook Super Fan Page.

Se debera ver ms o menos as:

https://www.facebook.com/dialog/pagetab?app_id=414658710942134&next=http://tudominio.com/fan/inicio/

Una vez que navegues (pongas esa URL en tu explorador) hacia esa URL deberas ver
un mensaje parecido a este:

Perfecto, ahora puedes visitar tu pgina de fans y ver tu pestaa creada con Facebook
Sper Fan Page!

Bien, ahora debes ir al Paso 4: Como Usar la Plantilla Revelar. Recuerda que este
paso es opcional pero recomendable.
4 Como Usar la Plantilla Revelar

Bien, a estas alturas ya deberas tener tu pgina de fans creada y andando correctamente.
En este punto, lo que te interesara ahora es aumentar tu base de fans, es decir, la
cantidad de Me Gusta que tiene tu nueva pgina de fans.

La mejor forma de hacer eso es ofrecer un incentivo al visitante por hacer clic en Me
Gusta, ya sea un Video, Reporte o Software Gratis, o cierto contenido de tu pgina de
fans que slo se lo mostrars una vez que le haya clic al botn Me Gusta.

Para esto, te ofrezco 2 opciones: la opcin uno es utilizar la plantilla Revelar y la opcin
dos es utilizar el plugin de Pasarelas.

Primero vamos a ir con el tutorial de la plantilla Revelar:

Paso 4.1 (Opcional pero Altamente Recomendado): Como Usar la Plantilla Revelar
*NOTA: Para instalar la plantilla revelar, primero debes desinstalar la plantilla estandar.

AQU VER VIDEO TUTORIAL

Facebook Super Fan Page 4 - Como Usar la Plantilla Revelar.mp4

Paso 4.2 (Opcional pero Altamente Recomendado): Como Usar el Plugin Pasarelas

Primero debes instalar el plugin pasarelas que descargaste en la pgina de descargas

luego de hacer tu compra de FB Sper Fan Page 2.0. Debiste haber descargado un
archivo llamado Pasarelas.zip.

Para instalarlo anda a tu panel de administrador de wordpress y a tu izquierda haz clic

en Plugins >> Add New y luego navega en tu pc por el archivo Pasarelas.zip y dale
en upload. Luego activa el plugin.

Una vez que hecho esto, en cada pgina o post nuevo vas a ver un botn como el de la
foto:
Debes hacer clic en la mano que tiene el pulgar hacia arriba y luego hacer clic en
insertar, como en la foto:

Luego debes poner el contenido que quieres mostrar despus que el vistante haga clic en
Me Gusta adentro de los corchetes [like-gate], como en la foto:

Eso es todo!

Disfruta tu nueva pgina de fans!

5 Facebook Pop Up Viral

AQU VER VIDEO TUTORIAL

Facebook Super Fan Page 5- Tutorial Facebook Pop Up Viral.mp4

6 Cmo Agregar una Caja Me Gusta (Like Box)

Puedes agregar fcilmente una de las famosas Cajas Me Gusta (o Like Box en ingls)
en tu pgina de fans.

Para agregar una de estas cajas, debes seguir los siguientes pasos:
1. Crear tu Caja en la seccin de Desarrolladores de Facebook

Primero debes ir a la seccin de Desarrolladores de Facebook (Facebook Developers), e

ir a la seccin de plugins sociales donde se encuentran las cajas Me Gusta (Like Box).
Para esto, haz clic en el siguiente enlace:

https://developers.facebook.com/docs/reference/plugins/like-box/

Esta pgina est en ingls, pero no te preocupes, pues aqu veremos paso a paso lo que
debes hacer. Debieras haber llegado a una pgina que se ve ms o menos as:
Ok, veamos uno a uno los campos que debes rellenar para obtener el cdigo de tu Caja
Me Gusta.
1. Facebook Page URL

En el primer campo llamado Facebook Page URL debes ingresar la URL o direccin
exacta de tu pgina de fans en Facebook, no la URL de la pgina que creaste con
WordPress. Es decir, debes ingresar la direccin URL de la biografa o lnea de
tiempo de tu pgina de fans DENTRO de Facebook. Por lo tanto, la URL debiera ser
algo as:

https://facebook.com/urldemipaginadefans

Para obtener esta URL o direccin, simplemente entra a Facebook y ve a tu pgina,

luego copia la direccin URL de tu navegador y listo. Un ejemplo de una pgina de
fans ma sera:

https://facebook.com/Pagoranking

Para saber si hiciste este paso correctamente, la caja de ejemplo que est a la derecha
debiera cambiar y llenarse con los datos de tu propia pgina de fans. A continuacin te
pongo el ejemplo con la pgina de PagoRanking.
2. Width

Aqu ajustamos el ANCHO en pixeles de la caja. El valor por defecto es 292, pero si
quieres, puedes hacer que sea ms ancha o ms delgada. En el ejemplo del principio
utilic un ancho de 497.

3. Height

Aqu ajustamos el ALTO en pixeles de la caja. En general es recomendable dejar este

campo vaco para que se ajuste automticamente, pero si deseas darle un alto fijo,
simplemente ingresa el nmero de pixeles que deseas. Si no sabes cunto poner,
simplemente prueba y ve como queda la caja de ejemplo hasta que encuentres el alto
apropiado para ti.

4. Color Scheme

En el campo Color Scheme podemos seleccionar el color de la caja. Tenemos 2

opciones:

Light: colores claros, por defecto.

Dark: colores oscuros.

Personalmente yo prefiero usar Light, pues considero que se ve ms limpio, pero si lo

deseas puedes usar los colores oscuros tambin.

5. Show Faces

El campo Show Faces nos sirve para activar o desactivar las caras de las personas que
ya han hecho Me Gusta a la pgina, que aparecen en la parte inferior de la Caja.
Personalmente yo prefiero dejarla activada, de tal manera que los visitantes vean a sus
amigos que ya han hecho Me Gusta en la pgina y se incentiven ms a hacerlo ellos
tambin.

6. Border Color

Aqu puedes modificar el color del borde de la caja. Este debe estar en cdigo
hexagesimal bien puedes poner el nombre del color en ingls. A continuacin te dejo
una lista de colores que puedes utilizar:

black
red
yellow
blue
darkblue
green
white
brown
cyan
turquoise

En general, lo ms fcil es simplemente dejar este campo vaco para utilizar el color por
defecto, pues este color es muy apropiado para fondos blancos. Yo personalmente nunca
cambio el color del borde, sino que utilizo el color por defecto.
7. Stream

Activa y desactiva esta opcin para mostrar o esconder las ltimas publicaciones en tu
biografa. La idea de Stream es mostrar las ltimas actualidades de tu pgina de fans
dentro de la caja.

8. Header

Activa y desactiva esta opcin para mostrar o esconder la barra de ttulo de la caja que
dice Bscanos en Facebook. Personalmente yo prefiero desactivarla cuando incrusto
una caja Me Gusta en una pgina de fans, pues el visitante ya se encuentra dentro de
Facebook, por lo que el ttulo es redundante. Esta opcin es ms til si agregas la caja
en un sitio externo a Facebook.

2. Obtener el cdigo de tu Caja Me Gusta

Una vez que hayas configurado la caja a tu gusto, haz clic en el botn que dice Get
Code para obtener el cdigo de tu caja. Este botn se encuentra al final de las opciones
de configuracin.

Al hacer clic en el boton Get Code, aparecer una ventana que tendr el siguiente
aspecto:

Ahora debes hacer clic en IFRAME en el men superior que dice HTML5 XFBML
IFRAME, tal como se indica en la figura anterior. Al hacer esto, la ventana se ver
como sigue:
Ahora, donde dice this script uses the app ID of your app, debes seleccionar la
aplicacin que utilizaste para crear tu pgina de fans con FB Super Fanpage. En este
ejemplo, mi aplicacin se llamaba Servicios de SEO y Posicionamiento Web. Ahora
la caja Me Gusta estar asociada a la aplicacin que utilizaste para crear tu fanpage.

Finalmente, copia el cdigo que te entrega la ventana. Este es el cdigo en HTML que
contiene toda la configuracin de tu caja y que en el siguiente paso agregaremos a tu
pgina de fans para incrustarla.

3. Agrega tu Caja Me Gusta a tu fanpage

Ok, ahora que este copiaste este cdigo, simplemente debes pegarlo donde deseas que
aparezca en tu fanpage. Para esto, simplemente abre la pgina donde deseas que
aparezca con el editor de WordPress y pega el cdigo donde quieres que aparezca, como
se indica en la siguiente figura. Para esto, debes primero poner el editor en modo HTML
como se ve a continuacin:

Ahora simplemente guarda los cambios y listo, ya tienes tu propia Caja Me Gusta en
tu fanpage.