Table of Contents
Logo, colores y tipo de letraEncabezadoPágina de inicioListado de productosDetalle del productoPie de páginaEl 🎨diseño Atlántico es un diseño simple e impactante, que permite mostrar un menú de navegación en todas las páginas de la tienda.
Es una plantilla recomendada para negocios con un catálogo de productos no muy extenso y que quiera destacarse por sus imágenes de alta calidad, con la funcionalidad para llevar el contenido al 100% de la pantalla. Además, permite que lo personalices de acuerdo con las necesidades e identidad de tu marca.
En este tutorial, te mostramos cómo personalizar este diseño usando las funcionalidades que ofrece.
Logo, colores y tipo de letra
Es fundamental que definas el logo, los colores y las tipografías para tu tienda. Estos son los aspectos centrales de su identidad visual.
Para configurar estos elementos, puedes consultar los siguientes tutoriales:
Insertar un logo
Puedes agregar el logo de tu marca en la tienda siguiendo nuestro tutorial:
📝¿Qué es un logo y cómo agregarlo a mi tienda?
DeleteAgregar un favicon
El favicon es el icono asociado a tu página que se muestra en la pestaña del navegador. Conoce cómo configurarlo en el tutorial:
📝¿Qué es un favicon y cómo agregarlo a mi tienda?
DeleteElegir la tipografía
Para cambiar los tipos de letra de tu tienda, sigue los pasos en el tutorial:
📝¿Cómo cambiar los tipos de letra de mi diseño?
DeleteCambiar los colores
Para elegir y modificar los colores de tu tienda, puedes ver los pasos en nuestro tutorial:
📝¿Cómo cambiar los colores de mi diseño?
DeleteEncabezado
Al tener la barra de navegación lateral, el único elemento que se puede personalizar en este diseño es la barra de anuncio.
Para configurar la barra de anuncio, consulta el tutorial:
📝¿Qué es y cómo configurar la barra de anuncio del encabezado?
Página de inicio
La página principal de tu tienda es la que más refleja tu imagen de marca, y es el primer contacto de tus clientes con tus productos. El diseño Atlántico tiene varias posibilidades de personalización, para hacer la visualización de productos más fácil.
A continuación, enumeramos los tutoriales con los que puedes guiarte para personalizar tu página de inicio:
Carrusel de imágenes
Conoce cómo configurar un carrusel de imágenes en:
📝¿Cómo agregar un carrusel de imágenes en mi tienda?
DeleteBanners
Conoce los diferentes banners que puedes configurar con el diseño Atlántico:
📝 Agregar Banners con información de envíos, pagos y compras
📝 Agregar Banners de categorías
DeleteCarrusel de marcas
Para ver los pasos a seguir para configurar el carrusel de marcas, consultá el tutorial:
📝¿Cómo agregar un carrusel de marcas en el inicio de mi tienda?
DeleteProductos destacados
Para destacar productos en la página de inicio, puedes seguir los pasos en el tutorial:
📝¿Cómo destacar mis productos en el inicio de mi tienda?
DeleteMensaje de bienvenida
Para agregar y editar el mensaje de bienvenida, sigue nuestro tutorial:
📝¿Cómo cambiar el mensaje institucional del inicio?
DeleteVideo
Puedes agregar un video de YouTube o Vimeo en el inicio de tu tienda, siguiendo los pasos del tutorial:
📝¿Cómo agregar un video en el inicio de mi Tiendanube?
DeletePublicaciones de Instagram
También puedes mostrar las publicaciones del Instagram de tu negocio en el inicio de tu tienda.
📝¿Cómo mostrar mis publicaciones de Instagram en mi Tiendanube?
DeleteOrdenar las secciones
Después de personalizar los diferentes elementos de tu página de inicio, puedes ordenarlos, eligiendo la posición en que cada uno va a mostrarse en la tienda. Para eso, sigue nuestro tutorial:
📝¿Cómo ordenar las secciones de mi página de inicio?
DeleteListado de productos
Puedes personalizar algunos elementos de la visualización del listado de productos. Por ejemplo, puedes configurar la cantidad de productos por fila en computadores, la visualización de filtros y las variantes de color.
Para editar tu listado de productos, puedes consultar el tutorial:
📝¿Cómo personalizar mi listado de productos?
Detalle del producto
Puedes elegir si habilitar algunos elementos en la página del detalle de tus productos, como el calculador de costo de envío o un aviso sobre la última unidad de stock.
Sigue el tutorial para cada una de las funcionalidades:
Calculador de envíos
Para habilitar el calculador de costos de envío, puedes ver los pasos en nuestro tutorial:
📝¿Cómo mostrar mi calculador de costos de envío?
DeleteÚltima unidad en stock
Para configurar un mensaje informando a tus clientes que queda una última unidad de stock del producto e incentivar la compra de esta forma, sigue los pasos en el tutorial:
📝¿Cómo mostrar cuando solo queda un producto en stock?
DeleteCarrito de compras
Personaliza la información a mostrar cuando tus clientes ingresen a su carrito de compras.
Valor mínimo de compra
Si vendes al por mayor o simplemente tienes una estrategia de venta con la que no quieres permitir compras menores a cierto monto, puedes configurar un valor mínimo de compra en tu tienda.
Para hacerlo, sigue los pasos en nuestro tutorial:
📝¿Cómo configurar un mínimo de compra en mi tienda?
DeleteCalculador de envíos
Además de habilitar el calculador de costos de envío en el detalle del producto, puedes activarlo también en el carrito de compras. Para esto, puedes ver los pasos en nuestro tutorial:
📝¿Cómo mostrar mi calculador de costos de envío?
DeletePie de página
Como en todas las plantillas, puedes alterar algunos elementos del footer o pie de página, para incluir información relevante de tu negocio. Por ejemplo, puedes elegir qué botones mostrar, incluir información sobre métodos de pago y de envío, y agregar sellos personalizados.
Menú inferior
Para editar un menú exclusivo para el pie de página, sigue los pasos en:
📝¿Cómo cambiar el menú inferior de mi tienda?
DeleteSuscripción al newsletter
Para habilitar la sección de suscripción al newsletter en el pie de página, sigue los pasos en:
📝¿Cómo activar la suscripción al Newsletter en el pie de página de mi tienda?
DeleteÍconos de métodos de pago y envío
Puedes mostrar los íconos de las formas de entrega y pago en el pie de página. Encuentra los pasos a seguir en nuestro tutorial:
📝¿Cómo agregar íconos de métodos de pago y envío en mi footer?
DeleteSellos personalizados
En el pie de página también vas a poder agregar sellos personalizados o logos, siguiendo los pasos en:
📝¿Cómo agregar sellos personalizados a mi tienda?
DeleteCon esta información, vas a poder aprovechar las funcionalidades disponibles para el diseño Atlántico, ofreciendo una excelente experiencia de compra para los clientes y visitantes de tu tienda.
Info
Recuerda que puedes ver tiendas de ejemplo para cada plantilla en 🎨Tiendanube Diseños, haciendo clic sobre el botón "Ver tiendas demo" para el diseño que te interese.