Intro a Grid, Tienda online
Última actualización: Abril 2022
Introducción al Catálogo de Productos
Productos, categorías y variantes
El catálogo de productos es nuestra base de datos, en donde está guardada toda la información que luego mostraremos desde nuestra tienda online.
En este tutorial vamos a aprender:
1. Cómo crear nuestro primer producto
2. Cómo editar la información principal de nuestro producto
3. Cómo agregar opciones y variantes
4. Cómo conectar imágenes
1. Cómo crear nuestro primer producto
Vamos al Menú de tienda y hacemos clic en Catálogo de productos.
![](/user_content/img/img_rich_content843.png?6187)
Para crear un nuevo producto hacemos clic en Nuevo producto
![Nuevo producto](/user_content/img/img_rich_content550.png?1928)
2. Cómo editar la información principal de nuestro producto
En esta pantalla, a la izquierda, podemos editar la información básica como nombre, visibilidad- si nuestro producto se muestra o no en nuestra tienda online-, categoría, disponibilidad, precio y descripción
![información](/user_content/img/img_rich_content540.png?8396)
Categorías
Podemos asignar más de una categoría, simplemente escribiendo la categoría que queremos y presionando "Enter" o “Coma”.
Desde Administrar categorías podemos reorganizarlas y crear subcategorías.
![categorías](/user_content/img/img_rich_content541.png?6024)
Disponibilidad
Podemos elegir si nuestro producto se encuentra disponible o agotado
![Disponibilidad](/user_content/img/img_rich_content542.png?5784)
También podemos prender el switch de Administrar inventario que nos permite llevar un conteo de la cantidad exacta de unidades que tenemos en stock.
![Administrar inventario](/user_content/img/img_rich_content543.png?4642)
En caso de contar con un sistema de retail, podemos cargar el SKU ("Stock Keeping Unit")
Precio
Si queremos que nuestro producto figure con descuento podemos asignarle un precio promocional
![precio](/user_content/img/img_rich_content547.png?6712)
Tenemos la opción de no mostrar el precio.
En ese caso no se mostrará el botón de agregar al carrito y en su lugar veremos un botón de consulta.
![No precio](/user_content/img/img_rich_content548.png?451)
A la derecha podemos agregar información adicional como marca y etiqueta
![adicional](/user_content/img/img_rich_content549.png?7225)
Al centro podemos agregar las imágenes de nuestro producto
Mientras no haya ninguna, el producto no se mostrará en nuestra tienda.
![imágenes](/user_content/img/img_rich_content551.png?4175)
La primera imagen será la imagen principal, esto significa que va a ser la que se muestre en el listado de productos.
Podemos reordenarlas arrastrando cada una.
![reordenar](/user_content/img/img_rich_content552.png?644)
3. Cómo agregar opciones y variantes
Agregar opciones nos permite vender variantes de un mismo producto, como prendas de diferentes colores y talles.
Para agregar una nueva opción, hacemos clic en Agregar o quitar opciones
![opciones](/user_content/img/img_rich_content553.png?2423)
Hacemos clic en Nueva opción, completamos el título y elegimos la forma en que se mostrará desde la página de producto.
Al agregar diferentes opciones se crearán automáticamente las variantes. Estas son todas las combinaciones posibles de las opciones elegidas.
![variantes](/user_content/img/img_rich_content556.png?7082)
Podemos editar el precio, disponibilidad y SKU por cada variante creada. Si hay una variante en particular que no trabajemos podemos ocultarla
En la página de nuestro producto podemos ver todas las opciones en el formato que elegimos.
![página](/user_content/img/img_rich_content558.png?766)
4. Conectar imágenes
Si queremos que en la página de nuestro producto al seleccionar cada color veamos únicamente las fotos de ese color tenemos la opción de Conectar imágenes.
Para hacerlo hacemos clic en el botón Conectar Imágenes
![conectar](/user_content/img/img_rich_content559.png?2448)
Tenemos que elegir a que opción queremos conectar nuestras imágenes -color o talle-
![color](/user_content/img/img_rich_content560.png?4772)
Y por último, arrastramos las imágenes de la galería al color que corresponda.
![imágenes color](/user_content/img/img_rich_content561.png?7862)
Ya tenemos listo nuestro primer producto
Ahora podemos seguir agregando el resto de los productos al catálogo
![primer producto](/user_content/img/img_rich_content569.png?3564)
Notas relacionadas
![Introducción a Grid Store](/user_content/img/img_page_listado96.png?1139)
Introducción a Grid Store
![Edición de páginas de productos](/user_content/img/img_page_listado106.png?5547)
Edición de páginas de productos
![Configuración de pagos y envíos](/user_content/img/img_page_listado109.png?1511)