You are on page 1of 38

ltimamente me han llegado muchos emails preguntndome

sobre el tema de las ventas en internet.


La verdad es que vender online es muy diferente a una venta "en
persona". No ves el producto, no sabes realmente como es
y tienes que fiarte de lo que te cuentan en la web.
Por eso, generar confianza y saber mostrar los beneficios de
tu producto/servicio es algo de vital importancia.
Actualmente los blogs estn de moda, es la manera ms sencilla
de posicionarse en Google. Al gran buscador le gusta el
contenido fresco y un blog te ofrece la posibilidad, si est bien
gestionado, de publicar contenido peridicamente, ofreciendo
un valor aadido a los clientes potenciales.
Vamos a ver los principales beneficios de tener nuestro
propio blog, siempre basado en mi experiencia personal:
Posicionarnos como expertos dentro de nuestro
campo. Podemos demostrar que realmente sabemos de lo que
hablamos. Esto no quiere decir que sepamos TODO al respecto,
pero s lo suficiente para dejar claro que lo que hacemos, lo
hacemos bien y sabemos hacerlo.

Ofrecer contenido interesante para nuestros clientes


potenciales. Hay millones de blogs en internet que parecen
tiendas, sin ms. Solo muestran fotos de sus productos, sin valor
aadido, con una breve descripcin, la forma de compra y poco
ms.

Pgina

EL PERRO DE PAPEL - www.elperrodepapel.com -

Yo no soy quien para criticar esa estrategia de venta, pero a m


personalmente no me gusta nada que intenten meterme nada
por los ojos as, sin ofrecerme nada ms.
Supongo que ya sabes, si me visitas de vez en cuando, que soy
diseadora y ofrezco mis servicios de diseo en otro blog, me
gusta tenerlo todo separado, lo que ofrezco gratuitamente
porque me apetece y me gusta compartir lo que he ido
aprendiendo con el tiempo y lo que es mi segundo trabajo: el
diseo grfico.
Muy poca gente me conocera si mi nico blog fuese el
de servicios de diseo grfico. En l puedo exponer todo lo que
puedo hacer por ti, con ejemplos de personas que ya han
confiado en m, pero no te aporto nada que pueda interesarte
ms all de la venta.
Yo no quiero que me visites una vez, solo para decidir si quieres
trabajar conmigo o no... y no vuelvas ms! Tal vez sea rara...
pero me gusta conocer a las personas que me visitan, me leen
y sobre todo, a las que me confan el diseo de su blog, logo,
tarjetas o lo que sea.
Me encanta el trabajo en equipo y la mejor manera de dar con el
diseo ideal, es conocernos un poco mejor, a un nivel ms
personal. De ah que tenga ambos blogs separados.

Pgina

Una cosa es el trabajo y otra mi pasin por el diseo, la


fotografa, marketing, redes sociales y dems.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Tener un trato ms cercano y personal. En otras


palabras, ser personas normales y corrientes, accesibles y
cercanas, para as estrechar lazos con otros bloggers o nobloggers afines que comparten tus mismos gustos y aficiones.
Esto ya lo hemos hablado en algunas entradas de la serie Como
ser tu propio Community Manager.

Puede ser una mana ma, pero cuando quiero comprar algo
online, siempre visito el blog de la empresa, donde ofrecen
ideas geniales para usar sus productos, imprimibles adicionales
y te demuestran que adems de grandes profesionales en su
sector, se interesan por agradar a sus posibles clientes.
Un ejemplo estupendo de esta forma de venta es La Fiesta de
Olivia. He preparado una candy bar para la comunin de mi
ahijada, encontr su blog por casualidad buscando ideas y me
encant! Total, termin comprando parte de la decoracin en su
tienda online. Me convencieron totalmente de su
profesionalidad y buen gusto.
Estos tres son mis pilares bsicos para posicionarme dentro del
sector que me interesa pero de una forma natural y no
invasiva, sin intentar obligar a nadie a trabajar conmigo diciendo
en cada entrada que soy la ms "guay".

Pgina

Recuerda: no hagas a los dems lo que no te gustara que te


hicieran a ti. Y esta frase intento aplicarla a todos los mbitos de
mi vida, no solo al tema del blog.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Ya hemos visto qu extras puede aportarnos tener un blog.


