Funcionalidades

Articles

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 ...
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 (solo aplica en tiendas ...
Facebook Login
En este artículo, vamos a agregar un botón que permite al usuario loguearse usando Facebook, tanto en la página de Login como en la de Crear cuenta. Para poder configurar esta funcionalidad desde el Administrador nubes te...
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...
Seguridad en el formulario de registro
En este tutorial vamos a agregar el reCAPTCHA de Google en el formulario de registro para asegurarnos que los usuarios registrados no sean bots. Básicamente, evita el spam que pueda ser generado a tráves de este formulario y por ende h...
Coronavirus
En el siguiente tutorial, explicamos cómo agregar al calculador de envíos una alerta por demoras dada la situación sanitaria actual del país.  HTML Dentro del snipplet shipping_options.tpl agregamos el siguien...
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...