Landing Page con Static html Iframe Tabs

Landing Page con Static html Iframe Tabs

Landing Page con Static html Iframe Tabs

Así fueron las landing pages en Facebook

Old Landing page Facebook

Y así son ahora

new landing page

Podríamos buscar las 7 diferencias, como en los juegos de entretenimiento, pero el caso es que hay muchas más.

Del fbml estático que facebook suprimió en marzo de 2.011al html de las nuevas aplicaciones, como la que nos ofrece actualmente Thunderpenny en este enlace Static HTML: iframe tabs

Static html Iframe tab

También puedes usar la aplicación desde su fanpage Thunderpenny, donde ofrecen los videotutoriales de instalación a cambio de hacerse fan

Es gratuita y de sencilla configuración

Para añadirla a tu página desde facebook pincha aquí, actuando como tú mismo, es decir, como administrador de la página en la que vayas a instalar la app.

Una vez le des a añadir la aplicación a tu página los pasos son bastante simples.

  • Despliegas la flecha y seleccionas la página en la que la vas a instalar. 

añadir iframe tab

 

 

 

 

 

 

  • Y de nuevo: añadir. 
  • A continuación aparece directamente la aplicación integrada en una de las pestañas de tu página.

Pestaña

 

 

 

 

  • Pinchas sobre ella para configurar la instalación.
  • Nos aparecerán dos opciones de Bienvenida:

agregar iframe tab

 

 

 

 

    1. Para los que ya son fans de nuestra página: Contenido
    2. Para los que aún no lo son: Fangate

Las cuestiones de por qué y cómo hacer marketing en facebook las detallaremos en otro sitio, ahora sólo te diremos que razonablemente los que hayan llegado y pinchado en nuestra pestaña de bienvenida, esperan recibir algo más…y como nosotros ya lo sabemos, a los que ya son fans, les daremos mas contenido (regalo, oferta, promoción…) y a los que no lo son, les pediremos que se hagan fans para obtener ese contenido con valor.

Empezaremos por la FANGATE (puerta de entrada a posibles fans)

En el espacio que hay debajo de index html escribimos nuestro código. Para que aparezca una imagen enlazada a tu web sólo tienes que poner lo siguiente: 

<a href=”http://www.nombredetuweb.es”><img src=”https://www.dropbox.com/nombredelaimagen.jpg”/></a> 

Facebook no mostrará la imagen si no la subes a una url segura, es decir “https”. Si la subes a tu web y ésta no tiene certificación SSL, lo más probable es que no la cargue. Así que la tendrás que subir a un repositorio de imágenes. Algunas con las que funciona, aunque con restricciones son imageshack y tinypicNosotros hemos probado también con dropbox, que sí nos ofrece una url segura https.

Finalmente habrás logrado algo parecido a esto, un ejemplo que hemos creado en nuestra fanpage

Ahora sólo te queda crear la página de contenido, de la misma manera que hemos creado la fangate, y por último configurar la pestaña que se mostrará en la página. Puedes cambiar el nombre y la imagen.

Y como nosotros, compartir el enlace en tus sitios sociales para que tus amigos y conocidos empiecen a seguir tu página.

compartir fangate

Anotarte que si buscas un camino mucho más sencillo, en vez de seleccionar la pestaña de HTML Static, dale a “ver más aplicaciones”, y ahí encontrarás versiones Pro, gratis, o plantillas html donde sólo tendrás que realizar pequeños cambios.

Aplicaciones Pro Drag & Drop- Sorteo- Formulario de contacto- Cupón

Aplicaciones gratis HTML estático- Imagen- WebImage Plus- Paypal- Youtube-Formulario Localización

Plantillas HTML Paypal-Youtube-Ubicación

Cada una de ellas te ofrece un video tutorial para su instalación, como éste

Y todos los vídeos tutoriales los puedes encontrar en el canal de thunderpenny.

Nos encantaría que compartieses con nosotros tus pestañas, y quien sabe… a lo mejor consigues muchos más fans.  ¡Te esperamos!