Recuerda que toda la informacin que comparto contigo est
siempre basada en mi experiencia, puede que no todos los puntos
que a m me funcionan te sirvan en tu estrategia de ventas, pero
si siempre eres fiel a tus principios y valores, te muestras
transparente y honrado con tus lectores y no tienes doble
cara, enseguida encontrars tus claves para lanzar tu blog
al xito!
Muchas veces, la clave somos nosotros mismos y la confianza
que tenemos en nuestras capacidades. Si t no crees en ti...
crees que los dems lo harn? La autoconfianza y seguridad
es un punto muy importante.
Cree en tu proyecto, cree en tu capacidad, nunca dejes de
aprender y trabajar duro para conseguir tus sueos... y
empezars a ver resultados!
Pero voy a centrarme en el tema del que quiero hablarte
hoy: Las Emociones.
Es un punto de la venta online que me encanta. La venta ha
dejado de ser algo mecnico. La gente ya no se pasea por internet
para ver qu beneficios tiene un determinado producto/servicio,
comprarlo y esperar que le llegue a casa para ver si realmente es
cierto. Ahora quieren estar seguros de que esos beneficios
son de verdad y van a resolver alguno de sus problemas.

Pgina

Y este punto es clave. Resolver un determinado problema o


cubrir una necesidad.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Y cmo podemos trasmitir, por internet, a nuestro cliente


potencial, que nuestro producto/servicio puede resolver sus
problemas o cubrir sus necesidades? A travs de las
emociones.
S, no es tan complicado, es solo una manera diferente de
hacerlo. Si has dedicado algo de tiempo a investigar sobre el
nuevo concepto de marketing, habrs odo hablar
del marketing emocional y social.
Para implementar este nuevo tipo de marketing en nuestra
estrategia de venta online, tenemos que conocer en profundidad
nuestro producto/servicio, sus cualidades, que problemas puede
solucionar, las necesidades que puede cubrir y conseguir un
equilibrio entre esos puntos y nuestros valores y
principios como vendedores/creadores.
Es decir, para conseguir que nuestros posibles clientes crean en
los beneficios de nuestros productos/servicios online, tienen
que confiar en nosotros.
Si has ledo todas las entradas sobre marketing de este blog, ya
habrs identificado a tu target (clientes potenciales) y sabrs
donde encontrarlos (redes sociales, foros, sites en que se
mueven).

Pgina

Ahora solo queda aplicar algn beneficio emocional a


nuestros productos siendo sinceros y coherentes. Ya tienes tu
marca creada, afn a tus valores, has establecido tu estrategia de
redes sociales, dado forma a tu producto... y ha llegado la hora
de presentarlo en sociedad.
Tal vez puedan serte tiles la serie de entradas que publiqu
hace tiempo: Cosas que deberas saber antes de empezar tu Blog y
el ebook gratuito + material extra de trabajo que puedes
descargar al final de cada una de ellas.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Cmo aplicar beneficios emocionales a un


producto/servicio?

Personaliza su descripcin recalcando sus beneficios


emocionales y las necesidades que puede cubrir. Es
decir, no te limites a describirlo sin ms (color, material,
medidas, opciones que incluye o que pueden ser
personalizadas...). Expn el posible problema y cmo tu
producto/servicio podra solucionarlo y ayudar a tu cliente
potencial a sentirse realizado y satisfecho tras la compra
del mismo.

Imagina que vendes broches de muecas de fieltro


personalizadas. Puedes describirlas sin ms:
"Broches de muecas de fieltro, realizadas a mano y personalizadas
con la foto que nos mandes."
O ir un paso ms all:

Pgina

"Pensando en un regalo diferente que demuestre a esa persona


especial lo importante qu es para ti? Te propongo algo nico,
exclusivo y diferente. Quieres ver su cara de sorpresa al verse a s
misma personificada en una original mueca de fieltro, realizada a
mano, poniendo especial cario a cada pequeo detalle? Juntos lo
haremos realidad, porque son esos pequeos detalles los que
marcan la diferencia. Y esa persona especial la lucir orgullosa cada
da en la solapa de su ropa de trabajo. Ser la envidia de la oficina!"

Ves la diferencia entre una presentacin descriptiva del


producto y la segunda, ms emocional y personal? Pero esto
puede ser un arma de doble filo si no conoces en profundidad el
producto/servicio que vendes o no eres del todo sincero y
transparente.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Estar preparado para "las preguntas" del cliente.

