{"section":"tutorials","requestedLocale":"es","requestedSlug":"aplicacion-assembly-options","locale":"es","slug":"aplicacion-assembly-options","path":"docs/es/tutorials/apps/aplicacion-assembly-options.md","branch":"main","content":"> ⚠️ Esta aplicación solo está disponible para las tiendas que usan[ VTEX IO](https://vtex.com/br-pt/store-framework/). Antes de continuar, debes [instalar y configurar Product Customizer](https://developers.vtex.com/vtex-developer-docs/docs/vtex-product-customizer) en tu tienda.\n\nEn VTEX, puedes tener opciones de personalización de productos disponibles cuando usas [Assembly Options](/es/docs/tutorials/assembly-options) (opciones de ensamblaje). Esta solución consiste en crear [anexos](/es/docs/tutorials/que-es-un-anexo) para escenarios complejos en los cuales es necesario gestionar distintas combinaciones de productos, cantidades, ítems adicionales y costos.\n\nLa [aplicación Assembly Options](https://apps.vtex.com/vtex-admin-assembly-options/p) proporciona una interfaz para configurar y gestionar las opciones de personalización en tiendas que usan [VTEX IO](https://vtex.com/es-es/store-framework/) en lugar de implementar las opciones de ensamblaje a través de los anexos del Catálogo.\n\n## Instalación \n\nLa aplicación puede instalarse de forma gratuita a través de [VTEX App Store](https://apps.vtex.com/vtex-admin-assembly-options/p) o a través de [VTEX IO CLI](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-vtex-io-cli-installation-and-command-reference), siguiendo los pasos de la [guía para desarrolladores Assembly Options](https://developers.vtex.com/vtex-developer-docs/docs/assembly-options-app).\n\n> ⚠️ Cuando la aplicación Assembly Options se instala en una [cuenta de seller](/es/docs/tutorials/que-es-un-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](/es/docs/tutorials/que-es-un-marketplace).\n\nUna 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.\n\n## Lista de Opciones de ensamblaje\n\nEn 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.\n\n![assembly-options-app-es](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/apps/aplicacion-assembly-options_1.PNG)\n\nLa información que aparecerá en la lista será:\n\n* **ID:** muestra el ID de la opción de ensamblaje, la cual equivale al ID del [anexo](/es/docs/tutorials/que-es-un-anexo) en el **Catálogo**.\n* **Nombre:** muestra el nombre del anexo de la opción de ensamblaje.\n* **Obligatorio:** cuando tiene un <i class=\"far fa-check-circle\"></i>, esta columna indica que el anexo de opción de ensamblaje es obligatorio. Si el campo está vacío, significa que no es obligatorio.\n* **Status:** indica el status de la opción de ensamblaje, la cual puede ser:\n    * **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]().\n    * **Inactiva**: significa que las opciones de personalización están desactivadas, por lo tanto, no estarán disponibles para su selección.\n* **Menú** <i class=\"fas fa-ellipsis-v\"></i>: muestra las siguientes opciones:\n    * <i class=\"far fa-pencil\"></i> **Editar**: permite acceder a la página de edición de la Opción de ensamblaje.\n    * <i class=\"far fa-trash-alt\"></i> **Eliminar**: permite eliminar una opción de ensamblaje.\n\nPuedes 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**).\n\nPara 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.\n\n## Crear o editar Opción de ensamblaje\n\nLa 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.\n\n1. Completa los campos de **Información básica**:\n    * **Nombre:** nombre de la opción de ensamblaje. Por ejemplo: Ingredientes.\n    * <i class=\"fas fa-toggle-on\"></i> **Activa:** establece si la opción de ensamblaje estará activa, es decir, si estará disponible para usarse en la tienda.\n    * <i class=\"far fa-square\"></i> **Obligatorio:** establece si es obligatorio que tus clientes seleccionen una de las opciones disponibles a través de opciones de ensamblaje o no.\n2. En **Grupos de SKU**, haz clic en `Agregar nuevo grupo`.\n    Se creará un grupo sin nombre. Cada grupo reunirá las opciones de SKU disponibles para que escojan los clientes.\n3. Rellena la información del grupo creado:\n    * **Nombre**: nombre del grupo que se mostrará en la página del producto. Por ejemplo: Ingredientes extras.\n    * **Cantidad mínima:** establece la cantidad mínima de ítems del grupo que podrá seleccionar el cliente de tu tienda.\n    * **Cantidad máxima:** establece la cantidad máxima de ítems del grupo que podrá seleccionar el cliente de tu tienda.\n4. Haz clic en `Agregar SKU` para incluir un SKU existente en el grupo.\n5. Rellena la siguiente información respecto del SKU:\n    * **ID del SKU:** identificador del SKU.\n    * **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.\n    * **Cantidad mínima:** cantidad mínima del ítem que podrá seleccionar el cliente de tu tienda.\n    * **Cantidad máxima:** cantidad máxima del ítem que podrá seleccionar el cliente de tu tienda.\n    * **Cantidad inicial:** cantidad del ítem que se seleccionará de forma predeterminada.\n6. Haz clic en `Agregar`.\n    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.\n    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.\n7. Una vez configurados todos los grupos, haz clic en `Guardar`.\n\nAl 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`.\n\n> ⚠️ 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](/es/docs/tutorials/registrar-un-anexo#asociar-el-anexo-a-un-sku).\n\n## Más información\n\n* [Opciones de ensamblaje](/es/docs/tutorials/assembly-options)\n* [¿Qué es un anexo?](/es/docs/tutorials/que-es-un-anexo)"}