Cargando



Promocionar un producto desde una página de Facebook y Static HTML

Os muestro con detalle cómo realizar una promoción de productos desde una Página de Facebook y Static HTML, esto mejora el Marketing que estás buscando y puede serte mu útil, aprende con estos pasos cómo crear tu página para vender productos o servicios en Facebook.


dic 01 2014 15:23
Profesional
dic 01 2014 15:49
Una página de Facebook o FanPage, ofrece ventajas para vender o promocionar un producto o servicio ya que por ejemplo, una página de Facebook no tiene límite en la cantidad de seguidores que puede tener, en cambio, el perfil puede tener hasta un máximo de 5.000 amigos, lo que limita nuestro alcance a potenciales clientes.

Para crear una pagina de Facebook accedemos a nuestra cuenta y luego vamos al siguiente enlace:

https://www.facebook.com/pages/create/

facebook-seo.jpg


Accederemos a la pantalla para seleccionar que tipo de página queremos crear en este caso ofreceremos un libro acerca de un Curso de Seo por lo que podemos utilizar la opción Marca o Producto. Dentro de Marca o Producto, seleccionarnos la categoría de la página como Producto/Servicio y en el campo de texto nombre de la pagina pondremos Cursos, ya que ofreceremos cursos en diversos formatos.


Una vez configurada la marca o producto damos click en Empezar para continuar configurando la página de Facebook.

Luego nos presentara la pantalla de configuración para detallar la categoría, una descripción de la pagina que estamos creando para informar al publico de que se trata la página. Tambien podemos añadir el dominio del sitio web si lo tuviésemos.

facebook-seo3.jpg


Atención
Una vez configurada la página, la utilizaremos como landing page o página de aterrizaje


Una de las estrategias más importantes de SEO y marketing digital es la utilización de página de aterrizaje. La idea de la Landing Page o página de aterrizaje es que sea una página sencilla que presente a los visitantes la información básica mas importante, sin que las visitas se vean abrumadas por demasiada información perdiendo el enfoque principal en este caso un producto.

En este caso en la página de Facebook, si recibimos visitas en el muro, es probable que con toda la información y actividad que se genera, el visitante se pierda o si ve el producto no sepa muy bien que acción realizar.

El objetivo de de la Landing Page es mostrar información directa sobre lo que ofrecemos sin distraer al visitantes, el objetivo principal sera que el visitante haga clic en el botón Me Gusta, compre el producto o se de de alta en un boletín de novedades. Además con el componente Static HTML Iframe Tab by Woobox podremos crear pestañas para añadir subpaginas o instalar distintas aplicaciones como canales de youtube, galerías de fotos, formularios de contacto para que nuestros visitantes interactúen. Situados en la fan page recién creada vamos a la zona de búsqueda y escribimos el nombre de la aplicación que queremos instalar en este caso Static Html y se desplegara un listado con las aplicaciones disponibles para seleccionarlas y luego configurarlas.

facebook-seo4.jpg


Si estamos en la fan page, facebook nos solicitara que cambiemos de modo pagina a modo usuario para autorizar las aplicaciones que se pueden instalar y así verificar que el propietario de la cuenta es quien autoriza la instalación de la aplicación.

A continuación nos presentara la pantalla de de instalación donde tendremos la opción para añadir una pestaña a nuestra pagina de Facebook. La aplicación esta en ingles por defecto, pero no es compleja.

facebook-seo5.jpg


Luego si tenemos varias paginas en Facebook, seleccionamos en que pagina queremos que se instale la aplicación para crear pestañas. Podemos instalar la misma aplicación en distintas paginas de Facebook si somos administradores de de varias fan page. Podemos ver en el menú aplicaciones como se ha instalado una nueva aplicación con un nombre Welcome de momento para luego ser configurada.

facebook-seo6.jpg


Si damos click sobre la imagen donde se instalo la aplicación accederemos a la pagina o pestaña que se colocara en el menú superior. Debajo del menú encontraremos el botón Configure Page Tab o Configurar pagina pestaña, que nos permitirá configurar y modificar las opciones de la pestaña.

facebook-seo7.jpg


Nos solicitara el cambio de modo fan page o modo perfil y la aplicación nos solicitara acceder a algunos permisos como poder conocer nuestro email y conocer las estadísticas de la aplicación pero la aplicación no podrá publicar en facebook. Luego accederemos a la pantalla de la aplicación donde podremos cambiar el nombre de la pestaña Welcome y configurar las demás opciones además de diseñar la web desde un entorno amigable y visual.

facebook-seo8.jpg