"Hola. He visto tus muecas y creo que podra estar interesada. Pero
es que las he encontrado exactamente iguales en xxxx web y a mitad
de precio. Qu diferencia hay entre las tuyas y las de esta web? Es
para alguien especial y quiero que sea un regalo nico. Gracias."
Es una situacin ms que probable que puede darse con relativa
facilidad. El fieltro se vende en cualquier tienda de chinos y
cualquier persona aficionada a las manualidades puede tener la
idea de realizar muecas personalizadas y convertirlas en un
broche.
En qu pueden diferenciarse esas muecas de las nuestras?
En que las haces t. Y t sabes qu es lo que las hace
diferentes verdad?

Pgina

"Buenos das! Muchas gracias por tu inters. He visitado la web que


mencionas y son preciosas! La verdad es que hay mucha gente que
hace autnticas maravillas con sus manos.
Solo puedo decirte que yo uso materiales de primera calidad, son
muy suaves al tacto, con un acabado perfecto. Adems, tardo
das en realizar cada pedido porque mi objetivo es que el
resultado sea nico, no hay dos muecas iguales como no hay
dos personas iguales.
En cada mueca, hay una parte de m, que la hace nica,
exclusiva y diferente. El precio puede resultar caro si no se tiene en
cuenta el material, tiempo y cario invertido, pero puedo
asegurarte que la calidad es excelente y el regalo le
encantar. Puedes ver las opiniones de personas que ya las ha
comprado aqu (enlace al apartado de tu web donde hayas incluido
comentarios de tus clientes).
Espero noticias tuyas! Que tengas un buen da."

EL PERRO DE PAPEL - www.elperrodepapel.com -

En nuestra respuesta volvemos a entrar en el terreno de


los beneficios emocionales como elemento distintivo de
nuestra creacin. Pero para poder hacer esto, tenemos que
estar muy seguros de nosotros mismos y de que nuestro
producto es realmente nico, exclusivo y diferente. Como
tambin lo somos nosotros.

Pgina

Podemos hablar sobre la calidad de los productos, para dejar


claro que no hemos hecho las muecas de amor cosido con
ilusin... pero lo que los clientes esperan ahora es que ese
regalo de verdad emocione al homenajeado. Es una gran
responsabilidad para nosotros y si prometemos algo,
debemos estar a la altura.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Hoy voy a contarte mi experiencia con las descripciones de los


productos que se venden online. Como ya debes suponer, no
es lo mismo comprar por internet que en una tienda fsica,
donde podemos tocar todo, probarlo y hablar directamente con
la dependienta de turno para solucionar dudas.
Por internet todo el proceso es mucho ms fro e impersonal. O
no, si sabemos cmo hacer sentir al cliente comprendido y
mimado. S, he dicho mimado. Y es que es lo que tenemos que
hacer si queremos vender con resultados satisfactorios, mimar a
nuestros clientes. Y eso, empieza por una buena descripcin
del producto que ofrecemos.
Nadie mejor que t conoce sus caractersticas y beneficios,
porque t le has dado vida. En la anterior entrada ya hablamos
de la importancia de las emociones y hoy, vamos a
profundizar un poco ms tomando lo que ya hemos visto como
base.
Qu necesitamos para generar una emocin positiva ante
nuestro producto?

Una buena fotografa. Con buena luz, captando los


detalles que queremos resaltar, bien enfocada y agradable
a la vista. Este tema lo trataremos a fondo en el prximo
curso gratis para suscriptores del Blog Privado: Fotografas
con Alma.

Pgina

EL PERRO DE PAPEL - www.elperrodepapel.com -

Empatizar con nuestro lector/cliente. Si has ledo la serie


de entradas Cosas que deberas saber antes de empezar
tu Blog, ya sabes para quin escribes y cmo mantener su
inters verdad? Pues ms de lo mismo. Empieza tu
descripcin hablando de por qu tu producto puede ser
beneficioso para tu cliente.

Por ejemplo, si vendes camisetas personalizadas... qu puede


haber llevado a tus visitas a caer en tu blog? Exacto, una buena
manera de comenzar sera:
Aburrida de tus camisetas de siempre y de verlas a miles por la
calle?
O tal vez ests buscando un regalo personalizado para alguien
especial?
Mi propuesta para este verano te encantar!

Describir los beneficios. S, primero los beneficios, ya que


has conseguido empatizar con l, puedes seguir
conectando con su necesidad de comprar un producto
como el tuyo y ofrecrselo como la mejor opcin.

Pgina

10

Mis camisetas son nicas y exclusivas, cada una de ellas est


