Los conjuntos de opciones condicionales te permiten crear experiencias de personalización más inteligentes y dinámicas para tus clientes. Con esta función puedes controlar no solo cómo se muestran las opciones de personalización, sino también cuáles se muestran según las selecciones del cliente.

¿Qué son los conjuntos de opciones?

Los conjuntos de opciones son una forma potente de organizar y controlar las capas de personalización dentro de tu diseño. En lugar de mostrar todas las opciones de personalización a la vez, los conjuntos de opciones te permiten:

  • Reordenar cómo aparecen las opciones
  • Cambiar la vista de miniaturas para ofrecer una mejor experiencia al cliente
  • Configurar lógica condicional (mostrar u ocultar opciones según lo que elija el cliente)
  • Añadir cargos adicionales a opciones concretas (por ejemplo, mejoras premium)
  • Agrupar opciones de personalización relacionadas para una presentación más limpia

¿Qué es la lógica condicional?

La lógica condicional te permite mostrar u ocultar opciones según las selecciones anteriores del usuario. Por ejemplo:

  • Si el cliente selecciona “Dad and Daughter” como diseño → solo se muestran las opciones de personaje femenino
  • Si se selecciona “Background 1” → se muestra un conjunto concreto de tonos de piel o de atuendos

Así la interfaz se mantiene limpia y adaptada a las necesidades de cada comprador, lo que resulta especialmente útil en productos muy personalizables como tazas, pósteres o prendas de ropa.

Ejemplo de configuración: diseño Dog Dad/Mom

Veamos un ejemplo real paso a paso.

1. La selección de género controla lo que viene después

Creas un conjunto de opciones llamado "Choose Gender" con los valores:

  • Man
  • Woman

Cada valor activa un conjunto distinto de capas y opciones asociadas.

  • Si se selecciona Man → se muestran solo las capas relacionadas con el hombre
  • Si se selecciona Woman → se muestran solo las capas relacionadas con la mujer

2. Cómo configurarlo

Paso 1: crea la carpeta o las imágenes

  • Ve a la sección Recursos y crea una carpeta llamada Choose Gender.
  • Sube dos imágenes (por ejemplo, MAN.png y WOMAN.png) si usas una Muestra de imagen.
Crear una carpeta

Paso 2: añade un conjunto de opciones

  • Ve a tu plantilla.
  • Ve a la pestaña Conjuntos de opciones y haz clic en Añadir > Muestra de imagen. También puedes usar Muestra de carpeta, pero ten en cuenta que Muestra de imagen incluye un ID de capa y puede reflejarse en el diseño. Muestra de carpeta solo se usa para la visualización condicional (no se refleja en el propio diseño).
Añadir una capa de "Muestra de imagen"

Paso 3: aplica la lógica condicional

  • Ve a otra capa (por ejemplo, Man's Eye Color).
  • Haz clic en el icono del lápiz para editar.
  • Desplázate hasta la sección Condición.
  • Activa el interruptor de condición.
  • Define la condición: Mostrar esta opción cuando Choose Gender es MAN.png

Repite esta configuración para las demás opciones según la selección de género (por ejemplo, Woman’s Age Range, Woman’s Eye Color).

Activar la condición

Resumen

Los conjuntos de opciones condicionales te permiten:

  • Controlar qué es visible en el flujo de diseño según las selecciones previas
  • Crear una experiencia de personalización más limpia y relevante
  • Habilitar lógica compleja, como dependencias entre elementos padre e hijo, en la personalización

Para configuraciones más avanzadas (por ejemplo, precios adicionales o agrupación), consulta los siguientes artículos de esta sección.

3. Edición condicional en bloque

Cuando quieras definir condiciones para varios conjuntos de opciones a la vez, puedes hacerlo en bloque en lugar de editar cada uno por separado.
Para seleccionar varios conjuntos de opciones:

  • Usa la barra de búsqueda para filtrar las opciones que necesitas; por ejemplo, busca "Man" para encontrar todos los conjuntos de opciones relacionados con el diseño masculino.
  • Mantén pulsada la tecla Shift, haz clic en el primer conjunto de opciones y luego en el último para seleccionar todo el rango intermedio.

Cuando tengas seleccionados los conjuntos de opciones, haz clic en el icono Añadir condición. El cuadro de diálogo Añadir condiciones ofrece dos métodos en bloque.

Método 1: añadir condición para cada opción

Esto aplica la misma condición a todos los conjuntos de opciones seleccionados. Defines una condición (por ejemplo, Mostrar esta opción cuando Choose Gender coincida con "Man") y se aplica de forma idéntica a todas las capas seleccionadas.
Úsalo cuando todos los conjuntos de opciones deban seguir exactamente la misma regla.

La opción Sobrescribir las condiciones existentes controla cómo se aplica la nueva condición en bloque. Si está activada, se eliminarán las condiciones existentes de los conjuntos de opciones seleccionados y se sustituirán por la nueva condición. Si está desactivada, la nueva condición simplemente se añadirá y se conservarán todas las condiciones existentes sin cambios.

Método 2: añadir condición con una sola opción

Esto te permite usar una opción de origen como referencia para todos los conjuntos de opciones seleccionados, pero asignar valores de coincidencia distintos a cada uno.
Por ejemplo, con "Choose Gender" como opción de origen, puedes definir que "Choose Man's Age Range" se muestre cuando el valor sea "Man", mientras que "Choose Woman's Age Range" se muestra cuando el valor sea "Woman", todo configurado en un único cuadro de diálogo.
Úsalo cuando los conjuntos de opciones comparten el mismo desencadenante pero cada uno debe responder a un valor diferente.

Actualizado el: 23/09/2026