Productos¶
Comercio electrónico de Odoo le permite agregar productos y gestionar sus páginas de productos directamente desde la aplicación Sitio web. También le permite agregar variantes de productos y archivos digitales, traducir el contenido de la página del producto, gestionar el stock y activar las comparaciones de productos.
Agregar productos¶
Crear productos¶
Para crear un producto desde el frontend, haga clic en + Nuevo en la esquina superior derecha y después en Producto. Ingrese el Nombre del producto, el Precio de venta, los Impuestos de clientes por defecto para las transacciones locales y haga clic en Guardar. Puede actualizar los detalles del producto, agregar una imagen y personalizar la página del producto. Cuando guarde los cambios, la página de producto se actualizará automáticamente.
Truco
También puede crear un formulario de producto desde el backend en y haga clic en Nuevo.
Los productos creados desde el frontend se publican automáticamente, mientras que los creados desde el backend no. Para publicar un producto, haga clic en el botón inteligente Ir al sitio web para acceder a la página del producto y, a continuación, cambie el interruptor de Sin publicar a Publicado.
Ver también
Cree productos nuevos con la base de datos Barcode Lookup.
Importar productos¶
Para importar los datos de los productos mediante archivos XLSX o CSV, vaya a , haga clic en el icono (engranaje) y después en Importar registros.
Truco
Para publicar varios productos, siga los siguientes pasos:
Vaya a .
Quite el filtro Publicado y cambie a la vista de Lista.
Haga clic en el icono (interruptor desplegable) y active Está publicado.
Haga clic en la columna Está publicado para ordenar los productos como publicado o no publicado.
Marque la casilla a un lado de cada producto que quiera publicar.
En la columna Está publicado marque la casilla de cualquiera de los productos seleccionados y después haga clic en Confirmar para publicarlos.
Personalización de la página de producto¶
Información del producto¶
Vaya a y seleccione un producto para añadir su información general. Puede configurar la página del producto desde el formulario al añadir variantes, documentos digitales o contenido traducido.
También puede añadir una descripción específica para comercio electrónico que aparezca abajo del nombre del producto en su página. Para hacerlo, vaya a la pestaña Ventas, diríjase a la sección Descripción de comercio electrónico y añada una descripción. Utilice las funciones del editor de texto enriquecido de Odoo para personalizar el contenido.
Truco
Haga clic en el botón Ir al sitio web para regresar a la página del producto en el frontend.
Presentación del producto¶
Para personalizar la presentación del producto en el sitio web, vaya a la Tienda y haga clic en el producto. Haga clic en Editar para personalizar la página, editar sus imágenes o añadir bloques de creación.
Truco
Al arrastrar y soltar bloques de creación en la página de producto, ya sea por encima o por debajo de las líneas azules lo hará visible en todas las páginas de producto.
Para editar cualquier texto en su sitio web haga clic en él mientras está en el modo Editar.
Vaya a la pestaña Personalizar para modificar el diseño de la página y sus funciones:
Términos y condiciones: active el interruptor para mostrar un enlace a sus términos y condiciones en la página del producto.
Clientes:
Calificación: Permita que los usuarios del portal que hayan iniciado sesión envíen reseñas de los productos, si hacen clic en las estrellas que se encuentran abajo del nombre del producto. Podrán compartir su experiencia en la sección Reseñas de clientes en la parte inferior. Para ver las reseñas en la página del producto, haga clic en el icono (más) que se encuentra junto al encabezado Reseñas de los clientes o desde el chatter del formulario del producto. Presione el botón Público situado junto al comentario de la reseña para restringir la visibilidad a empleados internos.
Compartir: añade iconos de redes sociales y de correo electrónicos como botones para que los clientes puedan compartir el producto en esos medios.
Seleccionar cantidad: active este interruptor para que los clientes puedan seleccionar la cantidad del producto que quieren comprar.
Indicación de impuestos: active el interruptor para indicar si el precio incluye o excluye el IVA.
Variantes: muestra todas las variantes posibles de un producto como una Lista de productos o de forma horizontal como Opciones que se pueden seleccionar para crear una variante por sí mismo.
Etiquetas del producto: active el interruptor para mostrar las Etiquetas de la plantilla del producto en la página del producto para que los clientes puedan filtrar usando esas etiquetas.
Cesta:
Comprar ahora: añade la opción Comprar ahora para que el cliente vaya a la página de pago de inmediato.
Lista de deseaos: añade la opción Añadir a la lista de deseos para que los clientes que hayan iniciado sesión guarden los productos en una lista de deseos.
Comparar: añade la opción Comparar para que los clientes puedan comparar los productos en función de sus atributos.
Especificación: seleccione Parte inferior de la página para mostrar una lista detallada con los atributos y valores disponibles para el producto. Esta opción solo funciona para productos con variantes si la herramienta de comparación de productos está habilitada en los Ajustes del sitio web.
Nota
Las opciones Variantes, Lista de deseos y Comparar se habilitan desde , en la sección Tienda - Productos.
Las funciones habilitadas aplicarán a todas las páginas de productos.
Los productos con valores únicos como atributos no generan variantes pero se siguen mostrando en las Especificaciones del producto.
Imágenes y vídeos para los productos¶
Vaya al formulario del producto para añadir más elementos multimedia, como imágenes y vídeos. Diríjase a la pestaña Ventas y haga clic en Añadir medios en la sección Medios del comercio electrónico. Vaya a la pestaña Imágenes de la ventana emergente Seleccionar un medio, seleccione una imagen y haga clic en Subir una imagen o Añadir URL. Como alternativa, vaya a la pestaña Vídeos, pegue una URL de vídeo o incruste un código. Haga clic en Añadir una vez que haya terminado.
Para personalizar las imágenes o vídeos, vaya a la página del producto en comercio electrónico, haga clic en Editar y seleccione el medio correspondiente. Utilice las siguientes funciones en la pestaña Personalizar:
Ancho de imágenes: cambia el ancho de las imágenes de producto que se muestran en la página.
Diseño: el diseño de Carrusel permite que los clientes vayan de una imagen a la siguiente con los iconos (flecha izquierda) o (flecha derecha). La Cuadrícula muestra cuatro imágenes en un cuadrado.
Zum de imagen: seleccione el efecto zum para imágenes de productos: Lupa al pasar el cursor, Ventana emergente al hacer clic, Ambos, o Ninguno.
Miniaturas: Alinee las miniaturas a la (izquierda) o en la parte (inferior).
Imagen principal: haga clic en reemplazar para cambiar la imagen principal del producto.
Imágenes adicionales: Añada más imágenes o vídeos (puede hacerlo mediante una URL) o Elimine todo.
Nota
Las imágenes deben ser formato PNG o JPG con un tamaño mínimo de 1024x1024 para activar el zum.
Bloque de productos¶
El bloque de creación Productos se utiliza para mostrar una selección de productos que se venden en su sitio web.
- menu
- Website ‣ Edit ‣ Blocks ‣ Dynamic Content ‣ Products
- shows
- A page with a Products block placed in it, showing a selection of products as cards.
- highlight
- The Products block (red frame).
- data
- Four products displayed.
- module
- website_sale
- notes
- English UI, light theme, 1440px width.
De forma predeterminada, el bloque muestra los Productos más recientes. Para cambiar los productos que se muestran, vaya a la sección Productos de la pestaña Personalizar y configure el campo Filtro como Productos vendidos recientemente o Productos vistos recientemente.
Además, es posible mostrar únicamente los productos de una categoría específica mediante el campo Categoría.
También puede filtrar los productos por Etiquetas, incluir Variantes y ajustar la visualización seleccionando una Plantilla diferente.
Variantes de producto¶
Las variantes de productos son diferentes versiones del mismo producto, como varios colores o materiales, con posibles diferencias en el precio o disponibilidad.
Para configurar las variantes de un producto:
Vaya a .
Deslícese hasta la sección Tienda - Productos y active la función Variantes de producto.
Vaya al formulario del producto y diríjase a la pestaña Atributos y variantes. Allí puede añadir atributos y valores para que los clientes puedan configurar y seleccionar las variantes de producto en la página correspondiente. Puede combinar varios atributos para crear variantes específicas.
Para mostrar u ocultar un atributo en la página Tienda y dejar que los visitantes puedan filtrar por atributos, vaya a , haga clic en el atributo y seleccione Visible u Oculto en el campo Visibilidad del filtro de comercio electrónico.
Truco
Para mostrar los atributos del producto en el catálogo de productos, configure la función Atributos como Izquierda mediante el editor de sitio web.
Para agrupar atributos en una misma sección al comparar productos vaya al campo Categoría de comercio electrónico y seleccione ya sea una categoría existente o cree una nueva.
Nota
Se necesitan dos valores de atributos para que el filtro sea visible.
Ver también
Archivos digitales¶
Puede vincular a los productos archivos digitales como certificados, libros electrónicos, o manuales de usuario. Estos documentos están disponibles antes del pago en la página del producto o en el portal del cliente después de procesar el pago.
Para vincular un archivo digital a un producto primero, vaya al formulario del producto y haga clic en el botón inteligente Documentos. Después, haga clic en Subir para subir un archivo o, si quiere más opciones, haga clic en Nuevo y después Suba su archivo.
Truco
Puede vincular una URL en lugar de un archivo digital. Para hacerlo, haga clic en Nuevo, vaya al campo Tipo y seleccione URL.
Para editar un archivo existente, haga clic en (menú desplegable) en la esquina superior derecha de la tarjeta de documento y haga clic en Editar.
Archivos digitales disponibles antes del pago¶
Para que un archivo esté disponible en la página del producto (antes del pago), deje el campo Visibilidad en blanco y active la opción Mostrar en la página del producto.
- menu
- (website) ‣ Shop ‣ (product)
- shows
- A product page showing a digital file that is available for download before payment.
- highlight
- The download link (red frame).
- data
- One product with an attached digital file.
- module
- website_sale_digital
- notes
- English UI, light theme, 1440px width.
Archivos digitales disponibles después del pago¶
Para que un archivo esté disponible en la página del producto (después del pago), configure el campo Visibilidad como Pedido confirmado y desactive el campo Mostrar en la página del producto.
Traducción¶
Si hay varios idiomas disponibles en su sitio web, puede traducir la información del producto desde la plantilla del producto. Puede identificar los campos traducibles ya que encontrará la abreviatura del idioma (p. ej. EN) a un lado del campo.
Los campos relacionados al comercio electrónico que puede traducir son:
Nombre del producto.
Mensaje de falta de stock (en la pestaña Ventas).
Descripción de ventas (en la pestaña Ventas).
Disponibilidad para sitio web¶
Para configurar la disponibilidad del producto en el sitio web, vaya a la pestaña Ventas del formulario del producto y, en la sección Tienda de comercio electrónico, seleccione el Sitio web en el que quiere que esté disponible el producto. Deje este campo vacío para que el producto esté disponible en todos los sitios web.
Nota
El campo estándar Sitio web permite elegir un sitio web o todos los sitios web. Para publicar un producto en un subconjunto concreto de sitios web, instale el módulo Producto Multi Sitio Web (eyssen_website_sale_product_multi_website), que sustituye el campo único por un campo Sitios web en el que se pueden seleccionar varios sitios web. Si lo deja vacío, el producto permanece disponible en todos los sitios web.
Ocultar productos y variantes¶
El módulo Deshabilitar Variantes en el Sitio Web (website_hide_variants) añade una casilla Ocultar en el sitio web en el producto y en cada variante del producto. Una variante oculta no se ofrece en la selección de variantes de la página del producto y no se puede pedir, mientras que las demás variantes del mismo producto siguen disponibles. Utilícela para las variantes que solo se venden fuera de línea o que están temporalmente fuera de catálogo, sin necesidad de archivarlas.
- menu
- Sales ‣ Products ‣ Product Variants ‣ (variant)
- shows
- A product variant form with the Hide on Website checkbox enabled.
- highlight
- The Hide on Website checkbox (red frame).
- data
- Product "T-shirt", variant "Red / XXL" hidden.
- module
- website_hide_variants
- notes
- English UI, light theme, 1440px width.
Tablas de tallas¶
El módulo Tabla de Tallas de Producto para el Sitio Web (website_product_size_chart) muestra una tabla de tallas en una ventana modal en la página del producto. Cree las tablas en :
Nombre: el título de la ventana modal y la etiqueta del botón en la página del producto. Es traducible.
Contenido: la tabla en sí, como contenido con formato (normalmente una tabla).
Sitio web: limita la tabla a un solo sitio web.
Vista previa: abre la tabla tal y como la ve el cliente.
Una tabla se vincula a los productos de forma basada en reglas —mediante Categorías de producto (las categorías de comercio electrónico) o Valores de atributo (por ejemplo, todos los productos con el valor de atributo Unisex)— o manualmente, mediante Productos manuales. El botón aparece en cada página de producto que coincida con al menos uno de estos criterios.
- menu
- Website ‣ eCommerce ‣ Size Charts ‣ New
- shows
- A size chart form with the Name and Content fields, the Targeting section with the category and attribute-value rules, the Manual products list and the Preview button.
- highlight
- The Targeting section (red frame).
- data
- Chart "Men's shirts", bound to the category "Clothing" and to the attribute value "Men".
- module
- website_product_size_chart
- notes
- English UI, light theme, 1440px width.
- menu
- (website) ‣ Shop ‣ (product)
- shows
- A product page with the size chart button next to the variant selection, and the size chart modal opened over the page with its table.
- highlight
- The size chart button (red frame).
- data
- Product "Men's shirt" with the chart "Men's shirts".
- module
- website_product_size_chart
- notes
- English UI, light theme, 1440px width.
Feed de productos Árgép¶
El módulo Árgép (eyssen_website_sale_argep) publica el catálogo de la tienda online como un feed XML en /argep.xml, en el formato esperado por el sitio húngaro de comparación de precios Árgép.
El feed se configura en , en la sección Árgép:
Origen de precios de Árgép: si los precios provienen de la propia tarifa del sitio web o de una tarifa específica.
Tarifa de Árgép: la tarifa utilizada cuando se selecciona una específica.
Precios brutos de Árgép: exporta los precios con impuestos incluidos.
Incluir productos con precio cero: mantiene en el feed los productos sin precio.
Cada producto tiene una casilla Aparición en el XML de Árgép (pestaña Ventas), habilitada de forma predeterminada, para excluir productos concretos del feed.
- menu
- Website ‣ Configuration ‣ Settings
- shows
- The Website settings page scrolled to the Árgép block, with the price source, pricelist, gross price and zero-price options.
- highlight
- The Árgép block (red frame).
- data
- Price source set to a dedicated pricelist, gross prices enabled.
- module
- eyssen_website_sale_argep
- notes
- English UI, light theme, 1440px width, crop to the Árgép block.
Gestión del stock¶
Para activar y configurar las opciones de gestión de inventario, vaya a y deslícese hasta la sección Tienda - Productos y luego a la subsección Valores por defecto para Inventario.
Importante
La aplicación Inventario debe estar instalada para ver las opciones de gestión de inventario.
Para mostrar el nivel del stock en la página del producto, el campo Tipo de producto se debe establecer como Almacenable en el formulario de producto.
Inventario¶
En la subsección valores por defecto para Inventario debe llenar los siguientes campos:
Fuera de stock: habilite Continuar venta para dejar que los clientes realicen pedidos aunque el producto esté fuera de stock. Si deja la casilla sin seleccionar evitará que se realicen pedidos.
Mostrar la cantidad disponible: muestra en la página del producto la cantidad disponible dentro de un umbral. La cantidad disponible se calcula con base en la cantidad Real menos la cantidad reservada para traslados salientes.
Comparación de productos¶
Para permitir que los visitantes del sitio web comparen productos según sus atributos, vaya a , diríjase a la sección Tienda - Productos y habilite la opción Herramienta de comparación de productos.
Ahora el icono (Comparar) estará disponible en cada tarjeta de producto en la tienda principal cuando los clientes pasen el cursor por encima. Para comparar los productos, los clientes pueden hacer clic en la opción (Comparar) de los productos que quieren comparar, después en el botón Comparar de la ventana emergente en la parte inferior de la página para ver un resumen comparativo.
- menu
- (website) ‣ Shop ‣ Compare
- shows
- The product comparison window with the compared products side by side and their attribute rows.
- highlight
- The comparison table (red frame).
- data
- Two compared products.
- module
- website_sale_comparison
- notes
- English UI, light theme, 1440px width.
Nota
La Herramienta de comparación de productos solo está disponible para productos con atributos.
También es posible seleccionar la opción (Comparar) desde la página del producto.
Listas de deseos¶
El botón Añadir a la lista de deseos permite a los clientes añadir productos a su lista de deseos, es decir, guardarlos para más tarde. Para habilitarlo, vaya a , desplácese hasta la sección Tienda - Productos y habilite Listas de deseos. El botón está disponible en cada página de producto y se puede deshabilitar en el editor de sitio web si es necesario.
- menu
- (website) ‣ Shop ‣ (product)
- shows
- A product page with the Add to Wishlist button next to the Add to Cart button.
- highlight
- The Add to Wishlist button (red frame).
- data
- Demo website 'My Website' with the eCommerce demo products.
- module
- website_sale_wishlist
- notes
- English UI, light theme, 1440px width.
Truco
También puede mostrar un botón (Lista de deseos) al pasar el ratón por encima del producto en la página de la tienda.
Los clientes pueden mover productos de su carrito a su lista de deseos haciendo clic en el botón Guardar para más tarde en el paso de pago Resumen del pedido.