realizada a mano, prestando atencin a cada detalle. Puedes estar
segura de que no encontrars otra igual! La originalidad est
garantizada debido a que pueden personalizarse y adaptarse a tus
gustos.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Citar las caractersticas. Sobre todo si se trata de


productos tipo ropa, bisutera,... que dependa de medidas
y tallas, despus de conectar con tu cliente dicindole
todos los beneficios emocionales que va a comprar, ha
llegado la hora de contarle qu es lo que recibir en casa.

Pgina

11

Realizadas en algodn 100% y pintadas a mano, con pintura


especial (si te apetece puedes mencionar la marca, si crees que as
generas ms valor) que no daa el tejido, puede lavarse y
plancharse sin problema sin que pierda calidad. Disponibles en talla
S, M, L, XL y colores blanco, rosa y azul.

Opiniones de otros clientes. Esto siempre da seguridad.


Si alguno de tus clientes te ha enviado un email de
agradecimiento, puedes publicarlo aqu, siempre con su
permiso. O enlazar a tu pgina de opiniones, si es que la
tienes.

Citar tu poltica de pagos y devoluciones. Si no la tienes


creada, ha llegado el momento de hacerlo. No olvides
mencionar los mtodos de pago que aceptas: paypal,
transferencia, contrareembolso... Y los casos en que ser
posible la devolucin y las condiciones de la misma.

Puedes reservar ya mismo tu camiseta personalizada a travs de


Paypal o transferencia bancaria (en este ltimo caso contacta
conmigo). Puedes consultar mi poltica de pagos y devoluciones aqu
(enlace). Recuerda que estas camisetas estn hechas a medida, con
la idea que me propongas, as que presta especial atencin a las
condiciones de devolucin para agilizar el proceso de compra y
tenerla cuanto antes en casa.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Colofn final. Una frase breve, concisa, clara, que


transmita tus valores. Recuerda ser siempre honesta y
sincera con tus descripciones, los clientes que han tenido
resultados negativos... suelen expresar su disgusto en las
redes sociales y no queremos tener una crisis nada ms
empezar verdad?

Disfruta de tu camiseta personalizada! Y cuntame que opinan tus


amigos este verano. Se morirn de la envidia!

Estas son mis claves bsicas a la hora de describir mis productos.


Siempre desde la sinceridad y la honradez.
A nadie le gustan los vendedores de humo.

Pgina

12

Por supuesto, si te gusta el marketing y ventas online, seguro


que has ledo muchos ms puntos a tener en cuenta, pero como
siempre, me gusta hablar desde mi experiencia y compartir
contigo los que he comprobado que funcionan y pueden
adaptarse a ti.

EL PERRO DE PAPEL - www.elperrodepapel.com -

En la anterior entrada, cuando hablamos sobre la descripcin de


nuestros productos, tratamos por encima el tema de las fotos.
Pero creo que ese punto merece un artculo aparte. Las
fotografas son muy importantes, un aspecto bsico de la venta
online.
Piensa que tus clientes o potenciales clientes no pueden tocar ni
probarse lo que t les ofreces. Solo tienen las fotos y la
descripcin que les ofreces. De ti depende que confen en ti.
Por eso es recomendable incluir un apartado de opiniones de
otras personas que ya hayan probado ese producto, siempre
ayuda a tomar la decisin final.
Comprar online no es igual que ir a la tienda, coger una camiseta
que te llama la atencin, probrtela y decidir ante el espejo si te
favorece o no.
En internet no hay contacto fsico, por lo que dependemos de
nuestras fotos para transmitir todo aquello que detallamos
en la descripcin del producto.
Detalles a tener en cuenta a la hora de hacer nuestras fotos:
Centrar la atencin en lo verdaderamente importante,
sin aadir demasiados elementos decorativos que desven
la atencin.

Pgina

13

EL PERRO DE PAPEL - www.elperrodepapel.com -

Aprovecha la fuerza de la fotografa para captar la atencin de tu


cliente. Crea un entorno acorde con la emocin que quieres
transmitir y sita los elementos ms importantes de manera que
destaquen. Con un solo vistazo y sin leer la descripcin, tu
cliente debe saber qu es lo que le ests ofreciendo y cmo
puede ayudarle.

Aade decoracin pensando en la forma de reafirmar la


emocin que quieres transmitir con tu fotografa.

Pgina

14

EL PERRO DE PAPEL - www.elperrodepapel.com -