Accediendo a Tab Settings configuraremos el nombre de la pestaña, una imagen o icono si deseamos.
Luego en Edit accederemos a crear la pagina para el curso que queremos ofrecer. En esta opción tendremos que configurar si queremos que nuestra pestañas sea responsivo o sea que se adapte a dispositivos móviles. La versión gratis permite solo una pestañas por pagina.

Como podemos ver el editor tiene algún parecido con Wordpress o algunas web donde se escriben artículos, es un editor con en entorno WYSIWYG para crear la pagina en forma visual o bien para programador mas avanzados utilizar como editor de HTML.

facebook-seo9.jpg


Ahora crearemos desde el editor nuestra pagina donde venderemos un Manual de un Curso de Seo, primero la crearemos la imagen de ejemplo del producto, un manual que se puede crear con cualquier programa de diseño o con Boxshot.

facebook-seo10.jpg


Para poder subir las imágenes que utilizaremos en nuestra pagina deberemos tener las imágenes en un servidor externo o bien en nuestra galería de fotos de Facebook, lo mejor es tenerlas en un servidor externo puede ser Instagram o cualquier pagina donde podamos subir y enlazar nuestras imágenes.

facebook-seo11.jpg


Luego escribiremos la oferta y diseñaremos la pagina de aterrizaje, si tenemos alguna plantilla de código html podemos utilizarla haciendo click en el botón del editor Fuente Html y pegando el código allí.
Para finalizar con el diseño añadiremos un formulario para contacto y para ello utilizaremos un servicio gratuito como Aweber, Mailchip o código propio si queremos.

En este caso utilizaremos código propio para enviar el pedido por mail para el ejemplo, configuraremos un formulario para copiar el código fuente y pegarlo en nuestra pagina.

El código HTML del tutorial seria el siguiente:

<h1 style="text-align: center;"><strong>Curso de Seo Profesional</strong></h1>
<h3 style="text-align: center;">Convirtete en un experto en posicionamiento web con nuestro<br />
curso exlusivo de seo y marketing digital</h3>
<div style="text-align:center;"><img alt="" src="http://innovesoft.net/p09.jpg" style="width: 484px; height: 467px;" /></div>
<div style="display:block;margin-left:190px;">
<form action="enviarmail.php" style="display:block;" method="post" name="frmcontacto">
<table width="500px">
			 <tbody>
							 <tr>
											 <td>Nombre y Apellido</td>
											 <td><input maxlength="50" name="nombre" size="25" type="text" /></td>
							 </tr>
							 <tr>
											 <td>E-mail:</td>
											 <td><input maxlength="50" name="email" size="35" type="text" /></td>
							 </tr>
							 <tr>
											 <td>N&uacute;mero de tel&eacute;fono:</td>
											 <td><input maxlength="50" name="telefono" size="15" type="text" /></td>
							 </tr>
							 <tr>
											 <td><label for="comentario">Comentarios: *</label></td>
											 <td><textarea cols="30" maxlength="500" name="comentario" rows="5"></textarea></td>
							 </tr>
							 <tr>
											 <td colspan="2" style="text-align:right"><input type="submit" value="Enviar" /></td>
							 </tr>
			 </tbody>
</table>
</form>
</div>

También podemos añadir un botón para realizar pago por Paypal o cualquier otro método para vender el producto.

Cuando terminamos de diseñar la página grabamos desde el botón Save Setting y cerramos esa ventana de la aplicación. Finalmente podemos ver como la pestaña de la página Cursos informáticos queda terminada terminada y lista para promocionar o comenzar a vender el producto.

facebook-seo12.jpg


Sólo nos quedaría añadir a nuestros seguidores u amigos para potenciar nuestro marketing digital y tambien utilizarlo para generar nuevas estrategias de seo o captar contactos. Las posibilidades son infinitas, aunque en el ejemplo utilizamos un diseño sencillo podemos crear cualquier diseño mas complejo y utilizarlo dentro de la aplicación Static HTML Iframe Tab.

¿Te ayudó este Tutorial?


3 Comentarios


Tomas Garcia
dic 01 2014 15:30
Genial tutorial Sergio!! necesitaba yo entender como podría añadir una página de productos en Facebook de una forma ordenada.

Muchas gracias. Ya te sigo ;)

Nuria Sanz
dic 01 2014 15:33
Gracias por explicarlo correctamente, se agradece, yo también tenía planteado usarlo para unos productos que tengo, y quiero añadirlo a mi fanpage. Muchas gracias.

Vega Ortiz
dic 02 2014 14:44
Muy buen tutorial, lo tengo bien guardado. gracias
No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!

X