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.

  • Los productos creados desde el frontend están publicados automáticamente, mientras que los productos creados desde el backend no. Para publicar un producto, haga clic en el botón inteligente Ir al sitio web para ir a la página del producto, luego cambie el botón No publicado a Publicado.

Importar productos

Para importar datos del producto con 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.

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 Cuadrícula o Lista.

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

    • Estilo: seleccione Por defecto, Tarjetas, Miniaturas o Cuadrícula.

    • Tamaño de la imagen: seleccione la relación de aspecto para imágenes de productos Horizontal (4/3), Por defecto (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.

    .

  • 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 Ocultar categorías para que el menú se pueda ocultar.

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

    • Filtro de precio: 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.

  • Ordenación por defecto: Seleccione la ordenación por defecto 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 (Cesta de compras) para mostrar el icono (Añadir a la cesta) 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 (Añadir 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 en función de 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.

Página del producto

Para acceder a la página del producto, vaya a Tienda y haga clic en el producto. Haga clic en Editar para personalizar la página o editar sus imágenes.

Para acceder al formulario del producto en el backend, haga clic en el botón Producto que se encuentra en la esquina superior derecha de la página del producto. También puede ir a Sitio web ‣ Comercio electrónico ‣ Productos y seleccionar el producto. Puede configurar la página del producto desde el formulario, si añade variantes, documentos digitales o traduce contenido.

Truco

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

Personalización

To customize a product page, click Edit in the upper right corner of the page. Use the Blocks tab to add building blocks.

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,

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

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.

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

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

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 a media under the Extra Product Media section. In the Create Extra Product Media pop-up window, enter the Image Name, and add a video URL or hover your mouse over the (camera) icon and click the (pencil) icon to upload images from your local drive.

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

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

  • Imagen principal: haga clic en reemplazar 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í 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 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 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.