En esta imagen, el cartel de fondo ayuda al cliente a saber qu


est comprando sin necesidad de tener que leer nada. La
decoracin est pensada al detalle para transmitir la idea de que
los jabones estn elaborados con ingredientes 100% naturales.

Sita tu producto en su lugar final. Es decir, crea el


ambiente adecuado para tu producto, as el cliente adems
de ver cada detalle del mismo, podr hacerse una idea
aproximada del resultado.

Pgina

15

EL PERRO DE PAPEL - www.elperrodepapel.com -

Recuerda no abarrotar la foto y usar colores de fondo que no


desven la atencin y hagan destacar el producto que ofreces.
Tiene que quedar muy claro que es lo que les ofreces.

Ya han visto tu producto, saben lo que van a comprar y les


gusta. Lo quieren. Pero en las compras online siempre
surge una duda... qu es lo que voy a recibir en casa?

Pgina

16

EL PERRO DE PAPEL - www.elperrodepapel.com -

Pgina

17

Si tu packaging tambin es especial, elaborado a mano y con


mimo, es un valor aadido. Puedes poner una o varias fotos del
resultado final con el producto envuelto. El envoltorio no es algo
superficial, es lo primero que tu cliente ver cuando reciba el
envo.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Recomendaciones adicionales:

Pgina

18

Si puedes aadir un fondo blanco o difuminado a la foto


principal de tu producto, el resultado ser an mejor.
Puedes usar programas como GIMP o Photoshop para
hacerlo.
Como extra, puedes incluir unas fotos o videotutorial del
proceso de elaboracin, as pueden comprobar que
efectivamente est hecho a mano y aumentars su
confianza en ti.
Si tus clientes te envan fotos de los productos en casa,
puedes pedirles permiso para usarlas junto a su opinin
sobre el mismo.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Ya hemos visto como un blog puede ayudarnos a


posicionarnos como profesionales dentro de nuestro sector,
tambin los beneficios de las emociones aplicadas a nuestra
estrategia de ventas, adems de la importancia de describir
nuestros productos/servicios con originalidad e incluir
fotografas de calidad que transmitan exactamente lo que
queremos a nuestras visitas.
Hoy vamos hablar de la confianza. Un tema muy importante a la
hora de vender por internet. Y es que si queremos que alguien
que no nos conoce de nada compre lo que ofrecemos, antes
debemos ganarnos su confianza y demostrarle que realmente
sabemos lo que hacemos. Y que adems de saber hacerlo, lo
hacemos bien.
Vender marcando la diferencia es posible, pero es necesario
aunar todos los factores que hemos visto hasta ahora ms los
que veremos en las entradas siguientes.
Cmo podemos ganarnos la confianza de los desconocidos
que caen en nuestra pgina por casualidad?

Atencin Personalizada :

Pgina

19

Gua a tus clientes potenciales a travs de tu web de manera


sencilla, no les compliques la vida para encontrar tus productos.
Puedes optimizar tu blog con la ayuda de:

EL PERRO DE PAPEL - www.elperrodepapel.com -

Un men superior de pginas sencillo e intuitivo. Evita


los clics innecesarios para encontrar lo que buscan.

Bsquedas por etiquetas. Un correcto etiquetado de tus


entradas te permitir enlazar tus productos/servicios por
categoras a tu men superior, sidebar o pginas de
presentacin de manera rpida y sencilla. Saber ms sobre
las etiquetas.

Chat online. Hace tiempo compart contigo un estupendo


chat de atencin al cliente, como el que uso yo en mi web
de servicios de diseo grfico. Ver como instalar un chat en
tu blog.

Pgina

20

Redes sociales. Contesta los comentarios que recibas


sobre tus productos/servicios de manera sincera y rpida.
A todos nos gusta que cuando tenemos una duda sobre
algo que queremos comprar, nos respondan cuanto antes
y de manera cercana verdad?

EL PERRO DE PAPEL - www.elperrodepapel.com -

Pginas imprescindibles:

Sobre m: demuestra que hay una persona detrs de tu


tienda, humana y cercana, como tus posibles clientes.
Cuntales, en tu pgina Sobre M, quien eres, cules son
tus gustos y cmo naci tu tienda. Seguro que les ayudar
a conectar contigo.

Contacto: de vital importancia. Aunque tengas habilitado


