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 Sitio web ‣ Comercio electrónico ‣ Productos y haga clic en Nuevo.

  • Products created from the frontend are automatically published, while products created from the backend are not. To publish a product, click the Go to Website smart button to access the product page, then toggle the switch from Unpublished to Published.

Importar productos

Para importar los datos de los productos mediante archivos XLSX o CSV, vaya a Sitio web ‣ Comercio electrónico ‣ Productos, haga clic en el icono (engranaje) y después en Importar registros.

Truco

Para publicar varios productos, siga los siguientes pasos:

  1. Vaya a Sitio web ‣ Comercio electrónico ‣ Productos.

  2. Quite el filtro Publicado y cambie a la vista de Lista.

  3. Haga clic en el icono (interruptor desplegable) y active Está publicado.

  4. Haga clic en la columna Está publicado para ordenar los productos como publicado o no publicado.

  5. Marque la casilla a un lado de cada producto que quiera publicar.

  6. 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 Sitio web ‣ Comercio electrónico ‣ Productos 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 ubicado 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 este interruptor para indicar si el precio es con o sin 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 Sitio web ‣ Configuración ‣ Ajustes, 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.

Products block

The Products building block is used to display a selection of products sold on your website.

Ejemplo de un bloque de productos

By default, the block displays the Newest Products. To change which products are shown, go to the Customize tab’s Products section and set the Filter field to Recently Sold Products or Recently Viewed Products.

In addition, it is possible to display products from a specific category only using the Category field.

You can also filter products by Tags, include Variants, and adjust the display by selecting a different Template.

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:

  1. Vaya a Sitio web ‣ Configuración ‣ Ajustes.

  2. Deslícese hasta la sección Tienda - Productos y active la función Variantes de producto.

  3. 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 Sitio web ‣ Comercio electrónico ‣ Atributos, haga clic en el atributo y seleccione Visible u Oculto en el campo Visibilidad del filtro de comercio electrónico.

Truco

Nota

Se necesitan dos valores de atributos para que el filtro sea visible.

Ver también

Variantes de producto

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.

archivo digital disponible antes del pago en la página del producto

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).

Nota

  • Tener contenido no traducido en una página web puede perjudicar la experiencia del usuario y el SEO. Puede usar la función Traducir para traducir el contenido de una página.

  • Para combrobar el idioma (o los idiomas) de su sitio web, vaya a Sitio web ‣ Configuración ‣ Ajustes y vaya a la sección Información del sitio web.

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

Puede hacer que un producto esté disponible en un sitio web o en todos los sitios web, pero no puede seleccionar solo algunos.

Gestión del stock

Para activar y configurar las opciones de gestión de inventario, vaya a Sitio web ‣ Configuración ‣ Ajustes 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:

  • Almacén.

  • 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 Sitio web ‣ Configuración ‣ Ajustes, 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.

Ventana de comparación de productos

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.

Wishlists

The Add to wishlist button allows customers to add products to their wishlist, i.e., save them for later. To enable it, go to Website ‣ Configuration ‣ Settings, scroll down to the Shop - Products section, and enable Wishlists. The button is available on each product page and can be disabled in the website editor if needed.

Add to wishlist button

Truco

  • You can also display a (Wishlist) button when hovering the mouse over the product on the shop page.

  • Customers can move products from their cart to their wishlist by clicking the Save for later button in the Order overview checkout step.