Menú
Feedback
Comienza aquí
Tutoriales


Tutoriales
Assembly Options
Aplicación Assembly Options
5 min de lectura

Esta aplicación solo está disponible para las tiendas que usan VTEX IO. Antes de continuar, debes instalar y configurar Product Customizer en tu tienda.

En VTEX, puedes tener opciones de personalización de productos disponibles cuando usas Assembly Options (opciones de ensamblaje). Esta solución consiste en crear anexos para escenarios complejos en los cuales es necesario gestionar distintas combinaciones de productos, cantidades, ítems adicionales y costos.

La aplicación Assembly Options proporciona una interfaz para configurar y gestionar las opciones de personalización en tiendas que usan VTEX IO en lugar de implementar las opciones de ensamblaje a través de los anexos del Catálogo.

Instalación

La aplicación puede instalarse de forma gratuita a través de VTEX App Store o a través de VTEX IO CLI, siguiendo los pasos de la guía para desarrolladores Assembly Options.

Cuando la aplicación Assembly Options se instala en una cuenta de seller, los clientes de tu tienda pueden ver las opciones de personalización del producto en el checkout. Para que las opciones se muestren en la página del producto, debes instalar la aplicación en una cuenta de marketplace.

Una vez instalada, la página Catálogo > Opciones de ensamblaje estará disponible en el Admin VTEX. A continuación, puedes ver las funcionalidades que estarán disponibles tras la instalación.

Lista de Opciones de ensamblaje

En el Admin VTEX, en Catálogo > Opciones de ensamblaje, tendrás acceso a una lista con todas las Opciones de ensamblaje registradas en tu tienda cuando uses la aplicación.

{"base64":"  ","img":{"width":1894,"height":499,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":38700,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/apps/assembly-options/aplicacion-assembly-options_1.PNG"}}

La información que aparecerá en la lista será:

  • ID: muestra el ID de la opción de ensamblaje, la cual equivale al ID del anexo en el Catálogo.
  • Nombre: muestra el nombre del anexo de la opción de ensamblaje.
  • Obligatorio: cuando tiene un , esta columna indica que el anexo de opción de ensamblaje es obligatorio. Si el campo está vacío, significa que no es obligatorio.
  • Status: indica el status de la opción de ensamblaje, la cual puede ser:
    • Activa: significa que las opciones de personalización están activadas y se mostrarán en tu tienda en caso de que se asocien a un SKU.
    • Inactiva: significa que las opciones de personalización están desactivadas, por lo tanto, no estarán disponibles para su selección.
  • Menú : muestra las siguientes opciones:
    • Editar: permite acceder a la página de edición de la Opción de ensamblaje.
    • Eliminar: permite eliminar una opción de ensamblaje.

Puedes buscar una opción de ensamblaje por nombre utilizando la barra de búsqueda. También puedes filtrar los resultados que se muestran en la lista según su Status (Activa o Inactiva).

Para configurar una nueva opción de ensamblaje, debes hacer clic en el botón Crear opción de ensamblaje, que está en el extremo superior derecho de la página.

Crear o editar Opción de ensamblaje

La página Productos > Opciones de ensamblaje > Nuevas opciones de ensamblaje contiene un formulario con la información necesaria para crear o editar una opción de ensamblaje. Sigue los pasos a continuación para crear una opción de ensamblaje.

  1. Completa los campos de Información básica:
    • Nombre: nombre de la opción de ensamblaje. Por ejemplo: Ingredientes.
    • Activa: establece si la opción de ensamblaje estará activa, es decir, si estará disponible para usarse en la tienda.
    • Obligatorio: establece si es obligatorio que tus clientes seleccionen una de las opciones disponibles a través de opciones de ensamblaje o no.
  2. En Grupos de SKU, haz clic en Agregar nuevo grupo. Se creará un grupo sin nombre. Cada grupo reunirá las opciones de SKU disponibles para que escojan los clientes.
  3. Rellena la información del grupo creado:
    • Nombre: nombre del grupo que se mostrará en la página del producto. Por ejemplo: Ingredientes extras.
    • Cantidad mínima: establece la cantidad mínima de ítems del grupo que podrá seleccionar el cliente de tu tienda.
    • Cantidad máxima: establece la cantidad máxima de ítems del grupo que podrá seleccionar el cliente de tu tienda.
  4. Haz clic en Agregar SKU para incluir un SKU existente en el grupo.
  5. Rellena la siguiente información respecto del SKU:
    • ID del SKU: identificador del SKU.
    • Nombre de la tabla de precios asociada: nombre de la tabla de precios a considerar para el SKU seleccionado. Cuando ese campo quede vacío, el SKU asumirá el precio de la política comercial registrada.
    • Cantidad mínima: cantidad mínima del ítem que podrá seleccionar el cliente de tu tienda.
    • Cantidad máxima: cantidad máxima del ítem que podrá seleccionar el cliente de tu tienda.
    • Cantidad inicial: cantidad del ítem que se seleccionará de forma predeterminada.
  6. Haz clic en Agregar. La información del SKU que se agregó se mostrará en una tabla en la que luego podrás editar la información o eliminar el SKU del grupo. Si quieres, agrega otros SKU al grupo repitiendo desde el paso 4 en adelante. También puedes crear otros grupos repitiendo desde el paso 2 en adelante.
  7. Una vez configurados todos los grupos, haz clic en Guardar.

Al guardar la opción de ensamblaje, se creará un anexo automáticamente en Catálogo > Anexos, con el prefijo vtex.assembly-option. en el nombre de la opción de ensamblaje creada. Ejemplo: vtex.assembly-option.Ingredientes.

Para que las opciones de personalización registradas en la opción de ensamblaje aparezcan en el storefront, debes asociar el anexo creado a un SKU en Catálogo > Productos y SKU > Configuraciones avanzadas > Anexos. Para hacerlo, sigue los pasos descriptos en Asociar el anexo a un SKU.

Más información

Contribuidores
3
Photo of the contributor
Photo of the contributor
Photo of the contributor
+ 3 contributors
¿Te ha parecido útil?
No
Sugerir cambios (GitHub)
Cancelar el pago por el servicio de una app instalada en mi tienda
« Anterior
Customer Credit - Visión General
Siguiente »
Contribuidores
3
Photo of the contributor
Photo of the contributor
Photo of the contributor
+ 3 contributors
En esta página
¿Tienes otras preguntas?
Pregunta a la comunidad
Encuentra soluciones y comparte ideas en VTEX Community
Únete a nuestra comunidad
Solicita soporte a VTEX
Recibe asistencia personalizada de nuestros especialistas
Abre un ticket de soporte
GitHubDeveloper PortalComunidadFeedback