Paypal, piensa que siempre surgen dudas a la hora de
comprar un producto/servicio. Coloca el enlace de tu
contacto a la vista e intenta que puedan copiarlo y pegarlo
directamente en su email, evita que sean imgenes con tu
email, pues pueden equivocarse al copiarlo y ese correo se
perder para siempre.

Poltica de privacidad, precios y devoluciones: A todos


nos da seguridad, cuando compramos online, saber que
nuestro correo electrnico no ser cedido a terceros
(cmo odio recibir publicidad que yo no he pedido!), si los
precios llevan IVA incluido (para evitar sorpresas) y las
condiciones de devolucin si el producto/servicio que
hemos comprado no es lo que esperbamos.

Pgina

21

Puedes consultar mi Poltica de Privadidad aqu y la de Precios y


Devoluciones aqu, para hacerte una idea si necesitas
inspiracin.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Opiniones de terceros: Ya lo hemos comentado antes,


pero es que es de vital importancia recordar que las
opiniones de otras personas que ya lo han probado
pueden ayudar a despejar dudas sobre ese
producto/servicio en cuestin.

Contenido de calidad: Si tienes un blog, aprovchalo para


generar contenido de valor para tus clientes que, adems
de ayudarte a demostrar que eres el profesional que dices
ser, te preocupas por sus necesidades e intereses. Puedes
compartir tutoriales sobre tu tema, noticias importantes de
tu sector, consejos o experiencias... Todo aquello que creas
que puede interesarles.

Estos son mis cuatro pilares bsicos a la hora de sacar un nuevo


producto/servicio a la venta. Unidos a la transparencia y la
originalidad son una combinacin estupenda.

Si consigues mostrarte tal y como eres, transmitir tus valores a


travs de tus productos y encontrar ese "algo especial" que te
diferencia del resto, no te ser demasiado complicado generar
confianza. El secreto es: tratar a los dems como te gustara que
te tratasen a ti.

Pgina

22

Lo ms importante es ser sinceros con nuestros posibles


clientes. Con ser sinceros me refiero a no tratar de vender algo
que realmente no es como decimos o que nosotros mismos no
compraramos. Puede que al principio funcione, pero esa tctica
de vendedores de humo, termina por caer por su propio peso.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Ya sabemos lo bsico para empezar a crear una tienda en


blogger. Recuerda tener listas las fotos maravillosas de tus
productos y las diferentes descripciones que vas a utilizar para
transmitir las emociones que has elegido.

Para crear nuestra tienda vamos a usar una pgina en blanco en


Blogger, tablas html y paypal. Por lo que te recomiendo echar un
vistazo a esta entrada:

Tablas HTML
Y descargar el libro sobre Comprar y Vender con Paypal que
puedes encontrar aqu:

Ebooks Gratis

Pgina

23

Tienes ya todo listo? Pues vamos all!

EL PERRO DE PAPEL - www.elperrodepapel.com -

PGINA DE INICIO

En nuestra primera pgina en blanco crearemos las categoras


principales de nuestra tienda. Vamos a usar, para ello, banners
genricos previamente diseados con el nombre de cada una de
nuestras categoras y una tabla HTML.

Pgina

24

1.- En el panel de Blogger vamos a: Pginas >> Pgina Nueva

EL PERRO DE PAPEL - www.elperrodepapel.com -

2.- Aadimos el nombre de la pgina donde expondremos las


categoras principales de nuestra tienda y pasamos a vista HTML
para incluir nuestra tabla.

3.- Lo primero es decidir si queremos que en esta pginaescaparate se muestre la sidebar y otros elementos de nuestro
blog. Para ocultar algunas partes, usaremos este cdigo:

<style
>
/* Ocultar-Modificar parte de la estructura original */
.main-inner .header-inner .fauxcolumn-right-outer,
.sidebar, .post-footer, .comments, .blog-pager, .feedlinks { display: none;width: 0;}
.main-inner, .main-inner .columns {padding: 0;}

Pgina

25

.header-inner .Header .titlewrapper {padding: 0 30px;}


.post img {padding:0;border:0;}
</style>

EL PERRO DE PAPEL - www.elperrodepapel.com -

Tal y como est, en la pgina principal no aparecer la sidebar, el


pie de las entradas, los comentarios ni la paginacin. Ser como
una portada.

4.- Este cdigo lo pegaremos tal y como est en nuestra entrada


en Vista HTML as:

<div dir="ltr" style="text-align: left;" trbidi="on">


