⚠️
Para poder agregar productos a la plantilla, debes tener una Integración activada en tu Cuenta.
Ten en cuenta que la región puede ser utilizada con las siguientes integraciones: TiendaNube, VTEX, Jumpseller, Shopify, Tray, Mercado Shops y WooCommerce.
¿Como agregar un producto a la plantilla?
Para agregar un producto primero debemos hacer clic en la región donde queremos colocarlo y luego dar clic a la opción Agregar Contenido.
Esto me habilitará el desplegable con opciones para agregar un contenido, donde buscaremos Producto.
Por último, lo tomaremos y arrastraremos a la plantilla de esta manera:
Contenido
Una vez puesta nuestra región de producto en la plantilla, se nos habilitará un nuevo desplegable a la izquierda, el cual utilizaremos para seleccionar y personalizar el producto que queremos mostrar.
Agregando productos
Como primera opción encontraremos el botón "Buscar en". En este ejemplo en botón indica que se trata de una integración con Tiendanube.
El mismo buscará los productos en tiempo real en la tienda y te permitirá seleccionar el que necesites colocar.
💡
Ahora puedes colocar un nuevo producto en tu tienda, que inmediatamente aparecerá en el editor para ser seleccionado.
Formato
Desde el apartado de Formato, tendrás 4 opciones de formatos deslizando la barra. Las mismas varían donde aparece el precio, el título, la imagen o la descripción.
Imagen
En esta sección podrás modificarle la imagen, ya sea subiéndola, quitándola, o también puedes agregarle efecto desde el botón Aplicar Efectos y Más:
Título
Si precisas cambiarle el Título, desde este apartado puedes elegir mostrarlo o no, como también elegir, su Color, Tamaño y Fuente:
Precios
Desde la sección Precios tienes la posibilidad de diferenciar el precio de Lista del precio Final. A su vez, podrás modificarle su Tamaño, Fuente, y Color.
Botón
En el apartado Botón, podrás personalizar el botón de compra del producto. Desde aquí podrás modificarle su color de fondo, color del texto, el Tamaño de la Fuente del mismo, su nivel de redondeado y también si deseas colocarle un borde.
Descuento
En el caso de que desees mostrar que el producto tiene un porcentaje de descuento, podrás colocarlo dando clic en Mostrar Descuento. El mismo siempre aparecerá arriba del producto en cuestión. Puedes personalizarle su Color y Tamaño.
Descripción
También es posible colocarle una Descripción al producto. Al hacer clic en Mostrar Descripción, aparecerá debajo del precio del mismo.
General y Comportamiento Responsive
Desde la opción General podrás modificarle los márgenes al producto. A su vez, puedes elegir que aparezca o no, ya sea en versión escritorio o en versión Mobile.