Añadir una tienda en tu blog
Incorporar una tienda en línea dentro de tu blog es muy útil si deseas promover tus propios productos mientras mantienes tu blog para comunicarte con tu público. Es una manera más rentable de hacer dinero por los blogs mientras monetizas directamente a los consumidores y no desde los anuncios.
Este tutorial te mostrará como tener una tienda online completa en tu blog en 2 minutos.
1. Crea un blog.
Para este tutorial estoy usando el servicio de blogs de Google, Blogger.com, pero es posible integrar las tiendas Vendder en cualquier página web aceptando HTML (como WordPress blogs o sitios web HTML personalizados)
2. Configura una tienda gratuita de Vendder
Apunta tu navegador vendder.com y crea tu tienda online en algunos segundos. Después tómate tu tiempo agregando algunos productos que desees vender y configura como te gustaría que fueran pagados y a donde envíar tus productos.
"
3. Crea una 'Nueva página' en tu blog
Además de crear entradas de blog en tu tablero de administración de Blog, también puedes crear páginas estáticas, que generalmente se utilizan para describir el autor del blog, el propósito del blog y así sucesivamente. Vamos a utilizar una de estas páginas para envolver tu tienda online. Por ahora deja el contenido de la página en blanco, la utilizaremos en el paso 5.
4. Copia el código encriptado de tu tienda
En el Panel de Administración de tu tienda, dentro de "herramientas" encontrarás tu código widget. Este es el ingrediente mágico para poner fácilmente la tienda en tu blog. Es como cargar videos en Youtube, nada complicado.
Selecciona el código y usa el botón izquierdo del mouse para copiarlo (o presiona Ctrl+C en la mayoría de los PCs)
5. Pega el código encriptado de tu tienda
Una vez más en el panel de administración blogger, vaya a "Páginas" y modifique la página creada recientemente.
Pega el código, usando el botón derecho del mouse (o Ctrl+V en la mayoría de los PCs) y publica la página (guardar)
Este es el código completo utilizado en este tutorial. Observa el estilo CSS específicos para blogger.com, oculta la barra lateral, amplía el ancho del contenido (1000px) y da un ancho de 960px para toda la tienda.
<script src=”http://libvendder.s3.amazonaws.com/js/lib.js” type=”text/javascript”>
</script><script language=”javascript” type=”text/javascript”>var target_url = ‘http://demostore.vendder.com’;</script>
<div id=”iframe”></div>
<!–blogger.com specific CSS styles–>
<style type=”text/css”>
#sidebar-wrapper{display:none;}
#outer-wrapper{width:1000px;}
#header-wrapper{width:1000px;}
#main-wrapper{width:960px;}
</style>
6. ¡Ya has terminado!
Estarás listo para empezar tus ventas on line en menos de 2 minutos. Checkea el resultado final:
¡Dale una oportunidad!
O, si aún no estás convencido puedes ver el vídeo how-to (en inglés):
Si todavía tienes problemas por favor contáctanos.