<style>
/* Ocultar-Modificar parte de la estructura original */
.main-inner .header-inner .fauxcolumn-right-outer, .sidebar,
.post-footer, .comments, .blog-pager, .feed-links { display:
none;width: 0;}
.main-inner, .main-inner .columns {padding: 0;}
.header-inner .Header .titlewrapper {padding: 0 30px;}
.post img {padding:0;border:0;}
</style>
<br /></div>

Pgina

26

4.- Ahora s, vamos a crear nuestra tabla, donde aadiremos las


imgenes de nuestras categoras:

EL PERRO DE PAPEL - www.elperrodepapel.com -

<table align="center" cellpadding="5" cellspacing="50" >


<tbody>
<tr>
<td><a href="URL DE LA PGINA DE ESA CATEGORA" style="display:
inline-block;" target="_blank"><img src="URL IMAGEN
CATEGORIA 1" /></a></td>
<td><a href="URL DE LA PGINA DE ESA CATEGORA" style="display:
inline-block;" target="_blank"><img src="URL IMAGEN
CATEGORIA 2" /></a></td>
<td><a href="URL DE LA PGINA DE ESA CATEGORA" style="display:
inline-block;" target="_blank"><img src="URL IMAGEN
CATEGORIA 3" /></a></td>
</tr>
<tr>
<td><a href="URL DE LA PGINA DE ESA CATEGORA" style="display:
inline-block;" target="_blank"><img src="URL IMAGEN
CATEGORIA 4" /></a></td>
<td><a href="URL DE LA PGINA DE ESA CATEGORA" style="display:
inline-block;" target="_blank"><img src="URL IMAGEN
CATEGORIA 5" /></a></td>
<td><a href="URL DE LA PGINA DE ESA CATEGORA" style="display:
inline-block;" target="_blank"><img src="URL IMAGEN
CATEGORIA 3" /></a></td>
</tr>

Pgina

27

</table>

EL PERRO DE PAPEL - www.elperrodepapel.com -

Recuerda que puedes aadir tantas categoras como necesites,


para ello consulta la entrada sobre tablas HTML y recuerda:
<tr></tr> es una fila.
<td></td> es una celda.
En el cdigo del ejemplo, hay dos filas (<tr></tr>) con tres celdas
cada una (<td></td>).

5.- El siguiente paso es ms sencillo, solo tienes que poner los


enlaces a las pginas creadas para cada categora y los enlaces a
tus imgenes genricas que previamente debes haber subido a
Picasa, Dropbox o cualquier otra web de alojamiento de
imgenes online.

Pgina

28

Si llegados a este punto an no has creado el resto de pginas


de tu tienda, no te preocupes! Solo tienes que darle a guardar
en la pgina actual que ests programando y crearlas.

EL PERRO DE PAPEL - www.elperrodepapel.com -

Ahora que ya las tienes creadas, pasa el ratn por debajo del
ttulo, para que aparezcan las diferentes opciones y pincha en
Ver. As conseguirs el enlace a cada una de ellas.

Copia el enlace que vuelca tu navegador al estar viendo la pgina


seleccionada y ve anotndolos para aadirlos posteriormente a
nuestra pgina de inicio de la tienda.

Pgina

29

6.- Volvemos a editar nuestra pgina de Inicio y aadimos las


URLs tanto de las pginas como de las diferentes imgenes que
hemos creado para las categoras principales.

EL PERRO DE PAPEL - www.elperrodepapel.com -

El resultado, si pinchamos en Vista Previa, sera similar a este:

Imagen tomada del blog Rose Moustache

Pgina

30

Publicamos nuestra pgina y accediendo a ella, podemos ver


como al pinchar en cada categora se abre la nueva pgina
asignada a la misma.

EL PERRO DE PAPEL - www.elperrodepapel.com -

PGINA DE CATEGORA

Ahora vamos a crear nuestra primera pgina de productos, con


las fotos de cada uno de ellos, una breve descripcin y el enlace
de compra a Paypal.

1.- En Vista HTML pegamos de nuevo el cdigo para ocultar


algunos de los elementos de nuestro blog, dndole as un
aspecto tipo web, y nuestra nueva tabla:
<style>
/* Ocultar-Modificar parte de la estructura original */
.main-inner .header-inner .fauxcolumn-right-outer, .sidebar,
.post-footer, .comments, .blog-pager, .feed-links { display:
none;width: 0;}
.main-inner, .main-inner .columns {padding: 0;}
.header-inner .Header .titlewrapper {padding: 0 30px;}
.post img {padding:0;border:0;}
</style>

