Cómo decorar tu tienda para Navidad usando Javascript

Por: Marcos Paiva
Creado el 07/12/16.
Actualizado el 21/03/19.
3 min de lectura

Índice

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á Tiendanube gratis por 15 días y realizá tu sueño de emprender.

Marcos Paiva


    Registrate gratis

    Recibí artículos sobre marketing y emprendedurismo directamente en tu email.

    Es hora de pasar a la acción

    +15 mil alumnos de la Universidad ya potenciaron sus negocios con Tiendanube.

    Probá 15 días gratis

    Vos también podés hacer crecer tu negocio

    Creá tu tienda online con Tiendanube y como ellos, vendé de manera profesional.

    Honky Tonk - www.honkytonkshop.com
    Unibow - www.unibow.com.ar
    Zaira - www.zairabeauty.com.ar
    Probar 15 días gratis
    cmo-decorar-tu-tienda-para-navidad-usando-javascript