Productos

La aplicación Comercio electrónico de Odoo le permite agruegar 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 existencias y activar las comparaciones de los 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 predeterminados 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á de forma automática.

Truco

  • También puede crear un formulario de producto desde el backend en Sitio web ‣ Comercio electrónico ‣ Productos y haga clic en Nuevo.

  • Los productos creados desde el frontend se publican de forma automática, mientras que los productos creados desde el backend no. Para publicar un producto, haga clic en el botón inteligente Ir al sitio web, esto le llevará a la página del producto, allí presione el botón Sin publicar para cambiarlo a Publicado.

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 de despliegue) y active Está publicado.

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

  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.

Página de la tienda

Para personalizar el diseño de la página principal de la Tienda o modificar su contenido, haga clic en Editar. Vaya a la pestaña Bloques para agregar bloques de creación o en la pestaña Personalizar para cambiar el diseño de la página o agregar funciones:

  • Diseño: seleccione Table o Lista.

    • Tamaño: configure el número de productos que se deben mostrar por página y por línea.

    • Estilo: seleccione predeterminado, tarjetas, miniaturas, o Tabla.

    • Tamaño de la imagen: seleccione la relación de aspecto para imágenes de productos Horizontal (4/3), Predeterminado (1/1), Vertical (4/5), o Vertical (2/3). También puede ajustar el diseño si cambia las opciones Rellenar para que vayan mejor para sus elecciones de diseño.

  • Barra de búsqueda: cambie el interruptor para mostrar una barra de búsqueda en la parte superior de los productos.

    página.

  • Descripción del producto: cambie el interruptor para mostrar la descripción del producto debajo del nombre de producto.

  • Categorías: muestre las categorías de los productos a la izquierda, en la parte superior, o ambas. Si selecciona izquierda puede activar el Colapso de categorías para que el menú se pueda colapsar.

  • Selector de fecha: active el interruptor para mostrar un rango de fecha en el calendario para revisar la disponibilidad de productos de alquiler durante un periodo específico. Debe instalar la aplicación Alquiler para poder usar esta función.

  • Atributos: mostrar los atribuos del producto a la Izquierda o mostrar un icono de (interruptor desplegable) en la parte Superior para que así los clientes pueda filtrar los productos según sus atributos.

    • Precio del filtro: active el interruptor para mostrar una barra de Rango de precio para que los clientes puedan filtrar los productos según el rango de precio específico al arrastrar botones ajustables.

    • 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 en la sección Etiquetas en la columna izquierda.

  • Barra superior: seleccione ordenar por para mostrar una lista desplegable en la barra superior para ordenar productos Diseño para dejar que los clientes cambien de la vista de tabla a la de lista usando los iconos.

  • Orden predeterminado: Seleccione el orden predeterminado de los productos, puede ser Destacado, Llegadas más recientes, Nombre (A-Z), Precio - bajo a alto o Precio - alto a bajo.

  • Botones:

    • Seleccione la opción (Carrito de compras) para mostrar el icono (Agregar al carrito) en la imagen de cada producto, así el cliente irá a la página de pago.

  • Seleccione la opción (Lista de deseaos) para mostrar el icono (Agregar a la lista de deseos) en la imagen de cada producto para que los clientes que hayan iniciado sesión puedan guardarlos en una lista de deseos.

  • Seleccione la opción Comparar () para mostrar el icono (Comparar) en la imagen de cada producto, esto permitirá que los clientes comparen los productos de acuerdo a sus atributos.

Truco

Para mostrar un producto como destacado, vaya al formulario del producto y haga clic en el icono (Favorito) que se encuentra a un lado del nombre del producto.

Product page customization

Product information

To add general information about a product, navigate to Website ‣ eCommerce ‣ Products and select the product. You can configure the product page from the form by adding variants, digital documents, or translating content.

You can also add an ecommerce-specific product description to be displayed below the product name on the product’s page. To do so, go to the Sales tab, scroll down to the Ecommerce description section, and add a description. Use Odoo’s rich-text editor features to personalize the content.

Truco

Haga clic en el botón Ir al sitio web para regresar a la página del producto en el frontend.

Product presentation

To customize the product presentation on the website, go to the Shop and click on the product. Click Edit to customize the page, edit its images or add building blocks.

Truco

  • Al arrastrar y soltar bloques de creación en la página de producto, ya sea arriba o abaño de las líneas azules lo hará visible en todas las páginas de producto,

  • You can edit any text on your website by clicking on it while in Edit mode.

Use the Customize tab to modify the page layout or add features:

  • 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: agregue 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.

  • Tax Indication: Toggle the switch to indicate if the price is VAT included or excluded.

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

  • Carrito:

    • Comprar ahora: Agrega la opción Comprar ahora para que el cliente vaya a la página de pago de inmediato

    • Lista de deseaos: Agrega la opción Agregar a la lista de deseos para que los clientes que hayan iniciado sesión guarden los productos en una lista de deseos.

    • Comparar: Agrega la opción Comparar para que los clientes puedan comparar los productos de acuerdo a 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 activas 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 de prouctos.

Product images and videos

To add more media items, such as images and videos, navigate to the product form, then go to the Sales tab and click Add Media under the Ecommerce Media section. In the Select a media pop-up window, go to the Images tab, select an image, click Upload an image or Add URL. Or navigate to the Videos tab, paste a video URL or embed code. Once done, click Add.

To customize the images or videos, go to the ecommerce product page, click Edit and select the relevant media. In the Customize tab, use the following features:

  • Ancho de las 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 tabla muestra cuatro imágenes en un cuadrado.

  • Zoom de la imagen: seleccione el efecto zoon para imágenes de productos: Lupa al pasar el cursor, Abrir ventana emergente al hacer clic, Ambos, o Ninguno.

  • Thumbnails: Align thumbnails on the (Left) or at the (Bottom).

  • Imagen principal: haga clic en remplazar para cambiar la imagen principal del producto.

  • Extra Images: Add more extra images or videos (including via URL) or Remove all.

Nota

Las imágenes deben ser formato PNG o JPG con un tamaño mínimo de 1024x1024 para activar el zoon.

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í podrá agregar 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 puednan 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 dispoibles 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 de inmediato, 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 Orden confirmada 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 (por ejemplo. EN) a un lado del campo.

Los campos relacionados a Comercio electrónico que puede traducir son:

  • Nombre del producto.

  • Mensaje sobre falta de existencias (en la pestaña Ventas).

  • Descripción de ventas (en la pestaña Ventas).

Nota

  • Tener contenido sin traducir 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 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 de existencias

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 predeterminados de la aplicación Inventario.

Importante

  • La aplicación Inventario debe estar instalada para ver las opciones de gestión de inventario.

  • Para mostrar el nivel de existencias 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 predeterminados de la aplicación Inventario debe llenar los siguientes campos:

  • Almacén.

  • Sin existencias: habilite Seguir vendiendo para dejar que los clientes realicen órdenes aunque el producto esté agotado. Si deja la casilla sin seleccionar evitará que se realicen órdenes.

  • 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 a la mano 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 produto 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.