> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sectionly.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating Product Option Sets with AI

> Sectionly:AI Product Options - Creating product option sets using AI

This guide provides a comprehensive walkthrough of using AI functionality to quickly create product option sets, including requirement descriptions, conversational interactions, version management, and configuration saving.

## Accessing the AI Chat Interface

### Navigation Path

**1. Access the App admin dashboard**

**2. Select "Sectionly:AI Product Options"**

**3. Click "AI Chat"**

## Core Workflow

### Input Requirement Description

In the chat input field, describe your product option set requirements in natural language. You can use plain text, images, attachments, links, and other formats to assist with explanations.

> [tab] Plain Text Example
>
> **Example Description:**
>
> ```
> Create a phone case customization option set including material options (silicone, PC hard shell),
> patterns (cartoon, minimalist, custom upload), lanyard hole (with or without),
> with silicone material having an additional $5 charge
> ```
>
> ![Plain text input example](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/0af4361286.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=8fdec4414dad58d1232c71b6c9ec92df)

> [tab] Attachments/Images/Links
>
> **Multimedia-Assisted Descriptions:**
>
> 1. Click the attachment icon next to the input field to upload reference images (such as existing phone case customization examples)
>
> 2. Upload documents (Excel files with detailed option rules)
>
> 3. Add reference links (product customization page URLs)
>
> 4. Images and links can be directly pasted into the input field
>
> > [!NOTE]
> >
> > Multimedia assistance helps AI understand requirements more precisely and improves generation quality.
>
> ![Attachment upload example](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/9510766b90.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=9ac3abff0cdb9a21ddc478bb0b420413)

### Conversational Interaction and Optimization

#### Generation and Preview

**1. After entering requirements, press Enter and AI automatically generates the product option set configuration**

**2. Left side displays conversation content, showing generation results (including version numbers and configuration overview)**

**3. Right side preview area presents the frontend effect of the option set (such as option layout and interaction logic)**

![Generation and preview interface](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/43b253bedc.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=422e37c6f9db9df9490b548d03c949a0)

#### Continue Optimization

If you're not satisfied with the generated results, you can provide additional instructions for optimization:

**Optimization Example:**

```
Add 'glow-in-the-dark' material option with $3 surcharge for PC hard shell
```

AI will iteratively generate new configurations based on conversation history, supporting multiple iterations (generating multiple versions like V1, V2).

![Optimization iteration example](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/223d34a60d.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=e847083a45f752d5ca6eeec6f7011822)

### Version Switching and Comparison

> [tab] Left Chat Area Switching
>
> **How to Operate:**
>
> * The chat area retains all historical version cards
> * Click on different versions (`Config v1`/`Config v2`)
> * The right preview area will sync to show the corresponding configuration effect
> * Easy to compare differences across multiple optimization rounds
>
>   ![Left version switching](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/6f719ce068.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=a8965e81d2f8c0b4ca3cd7f4652f8003)

> [tab] Right Dropdown Switching
>
> **How to Operate:**
>
> * The top of the right preview area has a version dropdown menu (showing current version, e.g., `v2`)
> * Click to expand the version list (including `v1`/`v2`)
> * Select the corresponding version to switch preview effects
> * Linked with left chat area switching functionality, bidirectional synchronized display status
>
>   ![Right version switching](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/104d011c7c.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=11de96c68c92a4666cd8280ab29fcdfe)

### Pausing Conversation or Adding Requirements

> [accordion] Pause Execution
>
> During AI generation or configuration optimization, if you discover errors in the content or need to add new requirements:
>
> 1. Click the pause button on the right side of the input field
> 2. AI will immediately stop the current execution process
>
>    ![Pause execution](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/517b04b054.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=a97c60aa5bb7a1387c288c9d874779bc)

> [accordion] Continue Execution
>
> After pausing, you can add new instructions in the input field:
>
> **Example:**
>
> ```
> Correct the glow material price description and add logo upload option
> ```
>
> After pressing Enter, AI will continue executing configuration generation/optimization based on the paused conversation context combined with new requirements, without needing to restart the conversation.
>
> ![Continue execution](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/96932630e4.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=5e5ba3b49224094bab0bbb4419f44c79)

## Configuration Saving

### Save Operation

**1. After confirming a version configuration, click the "Save" button next to the configuration card in the chat area**

**2. The "Save Configuration" dialog will appear**

**3. Name the configuration (defaults to a timestamped name like `AI Generated Config - 8/18/2025, 4:03:37 PM`)**

**4. The configuration will automatically sync to the "Option Sets" list in the left navigation**

![Configuration saving](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/80ed3e398e.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=0509a130d248f4a3f3a358828cc9ac7a)

### Manual Configuration Editing

> [!NOTE]
>
> Saved configurations support manual editing for more granular control.

**1. Click the "Edit" button to open the current version's configuration dialog**

**2. This interface supports manual editing and modification of the configuration**

**3. After completing manual edits:**

* Click the `Save` button in the top right to save modifications
* Click `Cancel` to discard changes and close the edit dialog

**4. The configuration will automatically sync to the "Option Sets" list in the left navigation**

![Manual editing interface](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/6faa80ea4e.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=761786a8a42057f09b4cfea60ece8e04)

![Edit and save](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/6881216d4d.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=9fa0d32076e77d213f72940fc4c62797)

## Applying Option Sets to Product Configuration

### Access Option Sets List

**1. Click "Option Sets" in the left navigation**

**2. Find the AI-generated and saved option set (e.g., AI Generated Config)**

**3. Click to enter the edit page**

![Option sets list](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/98a774e33e.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=2caba0f4f5b51135c742e28a50776203)

### Set Product Application Scope

> [tab] Manual Selection
>
> **Manual Product Selection**
>
> 1. Enable the "Manual Selection" toggle
> 2. Click "Click to select products"
> 3. Search and select target products (supports multiple selection)

> [tab] Apply to All Products
>
> **Apply to All Products**
>
> Enable the "Apply to All Products" toggle to automatically apply the option set to all products (suitable for universal customizations like "gift box packaging for all products")

![Product application settings](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/4b14549bd0.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=cd1c0e8c08bc84419c31653c4a9a02d3)

### Basic Information Configuration

**1. Click the "⋯" button next to "New Option Set"**

**2. In the popup dialog, modify the option set name (e.g., "Summer T-shirt Customization")**

**3. Select status:**

* "Active" (effective, can be applied to products)
* "Inactive" (inactive, temporarily not applied)

![Basic information configuration](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/971648721d.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=dbf6690bea4e425ed93c2527862c67a7)

### Final Save

**1. Click the "Save" button to sync the template configuration to the left Option Sets list**

**2. Click the "Discard" button to abandon reuse**

![Final save](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-ai/7f109febdc.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=bb999db5d04fdaaa411112ccadeb8b7c)

## Important Notes

> [!WARNING]
>
> **Important Reminders**
>
> * AI-generated configurations support multiple iterative optimizations
> * Version management functionality facilitates comparing different configuration effects
> * Saved configurations can be further manually edited
> * Recommend thoroughly testing preview effects before saving

> [!NOTE]
>
> **Best Practices**
>
> * Providing detailed requirement descriptions improves AI generation quality
> * Make good use of multimedia assistance (images, documents, links)
> * Utilize version comparison functionality to select optimal configurations
> * Use the pause function wisely to avoid erroneous generation


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.