Funcionalidades

Articles

Aplicaciones de descuentos
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...
Información de medios de pago y cuotas
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...
Página en Construcción
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. ...
Sellos Personalizados
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 uti...
Promociones
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 promocione...
Botón de chat a través de WhatsApp
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 s...
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 su...
Lazy load
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 dis...
Clases helper o utilities
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&r...
Puntos de anclaje para aplicaciones
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...
Resultados de envíos y puntos de retiro
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...
Mensaje informativo
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 m...
Mensaje de envío gratis en el calculador de envíos
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 d...
Tienda con productos digitales y/o físicos
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 tip...
Cómo aplicar CSS en el checkout
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...
Imagen de la tienda al compartir su link
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 Gra...
Links de YouTube y TikTok
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',...
Discount API
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 e...
Bloqueo de inicio de sesión tras sucesivos intentos fallidos
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 ...
Calculador de envíos
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 ...
Notificación sobre el uso de cookies
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 car...
Validación de usuarios registrados
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 ...
Resultados de envíos y puntos de retiro
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...
Cálculo de envíos internacionales
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&iacut...