<table align="center" cellpadding="5" cellspacing="50">


<tbody>
<tr>

Pgina

31

<td><img src="URL IMAGEN PRODUCTO 1" /></a></td>

EL PERRO DE PAPEL - www.elperrodepapel.com -

<td><img src="URL IMAGEN PRODUCTO 2" /></a></td>


<td><img src="URL IMAGEN PRODUCTO 3" /></a></td>

</tr>
<tr>

<td><center>DESCRIPCIN PRODUCTO 1</center></td>


<td><center>DESCRIPCIN PRODUCTO 2</center></td>
<td><center>DESCRIPCIN PRODUCTO 3</center></td>

</tr>
<tr>

<td><center>BOTN PAYPAL PRODUCTO 1</center></td>


<td><center>BOTN PAYPAL PRODUCTO 2</center></td>
<td><center>BOTN PAYPAL PRODUCTO 3</center></td>

</tr>
</tbody></table>

Pgina

32

NOTA >> La descripcin de tus productos puedes editarla en


Vista Redactar una vez hayas copiado el cdigo en Vista HTML.

EL PERRO DE PAPEL - www.elperrodepapel.com -

2.- Ponemos los enlaces correspondientes a nuestros productos


en las tres celdas de la fila 1. La descripcin ir justo debajo, en
la fila 2. Y, por ltimo, el enlace a Paypal en la fila tres.

Puedes crear otra nueva tabla de productos aadiendo el mismo


cdigo justo debajo. Si te quedan muy juntas, solo tienes que
aadir un par de <br/> para dejar espacios en blanco en Vista
HTML. As:

<table align="center" cellpadding="5" cellspacing="50">


<tbody>
<tr>
<td><img src="URL IMAGEN PRODUCTO 1" /></a></td>
<td><img src="URL IMAGEN PRODUCTO 2" /></a></td>
<td><img src="URL IMAGEN PRODUCTO 3" /></a></td>
</tr>
<tr>
<td><center>DESCRIPCIN PRODUCTO 1</center></td>
<td><center>DESCRIPCIN PRODUCTO 2</center></td>
<td><center>DESCRIPCIN PRODUCTO 3</center></td>
</tr>
<tr>
<td><center>BOTN PAYPAL PRODUCTO 1</center></td>

<td><center>BOTN PAYPAL PRODUCTO 3</center></td>

Pgina

33

<td><center>BOTN PAYPAL PRODUCTO 2</center></td>

EL PERRO DE PAPEL - www.elperrodepapel.com -

</tr>
</tbody></table>

<br/><br/>

<table align="center" cellpadding="5" cellspacing="50">


<tbody>
<tr>
<td><img src="URL IMAGEN PRODUCTO 4" /></a></td>
<td><img src="URL IMAGEN PRODUCTO 5" /></a></td>
<td><img src="URL IMAGEN PRODUCTO 6" /></a></td>
</tr>
<tr>
<td><center>DESCRIPCIN PRODUCTO 4</center></td>
<td><center>DESCRIPCIN PRODUCTO 5</center></td>
<td><center>DESCRIPCIN PRODUCTO 6</center></td>
</tr>
<tr>
<td><center>BOTN PAYPAL PRODUCTO 4</center></td>
<td><center>BOTN PAYPAL PRODUCTO 5</center></td>
<td><center>BOTN PAYPAL PRODUCTO 6</center></td>
</tr>

Pgina

34

</tbody></table>

Y as hasta el infinito!

EL PERRO DE PAPEL - www.elperrodepapel.com -

3.- Este es el cdigo que he usado yo en mi pgina de ebook


gratis:

Verla funcionando AQUI

Cambiando un poco la disposicin de las filas. Pero eso seguro


que t tambin puedes hacerlo con un poco de prctica y
repasando la entrada que te comentaba sobre crear tablas en
HTML:

Pgina

35

Tablas HTML

EL PERRO DE PAPEL - www.elperrodepapel.com -

Ya solo te queda hacer lo mismo con cada una de tus pginas


creadas y mostrar todo lo que tienes que ofrecer a todo el
mundo!

Te animas a hacerlo?
Cuando la tengas lista, djame el enlace en comentarios! Me
encantar verla.

Dejar mi opinin AQUI

Pgina

36

Descargar iconos para mi tienda online AQU

EL PERRO DE PAPEL - www.elperrodepapel.com -

You might also like