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

# Create Option Sets Manually

> Build product customization options from scratch, including element addition, group management, and precise application settings

This guide provides detailed instructions on how to manually create product option sets in Sectionly:AI Product Options, covering core features including element addition, group management, and application settings.

## Accessing the Creation Page

### Navigation Path

**1. Enter the App admin dashboard**

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

**3. Click "Option Sets"**

**4. Click "Create Option Sets"**

![Navigation to creation page](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/97882f78f8.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=3643096132d378a640abaf50c471f6ba)

## Core Workflow

### Adding Elements

> [!NOTE]
>
> Click the "+ Add Element" button and the system will display an element type selection menu with 3 main categories of different element types to choose from.

1. **Select Element Type**
   * Choose the desired element type from the popup menu
   * For example: Click "Text Input" and the element will be immediately added to the list
   * The preview area on the right will display the added element effects in real-time

![Adding element example](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/65dda2b6d8.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=46418097d748302a497d461f3e5eb940)

2. **Configure Element Properties**
   * Configure each element's settings according to your specific needs
   * For detailed configuration options, please refer to the related documentation

![Element configuration interface](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/c6947fc567.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=36cfc50eb45391800d2c6d05baf51477)

### Group Management

The grouping feature helps you better organize related elements and optimize frontend display logic.

**1. Click "Add Group" to add a group element**

**2. In "Group Members", check the elements you want to include in the group**

**3. Elements will be displayed in the group according to their order in the main list**

![Adding groups](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/6448adafd5.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=51cdba2db0dbd096c3ab382e2f91692f)

**Group Example:**
When creating an "Appearance Customization" group, you can check the already added "Color Swatch" and "Image Picker" elements. In the frontend preview, these two elements will be displayed under this group.

![Group member selection](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/06534d8ba5.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=488ba2d0d1cd91a3267408057f9b5421)

## Option Set Application and Settings

### Product Application Scope

> [tab] Manual Selection
>
> **Manual Product Selection**
>
> 1. Enable the "Manual Selection" toggle
> 2. Click "Click to select products" to search and select target products
> 3. Each product has a "Remove" button on the right to individually remove unwanted products
> 4. Click the "Reset" button to clear all selected products at once and replan the application scope
>
>    ![Manual product selection](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/eee2bd7c69.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=cf055a7ffc4478a33d50922832b6c401)
>
>    ![Remove products](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/f1c3dcaa42.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=51cab86b9609e41db1dc53e515bae8b9)
>
>    ![Reset selection](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/f47b569eb1.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=172b27b32f9e3efc829b5ad2e97d7cd2)

> [tab] Apply to All Products
>
> **Apply to All Products**
>
> Enable the "Apply to All Products" toggle to apply the option set to all products with one click, suitable for universal customization needs.
>
> ![Apply to all products](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/59e9cc0d6b.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=910615f15ffb2944dce4c45302906692)

### Basic Information Configuration

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

**2. Modify the option set name in the popup window (e.g., "Summer T-shirt Customization")**

**3. Select status:**

* "Active": Enabled, can be applied to products
* "Inactive": Disabled, temporarily not applied

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

## Top Action Buttons

> [accordion] Discard
>
> Abandon current configuration, close the popup without saving any changes.
>
> ![Discard button](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/3e2c3383cf.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=3a06b8428d4d92227a71a5320071d4d7)

> [accordion] Save
>
> Save current configuration without closing the configuration popup, allowing continued adjustments.
>
> ![Save button](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/1c08fddd0d.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=d4fd40126cc21afd2dca7bc2d7b0ad9c)

> [accordion] Preview Mode
>
> **Desktop Preview:**
> Click the PC icon and the preview area on the right displays the desktop layout effect.
>
> ![Desktop preview](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/ce0af1ac82.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=fc78ebe82135e8b7af8b75b5e005776b)
>
> **Mobile Preview:**
> Click the M icon and the preview area simulates mobile device interface layout.
>
> ![Mobile preview](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/ebe4044c53.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=618c42b406c42c170eb784b3c76c62c2)

> [accordion] Theme Editor
>
> If you haven't configured App Block embedding and other display settings in the theme editor, or need to fine-tune how the option set displays in your store theme (such as position and style adaptation), click the "Theme Editor" button to quickly jump to the Shopify online theme editor.
>
> ![Theme editor](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/5e40f778b6.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=3219205d782f574d96bc5684c235acad)

> [accordion] Preview (Validation)
>
> Click the "Preview" button to open a dedicated popup that only displays products where the current configuration is actually applied. Click "Preview" next to a product to jump to the frontend detail page and validate the configuration effects.
>
> ![Preview validation](https://mintcdn.com/sectionly-ai/74-33jvhI0DfU3Eu/images/option/create-option-manually/40434beea9.png?fit=max\&auto=format\&n=74-33jvhI0DfU3Eu\&q=85\&s=2990807c95c29bc1eb7742e2b7e5bd9a)

## Important Notes

> [!WARNING]
>
> **Important Reminders**
>
> * After creating an option set, the status defaults to "Active"
> * You can manage option sets in the "Option Sets List" (such as modifying status, copying, deleting, etc.)
> * When multiple active option sets have overlapping product applications, the system follows priority rules of "precise matching first" and "latest update takes precedence"


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