• Cómo crear una página de Facebook reveal Tab

    ¿Quieres aumentar el número de fans que recibes cada día?  Una forma de mejorar la conversión de nuevos visitantes a fans es mediante la adición de una pestaña reveal.

    Paso 1: Instale FBML estática

    El primer paso de la creación de un pestaña es instalar el FBML static ( que se puede encontrar aquí ).  Esta aplicación le permitirá crear una pestaña personalizada en su página de Facebook.  Desde la página de la aplicación, haga clic en “Agregar a mi página” y luego seleccionar la página que desea crear la ficha para mostrar como se ilustra en la imagen debajo.

    Paso 2: Diseñe su pestaña Reveal

    Una de las partes que más tiempo te ocupa es el diseño de la pestaña. En última instancia se puede utilizar cualquier servicio de diseño para crear su ficha personalizada, siempre y cuando conozcas que las restricciones de las pestañas. La principal restricción que debes saber es que las pestañas personalizadas deben ser de 520 píxeles de ancho. He utilizado el Photoshop para crear la pestaña reveal como se  se muestra a continuación.

    La clave aquí es que yo tenga algo que ofrecer a los visitantes que llegan a nuestra página de Facebook. Si le ofrecen algo al visitante para convertirse en un fan, el número de nuevos visitantes que llegan a ser fans incrementa de forma exponencial.  Combinado con las campañas de anuncios de Facebook, las pestañas reveal pueden ser muy eficaces.
    Además de diseñar la pestaña reveal, tendrás que diseñar la pestaña que  se verá una vez que el visitante se ha hecho fan. Si el visitante ya es fan, se mostrará automáticamente este diseño.
    A continuación se muestra una captura de pantalla de lo que el visitante ve una vez  hace clic en “Me gusta”.

    Paso 3: crear la ficha

    En su mayor parte, la configuración de la pestaña reveal es muy fácil. Todo lo que necesitas para usar es el HTML con un par de líneas de FBML (Facebook Markup Language).  He incluido el código de abajo, de modo que usted puede aplicar la pestaña reveal en su página de Facebook.  Para editar el código, todo lo que tiene que hacer es seguir los pasos siguientes.

    Haga clic en “Editar página”

    En primer lugar, visita la página que ha agregado la aplicación “static FBM”  y haga clic en “Editar página” como se muestra en la imagen debajo.

    La edición “FBML static” de la aplicación

    Desplázate hacia abajo hasta donde se ve la aplicación “static FBM”.  Si bien mi solicitud dice “AllFacebook” en la imagen de abajo, la tuya en primer lugar dirá “static FBM” hasta que cambie el título de su pestaña.  Basta con hacer clic en el enlace “Editar” y pronto estará editando el código HTML de la pestaña.

    Añadir El Código La última parte del proceso es añadir el código.  Para ayudar con el proceso, he proporcionado el código básico que necesitará para crear la pestaña a continuación.


    <style type='text/css']]]]>
    #wrapper {
    width:520px;
    height:500px;
    margin:0 auto; border:0; padding:0;
    position:relative;
    }
    #not-fans {
    width:520px;
    position:absolute; top:0; left:0;
    height:500px; /* Esto debe de ser cambiado a la altura en píxeles de tu imágen */
    }
    </style>
    <div id="wrapper"]]]]>
    <fb:visible-to-connection]]]]>
    <div style='width:520px;']]]]>
    <img src='[Inserta aquí la url de tu imagen]' /><!-- Esta se la imagen que se mostrará a los que ya son fans -->
    <!-- También puedes poner aquí un diseño en html para mostrar a tus fans -->
    </div>
    <fb:else>
    <img src='[Inserta aquí la url de tu imágen a los no fans]' id='not-fans' /><!-- Esta imágen se mostrará alos que todavía no son fans -->
    <!-- También puedes poner aquí un diseño en html para mostrar a tus no fans -->
    </fb:else>
    </fb:visible-to-connection>
    </div>

    Está Hecho

Leave a comment