Funcionalidades

En el siguiente tutorial, explicamos cómo hacer que las aplicaciones de descuento puedan mostrarse en tu diseño.  HTML Dentro del archivo snipplets/cart-totals.tpl  debemos modificar el siguiente código  {% if promotion.discount_script_type == "...

En este tutorial, vemos cómo agregar visibilidad sobre medios de pago y cuotas en tu diseño: El código en este tutorial incluye: Cuotas en el listado de productos, el detalle del producto y el carrito  Modal que muestra el detalle de los medio...

La página en construcción permite ocultar productos y páginas internas de la tienda en momentos en los que no se quieren recibir visitas, ya sea porque aún no fue lanzada o está bajo proceso de renovación. Es una página donde se muestra info...

En este tutorial te vamos a explicar cómo se puede agregar un sello o logo personalizado para que aparezca en el footer de la tienda, desde la sección Personalizar mi diseño actual en el Administrador nube. Por lo general se utiliza para incluir log...

En este tutorial vamos a agregar las promociones en tu diseño, ofreciendo la posibilidad de mostrar y aplicar promociones del tipo: 2x1, 3x1, % de descuento sobre un producto o a partir de una determinada cantidad de unidades. Las promociones se mu...

En este tutorial te contamos cómo implementar el botón que accede a la conversación por WhatsApp con el administrador de la tienda: HTML 1. Crea dentro de la carpeta snipplets el archivo whatsapp-chat.tpl  con el siguiente contenido: {% if...

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...

En algunos tutoriales incluimos la técnica de lazy load, para la cual usamos el plugin  Lazysizes .  Básicamente lo que hace es evitar cargar imágenes que no están dentro del campo visual en la pantalla del dispositivo donde se muestra el sitio.  ...

En los themes de Tiendanube usamos clases llamadas helpers o utilities, las cuales sirven para aplicar una propiedad aislada de CSS.   Por ejemplo si necesitamos que un texto esté alineado al centro, usamos la clase “text-center”: {{ “Texto” | tr...

Las plantillas de Tiendanube tienen selectores de HTML pensados para que aplicaciones o agentes externos puedan anclarse al diseño de cada tienda sin tener que adaptar su código en base a cada plantilla. Estos componentes están representados por el...

En este tutorial explicamos cómo mostrar los resultados del calculador de envíos destacando las mejores opciones y dividiendo entre opciones de envío a domicilio y puntos de retiro. Antes de comenzar es necesario aclarar que este tutorial no inc...

En el siguiente tutorial, explicamos cómo agregar al calculador de envíos una alerta antes de finalizar la compra.  HTML Dentro del snipplet shipping_options.tpl agregamos el siguiente código para que se muestre un mensaje al calcular un enví...

En el siguiente tutorial, explicamos cómo agregar al calculador de envíos un mensaje para cuando la compra tiene envío gratis. Para que una compra tenga envío gratis puede depender tanto de un monto mínimo de compra, como una provincia o una ...

En el siguiente tutorial, explicamos cómo hacer que una tienda adapte el flujo de compra cuando vende productos físicos y productos digitales o servicios, considerando la posibilidad de tener carritos “mixtos” con ambos tipos de productos.  Los cam...

En este tutorial vamos a ver cómo agregar CSS para el checkout y así adaptar su diseño al de nuestra tienda.  IMPORTANTE: Antes de avanzar vale la pena aclarar que el checkout es un paso crítico para la compra y a la hora de aplicar cambios en el...

En este tutorial vamos a ver cómo agregar la posibilidad de usar otra imagen diferente al logo de la tienda a la hora de compartir el link de su página de inicio.  Esta imagen, técnicamente conocida como OG image (Open Graph Image) es la que usan l...

En este tutorial te contamos cómo agregar estas 2 redes sociales en la tienda. HTML 1. Dentro de la carpeta snipplets/social vamos a editar el archivo social-links.tpl con el siguiente contenido: {% for sn in ['instagram', 'facebook', 'y...

La Discount API es un conjunto de herramientas que permite el desarrollo de una amplia gama de reglas promocionales. Antes de comenzar a ver dónde y cómo deberían mostrarse las promociones y descuentos en las tiendas, vamos a explicar estos término...

En este tutorial le mostramos cómo agregar este cambio que ayudará a proteger la cuenta de los usuarios registrados en tu tienda.   HTML Cuando un usuario realiza sucesivos intentos de inicio de sesión, vamos a decirle que superó el cupo de inte...

En el siguiente tutorial, explicamos cómo agregar el calculador de envíos y los locales físicos en tu diseño: El código en este tutorial incluye: El calculador de envíos, tanto en el detalle del producto como en el carrito El filtro entre opcion...

En este tutorial vamos a agregar una notificación que le avisa a tus clientes sobre el uso de cookies. Esto no afectará la experiencia de compra y las estadísticas. HTML 1. Lo primero que vamos a hacer es buscar en la carpeta snipplets el arc...

Queremos verificar que el usuario ingresa su email real, sumando una instancia de validación a través de un link que enviaremos al correo que se ingresó. HTML 1. Cuando un usuario cree una cuenta, vamos a decirle que tiene que validar su cuenta...

En este tutorial explicamos cómo mostrar los resultados del calculador de envíos destacando las mejores opciones y dividiendo entre opciones de envío a domicilio y puntos de retiro. Antes de comenzar es necesario aclarar que este tutorial no inc...

En este tutorial vamos a ver cómo agregar la posibilidad de calcular envío para otros países sin necesidad de cambiar de moneda o idioma. Vale la pena explicar que en las tiendas existen dos tipos de entidades por cada país configurado desde la pan...

Los componentes privados son similares a los componentes de HTML y twig que se encuentran en las plantillas, la única diferencia es que el código no puede ser libremente modificado (es un código privado dentro de Tiendanube sin acceso desde un FTP...

En este tutorial, vemos cómo mejorar la visibilidad del envío gratis cuando es a partir de un monto mínimo de la siguiente manera: Mostrando un cartel de "Envío gratis" cuando el precio del producto (o la variante) supera el monto mínimo requerido...