> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Quick Navigation for Multi-Artwork Personalization Forms

When a campaign contains multiple artworks, the personalization form can become long and difficult for buyers to navigate.

**Quick Navigation** adds a navigation menu at the top of the form, allowing buyers to quickly switch between artworks and jump directly to the options they want to customize.

This feature is especially useful for campaigns such as:
* A selling pack;
* Multi-piece jewelry sets;
* Products with several customizable components.


![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-screencast-2026-08-24_4tmrqq.gif)

### Enable Quick Navigation

You can enable this feature directly in the **Campaign Editor** with the button next to the **Personalization Form** title:

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-teeinblue-portal-2026_1ef3n0s.png)

| Quick Navigation can only enabled when at least one variant has multiple artworks

### How Quick Navigation displays on the storefront

* Once enabled, a navigation menu appears at the top of the personalization form. 

* Each menu item represents one artwork: 
*For campaign by Product Base*: Uses the **Product Base name + index number** format, such as Ornament Packs 1, Ornament Packs 2, and Ornament Packs 3. To change the name shown to buyers, update the Product Base name of the campaign.


![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-teeinblue-portal-2026_19umdkg.png)


*For campaign by Shopify:* Uses the **Shopify product title + index number** format. To change the name shown to buyers, update the product title directly in Shopify.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_4hd000.png)


* The navigation remains sticky when buyers scroll through the form and a dropdown is available for menu items that are not currently visible.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-ornament-pack-teeinbl_d4kwp6.png)
### About mockup

* When buyers select an item from the navigation, the gallery displays the **first mockup containing that artwork's print area**. The gallery also displays the **item index** so buyers can identify which item the current mockup belongs to.


![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-ornament-pack-teeinbl_1f30gc4.png)

* Each artwork should have one corresponding mockup. It is not recommended to use one mockup for multiple artworks or assign one artwork to multiple mockups.


![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-monosnap-teeinblue-po_7tf9yf.png)