07/12/2016

Cómo decorar tu tienda para Navidad usando Javascript

Nieve

Hace ya varias semanas que estamos enfocados en esta fecha tan importante para el ecommerce de Argentina: Navidad.

En este post vas a poder aprender un tip de diseño para decorar tu tienda para la época más festiva del año.

Efecto de nieve cayendo

La nieve es uno de los símbolos clásicos de Navidad. ¿Qué te parece poner un efecto de “nieve cayendo” en tu tienda online?

Importante: para hacer esto vas a necesitar de conocimientos mínimos de HTML y Javascript. En el caso que vos no sepas, pedile ayuda a alguien cercano que conozca un poco de estos temas. 🙂

Manos a la obra

Dentro del Administrador Nube de tu tienda, accedé a la sección Configuraciones > Códigos externos.

Dentro del campo “Códigos de tracking” pegá el siguiente código:

<script src="//d26lpennugtm8s.cloudfront.net/assets/blog_es/snowstorm-min.js"></script>
<script type="text/javascript">
snowStorm.snowColor = '#ffffff';

snowStorm.flakesMaxActive = 96;

snowStorm.useTwinkleEffect = true;

</script>

Este es un ejemplo de cómo el campo tiene que quedar completado:

ejemplo

Hecho esto, sólo tenés que hacer clic en “Guardar cambios” y revisar tu tienda.

Consejo: Es muy importante mantener un buen contraste entre el color del “copo de nieve” y el color del fondo de la tienda. Para cambiar el color del copo de nieve tenés que editar el valor hexadecimal de la línea `snowStorm.snowColor = ‘#ffffff’;

Podés ver cómo queda el efecto de la nieve en esta tienda de prueba.

Si necesitás ajustar el color, podés usar la herramienta “Color” de Adobe. Ahí vas a poder probar el color que mejor queda en tu diseño.

Importante: para que la performance de tu tienda no sea comprometida, el efecto no va a funcionar en celulares.

¿Te gustó?

¿Qué te pareció el tutorial? ¿Pudiste aplicarlo en tu tienda? ¡Dejanos tu opinión en los comentarios y compartí el link de tu tienda así vemos el resultado!

¿Todavía no aprovechás las ventajas de vender por internet? Probá Tienda Nube gratis por 15 días y realizá tu sueño de emprender.

Fecha de la última actualización: 03/12/2018


¿Te gustó el contenido?


Marcos Paiva


    Ecommerce por Expertos

    Conversaciones exclusivas con especialistas en comercio electrónico. ¡Llevá tu negocio a otro nivel!

    cmo-decorar-tu-tienda-para-navidad-usando-javascript