New Articles

  1. 404.tpl

    La página del error 404, funciona como resguardo cuando un usuario quiere ingresar a una URL que ya no existe más o esté equivocada. Consiste en el título, incluido con el snipplet page-header.tpl , un mensaje sobre la inexistencia de la página en...
  2. Introducción a tutoriales

    En esta parte de la documentación vamos a encontrar tutoriales de cómo agregar funcionalidades específicas a tu diseño, como puede ser por ejemplo un popup de subscripción a newsletter. Es importante aclarar que todos los artículos se encuentran ba...
  3. Theme Base

    Base es una plantilla pensada como punto de partida para el desarrollo de nuevos diseños en Tiendanube. Este lienzo en blanco Incluye todas las funcionalidades que un e-commerce debe tener: Slider en la página inicial Banners Video Feed de I...
  4. Mejorando la carga del Javascript

    Antes de avanzar, si todavía no sabés bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si bien mejorando la carga de las imágenes vas a aumentar bastante la velocidad, el Javascrip...
  5. Midiendo la velocidad de tu sitio

    Entender cómo está parado tu sitio en términos de velocidad, es fundamental  para saber donde podés accionar para mejorarlo. En Tienda Nube usamos dos herramientas de Google para medir la velocidad: PageSpeed y Lighthouse . Ambas devuelven r...
  6. Mejorando la carga del CSS

    El CSS puede es un factor clave a la hora de “adelantar contenido” a los usuarios para que puedan ir viendo algo mientras se carga el sitio, en lugar de una pantalla en blanco que no dice nada. Si todavía no sabes bien como medir la velocidad de tu ...
  7. Mejorando la carga de imágenes y SVGs

    El primer paso y el más importante para mejorar la velocidad de carga de un sitio son las imágenes. Si todavía no sabes bien como medir la velocidad de tu sitio, el siguiente artículo puede ayudarte: Midiendo la velocidad de tu sitio Si ya trab...
  8. Encuestas de Google a tu tienda

    En este tutorial vamos a ver cómo agregar la insignia de las encuestas de Google en tu tienda. HTML 1. Agregamos en la carpeta static/js el archivo google-survey.js.tpl  en el que copiamos el siguiente código: {# Google survey JS for Tiendan...
  9. Publicaciones de Instagram

    En este tutorial vamos a agregar el componente para mostrar en la página de inicio las últimas publicaciones de una cuenta de instagram. HTML Lo primero que vamos a hacer es crear la carpeta home dentro de la carpeta snipplets .  1.  Dentro ...
  10. Video en la página de inicio

    En el este tutorial vamos a crear una opción para mostrar un video en la página de inicio de la tienda. Esta funcionalidad soporta links de Youtube y Vimeo. HTML 1 . Dentro de la carpeta snipplets crear un nuevo archivo llamado video-ite...