Quickstart

Activate the app

In the App Dashboard, go to Setup Guide → click Activate the app

→ You’ll be redirected to App Embed in the Shopify Theme Editor

OPTIS Color Swatch App embed in the Shopify Theme Editor

Turn on the toggle and click Save

App embed toggle turned on, with the Save button

Optional (Recommended for testing): If you want to enable the app on a draft theme instead, go to Online Store → Themes → Edit theme (selected theme) → App embeds, then enable the OPTIS Swatch app toggle and click Save.

This allows you to fully test the app without affecting your live store.

Configure your Shopify variants

Make sure your products have variants (e.g. Color, Size) → Click Configure variants to open Variants Display

Configure variants button opening the Variants Display page

Here, you can customize how variants are displayed on Product pages and Collection pages - Choose the display type that fits your store design

Variants Display page with display type options for product and collection pages

👉 Click here to learn How to change the variant display

Make it yours! (optional)

Click Style your variants to open the Styling Dashboard

Style your variants button opening the Styling Dashboard

Customize how variants look on your store, including size, alignment, colors, spacing, hide extra swatches,...

Styling Dashboard with size, alignment, color, and spacing options

👉 Click here to learn How to customize the swatches' look

You're all set! 🎉 Continue to the next sections to explore advanced settings and customization options.

Updated on: 25/09/2026

Was this article helpful?

Thank you!