%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20173%2019'%20style='enable-background:new%200%200%20173%2019;'%20xml:space='preserve'%3e%3cpath%20d='M4.9,13.1h2.9c1.4,0,2.6-0.3,3.7-0.8S13.4,11,14,10s0.9-2.1,0.9-3.4S14.6,4.2,14,3.2c-0.6-1-1.4-1.7-2.5-2.3%20c-1.1-0.5-2.3-0.8-3.7-0.8H0v18.7h4.9V13.1z%20M4.9,4.2h2.5c0.8,0,1.4,0.2,1.9,0.7c0.5,0.4,0.7,1,0.7,1.8S9.7,8,9.3,8.4%20S8.2,9.1,7.4,9.1l0,0H4.9V4.2z'/%3e%3cpath%20d='M31.4,9.7c0.5-0.9,0.8-1.9,0.8-3c0-1.3-0.3-2.4-0.9-3.4S29.8,1.6,28.8,1l0,0c-1.1-0.5-2.3-0.8-3.8-0.8h-8v18.7h5v-5.8h2.6%20l2.8,5.8h5.4l-3.4-7C30.2,11.3,30.9,10.6,31.4,9.7z%20M26.4,8.4c-0.5,0.4-1.1,0.7-1.9,0.7l0,0H22V4.2h2.6c0.8,0,1.4,0.2,1.9,0.7%20c0.5,0.4,0.7,1,0.7,1.8S26.9,8,26.4,8.4z'/%3e%3cpolygon%20points='40,11.4%2046.4,11.4%2046.4,7.5%2040,7.5%2040,4.3%2048,4.3%2048,0.2%2035.1,0.2%2035.1,18.8%2048.3,18.8%2048.3,14.7%2040,14.7%20'/%3e%3cpath%20d='M64.6,16c0.7-0.9,1-2,1-3.1c0-1.2-0.3-2.1-0.8-2.9c-0.5-0.7-1.2-1.3-2-1.6C62,8,61,7.7,59.7,7.5C58.4,7.2,57.5,7,57,6.9%20c-0.6-0.2-1-0.3-1.2-0.5c-0.3-0.2-0.4-0.5-0.4-0.9c0-0.6,0.2-1,0.7-1.3c0.4-0.3,1-0.4,1.7-0.4c0.8,0,1.4,0.2,1.9,0.6%20s0.7,0.9,0.8,1.6h4.8c0-1.1-0.3-2.1-1-3.1c-0.6-0.9-1.5-1.6-2.7-2.1S59.1,0,57.7,0c-1.4,0-2.6,0.3-3.7,0.8c-1.1,0.5-2,1.2-2.6,2.1%20s-0.9,1.9-0.9,3c0,1.2,0.3,2.2,0.8,3c0.5,0.7,1.2,1.3,2,1.7s1.9,0.7,3.1,0.9c1.3,0.3,2.2,0.5,2.8,0.6c0.6,0.2,1,0.3,1.2,0.5%20c0.3,0.2,0.4,0.5,0.4,0.9c0,0.6-0.2,1-0.7,1.3s-1.1,0.5-1.9,0.5c-1,0-1.8-0.2-2.3-0.7l0,0c-0.6-0.5-0.9-1-0.9-1.8l-5-0.1%20c0,1.2,0.3,2.3,1,3.2c0.7,1,1.6,1.7,2.9,2.3c1.2,0.6,2.6,0.8,4.1,0.8c1.4,0,2.7-0.3,3.9-0.8C63.1,17.7,64,16.9,64.6,16z'/%3e%3cpolygon%20points='81.7,0.2%2066.6,0.2%2066.6,4.3%2071.7,4.3%2071.7,18.8%2076.6,18.8%2076.6,4.3%2081.7,4.3%20'/%3e%3cpath%20d='M86.7,0.2L80,18.9h5.1l1.1-3.5h6.5l1.2,3.5h5.3L92.7,0.2H86.7z%20M87.6,11.4l2-6.1l2,6.1H87.6z'/%3e%3cpath%20d='M114.4,16c0.7-0.9,1-2,1-3.1c0-1.2-0.3-2.1-0.8-2.9c-0.5-0.7-1.2-1.3-2-1.6s-1.9-0.7-3.2-0.9c-1.2-0.2-2.1-0.4-2.7-0.6%20s-1-0.3-1.2-0.5c-0.3-0.2-0.4-0.5-0.4-0.9c0-0.6,0.2-1,0.7-1.3c0.4-0.3,1-0.4,1.7-0.4c0.8,0,1.4,0.2,1.9,0.6s0.7,0.9,0.8,1.6h4.8%20c0-1.1-0.3-2.1-1-3.1c-0.6-0.9-1.5-1.6-2.7-2.1c-1.1-0.5-2.4-0.8-3.8-0.8s-2.6,0.3-3.7,0.8s-2,1.2-2.6,2.1s-0.9,1.9-0.9,3%20c0,1.2,0.3,2.2,0.8,3c0.5,0.7,1.2,1.3,2,1.7s1.9,0.7,3.1,0.9c1.3,0.3,2.2,0.5,2.8,0.6c0.6,0.2,1,0.3,1.2,0.5%20c0.3,0.2,0.4,0.5,0.4,0.9c0,0.6-0.2,1-0.7,1.3s-1.1,0.5-1.9,0.5c-1,0-1.8-0.2-2.3-0.7l0,0c-0.6-0.5-0.9-1-0.9-1.8l-4.8-0.1%20c0,1.2,0.3,2.3,1,3.2c0.7,1,1.6,1.7,2.9,2.3s2.6,0.8,4.1,0.8s2.7-0.3,3.9-0.8C112.8,17.7,113.7,16.9,114.4,16z'/%3e%3cpolygon%20points='129.1,7.3%20122.9,7.3%20122.9,0.2%20118,0.2%20118,18.8%20122.9,18.8%20122.9,11.5%20129.1,11.5%20129.1,18.8%20134,18.8%20134,0.2%20129.1,0.2%20'/%3e%3cpath%20d='M154.3,14.4c0.8-1.4,1.2-3.1,1.2-4.9s-0.4-3.4-1.2-4.9c-0.8-1.4-1.9-2.6-3.3-3.4c-1.5-0.8-3.1-1.2-5-1.2s-3.5,0.4-4.9,1.2%20s-2.5,2-3.3,3.4s-1.2,3.1-1.2,4.9s0.4,3.4,1.2,4.9c0.8,1.4,1.9,2.6,3.3,3.4c1.4,0.8,3.1,1.2,4.9,1.2c1.9,0,3.5-0.4,4.9-1.2%20C152.4,16.9,153.5,15.8,154.3,14.4z%20M149.3,13.4c-0.8,1-1.9,1.5-3.2,1.5s-2.4-0.5-3.2-1.5s-1.2-2.3-1.2-3.9s0.4-2.9,1.2-3.9%20s1.9-1.5,3.2-1.5s2.4,0.5,3.2,1.5s1.2,2.3,1.2,3.9S150.1,12.4,149.3,13.4z'/%3e%3cpath%20d='M169.6,1c-1.1-0.5-2.3-0.8-3.7-0.8H158v18.7h4.9v-5.8h2.9c1.4,0,2.6-0.3,3.7-0.8c1.1-0.5,1.9-1.3,2.5-2.3s0.9-2.1,0.9-3.4%20s-0.3-2.4-0.9-3.4S170.7,1.5,169.6,1z%20M167.3,8.4c-0.5,0.4-1.1,0.7-1.9,0.7l0,0H163V4.2h2.5c0.8,0,1.4,0.2,1.9,0.7%20c0.5,0.4,0.7,1,0.7,1.8S167.8,8,167.3,8.4z'/%3e%3c/svg%3e)
%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20173%2019'%20style='enable-background:new%200%200%20173%2019;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M4.9,13.1h2.9c1.4,0,2.6-0.3,3.7-0.8S13.4,11,14,10s0.9-2.1,0.9-3.4S14.6,4.2,14,3.2c-0.6-1-1.4-1.7-2.5-2.3%20c-1.1-0.5-2.3-0.8-3.7-0.8H0v18.7h4.9V13.1z%20M4.9,4.2h2.5c0.8,0,1.4,0.2,1.9,0.7c0.5,0.4,0.7,1,0.7,1.8S9.7,8,9.3,8.4%20S8.2,9.1,7.4,9.1l0,0H4.9V4.2z'/%3e%3cpath%20class='st0'%20d='M31.4,9.7c0.5-0.9,0.8-1.9,0.8-3c0-1.3-0.3-2.4-0.9-3.4S29.8,1.6,28.8,1l0,0c-1.1-0.5-2.3-0.8-3.8-0.8h-8v18.7%20h5v-5.8h2.6l2.8,5.8h5.4l-3.4-7C30.2,11.3,30.9,10.6,31.4,9.7z%20M26.4,8.4c-0.5,0.4-1.1,0.7-1.9,0.7l0,0H22V4.2h2.6%20c0.8,0,1.4,0.2,1.9,0.7c0.5,0.4,0.7,1,0.7,1.8S26.9,8,26.4,8.4z'/%3e%3cpolygon%20class='st0'%20points='40,11.4%2046.4,11.4%2046.4,7.5%2040,7.5%2040,4.3%2048,4.3%2048,0.2%2035.1,0.2%2035.1,18.8%2048.3,18.8%2048.3,14.7%2040,14.7%20'/%3e%3cpath%20class='st0'%20d='M64.6,16c0.7-0.9,1-2,1-3.1c0-1.2-0.3-2.1-0.8-2.9c-0.5-0.7-1.2-1.3-2-1.6C62,8,61,7.7,59.7,7.5%20C58.4,7.2,57.5,7,57,6.9c-0.6-0.2-1-0.3-1.2-0.5c-0.3-0.2-0.4-0.5-0.4-0.9c0-0.6,0.2-1,0.7-1.3c0.4-0.3,1-0.4,1.7-0.4%20c0.8,0,1.4,0.2,1.9,0.6s0.7,0.9,0.8,1.6h4.8c0-1.1-0.3-2.1-1-3.1c-0.6-0.9-1.5-1.6-2.7-2.1S59.1,0,57.7,0c-1.4,0-2.6,0.3-3.7,0.8%20c-1.1,0.5-2,1.2-2.6,2.1s-0.9,1.9-0.9,3c0,1.2,0.3,2.2,0.8,3c0.5,0.7,1.2,1.3,2,1.7s1.9,0.7,3.1,0.9c1.3,0.3,2.2,0.5,2.8,0.6%20c0.6,0.2,1,0.3,1.2,0.5c0.3,0.2,0.4,0.5,0.4,0.9c0,0.6-0.2,1-0.7,1.3s-1.1,0.5-1.9,0.5c-1,0-1.8-0.2-2.3-0.7l0,0%20c-0.6-0.5-0.9-1-0.9-1.8l-5-0.1c0,1.2,0.3,2.3,1,3.2c0.7,1,1.6,1.7,2.9,2.3c1.2,0.6,2.6,0.8,4.1,0.8c1.4,0,2.7-0.3,3.9-0.8%20C63.1,17.7,64,16.9,64.6,16z'/%3e%3cpolygon%20class='st0'%20points='81.7,0.2%2066.6,0.2%2066.6,4.3%2071.7,4.3%2071.7,18.8%2076.6,18.8%2076.6,4.3%2081.7,4.3%20'/%3e%3cpath%20class='st0'%20d='M86.7,0.2L80,18.9h5.1l1.1-3.5h6.5l1.2,3.5h5.3L92.7,0.2H86.7z%20M87.6,11.4l2-6.1l2,6.1H87.6z'/%3e%3cpath%20class='st0'%20d='M114.4,16c0.7-0.9,1-2,1-3.1c0-1.2-0.3-2.1-0.8-2.9c-0.5-0.7-1.2-1.3-2-1.6s-1.9-0.7-3.2-0.9%20c-1.2-0.2-2.1-0.4-2.7-0.6s-1-0.3-1.2-0.5c-0.3-0.2-0.4-0.5-0.4-0.9c0-0.6,0.2-1,0.7-1.3c0.4-0.3,1-0.4,1.7-0.4%20c0.8,0,1.4,0.2,1.9,0.6s0.7,0.9,0.8,1.6h4.8c0-1.1-0.3-2.1-1-3.1c-0.6-0.9-1.5-1.6-2.7-2.1c-1.1-0.5-2.4-0.8-3.8-0.8%20s-2.6,0.3-3.7,0.8s-2,1.2-2.6,2.1s-0.9,1.9-0.9,3c0,1.2,0.3,2.2,0.8,3c0.5,0.7,1.2,1.3,2,1.7s1.9,0.7,3.1,0.9%20c1.3,0.3,2.2,0.5,2.8,0.6c0.6,0.2,1,0.3,1.2,0.5c0.3,0.2,0.4,0.5,0.4,0.9c0,0.6-0.2,1-0.7,1.3s-1.1,0.5-1.9,0.5%20c-1,0-1.8-0.2-2.3-0.7l0,0c-0.6-0.5-0.9-1-0.9-1.8l-4.8-0.1c0,1.2,0.3,2.3,1,3.2c0.7,1,1.6,1.7,2.9,2.3s2.6,0.8,4.1,0.8%20s2.7-0.3,3.9-0.8C112.8,17.7,113.7,16.9,114.4,16z'/%3e%3cpolygon%20class='st0'%20points='129.1,7.3%20122.9,7.3%20122.9,0.2%20118,0.2%20118,18.8%20122.9,18.8%20122.9,11.5%20129.1,11.5%20129.1,18.8%20134,18.8%20134,0.2%20129.1,0.2%20'/%3e%3cpath%20class='st0'%20d='M154.3,14.4c0.8-1.4,1.2-3.1,1.2-4.9s-0.4-3.4-1.2-4.9c-0.8-1.4-1.9-2.6-3.3-3.4c-1.5-0.8-3.1-1.2-5-1.2%20s-3.5,0.4-4.9,1.2s-2.5,2-3.3,3.4s-1.2,3.1-1.2,4.9s0.4,3.4,1.2,4.9c0.8,1.4,1.9,2.6,3.3,3.4c1.4,0.8,3.1,1.2,4.9,1.2%20c1.9,0,3.5-0.4,4.9-1.2C152.4,16.9,153.5,15.8,154.3,14.4z%20M149.3,13.4c-0.8,1-1.9,1.5-3.2,1.5s-2.4-0.5-3.2-1.5s-1.2-2.3-1.2-3.9%20s0.4-2.9,1.2-3.9s1.9-1.5,3.2-1.5s2.4,0.5,3.2,1.5s1.2,2.3,1.2,3.9S150.1,12.4,149.3,13.4z'/%3e%3cpath%20class='st0'%20d='M169.6,1c-1.1-0.5-2.3-0.8-3.7-0.8H158v18.7h4.9v-5.8h2.9c1.4,0,2.6-0.3,3.7-0.8c1.1-0.5,1.9-1.3,2.5-2.3%20s0.9-2.1,0.9-3.4s-0.3-2.4-0.9-3.4S170.7,1.5,169.6,1z%20M167.3,8.4c-0.5,0.4-1.1,0.7-1.9,0.7l0,0H163V4.2h2.5c0.8,0,1.4,0.2,1.9,0.7%20c0.5,0.4,0.7,1,0.7,1.8S167.8,8,167.3,8.4z'/%3e%3c/svg%3e)
¿Qué es un banner y qué beneficios aporta a tu eCommerce?
Ya lo tienes casi todo listo para empezar a vender, sin embargo, ¿has configurado de manera correcta los banners de tu sitio web?
Esta es una cuestión en ocasiones olvidada por muchos emprendedores que deciden aprender cómo crear su tienda online, la planifican, configuran con PrestaShop, etc., pero se olvidan de este tipo de elementos visuales tan importantes para conseguir conversiones online.
Tienen en su negocio unos productos muy interesantes y a la última moda, una promoción con precios muy competitivos para atraer a compradores, contenidos orgánicos y de pago en las principales redes sociales, etc.
La importancia de los banners es que se trata de lo primero que ven tus potenciales clientes.
¿Qué son los banners?
Un banner es una manera de hacer marketing y publicidad digital, que consiste en incluir un elemento promocional de forma gráfica dentro de una web.
Si incluyes uno atractivo como portada de tu tienda online es como un escaparate en un centro comercial.
Los usuarios pasean por delante de él y solo se detienen si hay algo que les llama la atención.
Pueden ir de una tienda a otra, que si no les indicas lo que estás vendiendo, y además destacas tu marca, pocas veces van a recordar dónde y cómo compraron algo.
¿Qué tener en cuenta para crear banners atractivos en mi tienda online?
Aquí te explico qué es lo que necesitas (y lo que debes dejar de lado) para crearlos de presentación de tienda muy llamativos y que consigan conversiones.
Lo primero ¿dónde va el banner?
La mayoría de plataformas eCommerce presentan estos elementos gráficos de las tiendas en la parte superior de la página. Por lo tanto, deben estar en armonía con el diseño web de tu tienda online.
Sin embargo, debes conocer si el tuyo irá debajo por ejemplo de la barra de búsqueda, estando la lupita y el campo de texto integrado en tu banner, o si por el contrario será totalmente independiente.
En otras ocasiones, tendrás un espacio para mostrar tu logo, el cual estará siempre visible, e inmediatamente el tuyo de portada, que podrás cambiar a tu antojo cómo y cuándo quieras.
Ejemplo de la tienda en AliExpress. La marca permanece siempre constante, mientras que el banner principal cambia según actividad.
Es muy importante que te asegures del tamaño que va a tener el banner de portada de tu tienda.
No es la primera vez que se crean diseños web pensando que éste tiene un tamaño determinado y posteriormente aparece todo achatado.
Y lo peor de todo, que a veces ni se comprueba y tu tienda no está dando el nivel que se merece.
Presta mucha atención a los píxeles, y de vez en cuando echa un vistazo para ver que todo siga en su sitio.
» Muestra tu marca
¿Te imaginas ir de compras, entrar en una tienda, y no saber ni dónde estás?
Pues lo mismo viene a ser cuando un usuario entra en tu tienda.
Muchas veces estos usuarios vienen de anuncios de afiliados y de páginas de terceros, o incluso han buscado algún producto en la barra de búsqueda general.
Si ellos mismos no saben dónde han acabado, es muy probable que se marchen sin más comprobar qué es lo que vendes.
Pon el logo de tu marca (si no aparece en ningún otro sitio visible a primera vista), tu slogan, un diseño acorde a lo que eres o lo que ofreces, o la última promoción que estás ofreciendo porque…
» De promociones anda el juego
Al igual que se renuevan los escaparates cada temporada, tienes que renovar el tuyo principal muy a menudo.
De esta manera, los usuarios verán que organizas diferentes actividades, hay rotación de productos, y tu marca se mantiene fresca y a la última.
Y aquí es dónde viene lo interesante. Puedes crearlos de casi todo:
- ¿Tienes una promoción por el 11.11? Explica qué actividad tienes en el banner.
- ¿Vas a lanzar un nuevo producto? Muéstralo en él y crea expectación.
- ¿Estás ofreciendo cupones para nuevos usuarios? Escribe un copy atractivo indicando cómo pueden ahorrar más.
No te olvides que lo importante es crear branding y que los usuarios vean el beneficio de comprar en tu tienda.
Ejemplo de Easy Wear en AliExpress, donde se muestra la marca y la promoción de manera muy clara.
» Céntrate en el beneficio que obtienen tus usuarios
Cuando ya has decidido qué promoción vas a ofrecer, tienes que centrarte en el contenido.
Dentro de él, podemos diferencias dos tipos: diseño y copy.
1. Diseño
Para el fondo, es mejor usar un color sólido o gradiente, o una imagen de fondo que sea de la calidad suficiente para que no aparezca pixelada.
Es recomendable usar colores claros para que tanto los productos que aparezcan como el texto que escribas tengan mejor visibilidad, aunque todo depende del tipo de productos que ofrezcas o de la promoción que quieras hacer.
Lo que sí tienes que tener en cuenta es el contraste, para que tanto los productos como el texto sean lo suficientemente diferentes como para verlos fácilmente.
No utilices más de 3 productos por banner, ya que parecerá cargado y la atención del usuario se dispersará.
Puedes mostrar o bien los productos únicamente como en un muestrario, o bien en una situación de uso para que el usuario pueda verse reflejado.
Obviamente es casi imprescindible que muestres tus productos en él.
Pero si por cualquier motivo no puedes, asegúrate que las imágenes que usas son libres de derechos y aptas para uso comercial, o que tienes la licencia de uso.
2. Texto
Puedes elegir la familia tipográfica que creas oportuna, pero siempre prestando atención que sea entendible y legible.
Si además trabajas con agencias u otra empresa en la creación de banners, usa una fuente tipográfica libre (Open Font) para que no haya problemas de compatibilidad.
Te recomendamos que tus mensajes sean claros y directos, que se vean fácilmente de un vistazo, y que impacten.
Escribe no más de cuatro líneas (donde 2 pueden ser título, y 2 subtítulos) para no apelmazar el contenido demasiado.
Usar negrita en el título o mensaje principal, y diferentes fuentes y tamaños, es una manera genial de atraer la vista. ¡Pero ojo!, no abuses de colores en la tipografía.
Dos colores son más que suficientes para dirigir la atención.
Ejemplos de banners en AliExpress
Algunos de los elementos comúnmente usados en contenido para llamar la atención son el uso de fechas (indica límite temporal), número de unidades (escasez) o precio o porcentaje de descuento (oferta).
Aparte, hay otro elemento muy a tener en cuenta, sobre todo si el usuario puede hacer clic en el banner. Ese elemento es:
3. CTA (Call To Action) o llamada a la acción
Es uno de los elementos más obvios, pero que con frecuencia se olvida, sobre todo si el banner de tu tienda se puede clicar para ir a una determinada actividad.
Palabras como “Descubrir”, “Ver más”, o incluso “Comprar”, perfectamente delineadas con un cuadrado y en un color que resalta ayudará al usuario a saber que hay algo más pinchando en el banner.
Esto mejorará tu tasa de conversión y estarás invitando a descubrir más sobre tu tienda y tu marca.
Conclusión
¡Ya lo tienes todo! O no. Piensa en el móvil o la app.
Tu marca bien visible, un fondo con productos y un copy muy llamativo, un porcentaje de descuento bien grande en un círculo y una llamada a la acción invitando a comprar.
¿Te falta algo?
Pues tienes que asegurarte que tu banner está adaptado a la versión móvil de la plataforma donde vendes.
Tienes que comprobar que todos los elementos se ven claramente y no estás forzando a los clientes de tu tienda a descifrar lo que pone.
Si no cuentas con muchos recursos, usa el mismo contenido y diseño para tanto la versión web como móvil, y para ello quizás tengas que, o bien aumentar el tamaño de la fuente de tu mensaje, o reducir la cantidad del mismo.
Lo importante es claridad.
Ejemplos de portada de Venca en la app de AliExpress
Prestando atención a estos pequeños detalles, la interacción de tu tienda subirá y tendrás a más usuarios viniendo periódicamente a comprobar tus últimas promociones.
No te olvides que estás vendiendo para tus potenciales clientes, así que muéstrales cómo es tu tienda y que tienes para ellos.
Y, por último, hay aquí una lista de artículos que podrían interesarte:
-
8 plantillas para catálogo de productos - tienda de lencería online
-
7 mejores plantillas PrestaShop para una tienda de moda online
-
5 mejores plantillas para vender ropa de bebé online
-
8 mejores plantillas para una tienda de animales online
-
5 mejores plantillas para vender relojes online
-
10 mejores plantillas para un taller de coches online
-
7 Mejores plantillas para vendre ordenadores online
-
Bebidas de dibujo - 5 plantillas para vender bebidas online
-
¿Cómo generar una paleta de colores para mejorar tu diseño web?
Imagen principal By Freepik.
