> For the complete documentation index, see [llms.txt](https://zon.gitbook.io/zon-staff/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://zon.gitbook.io/zon-staff/zon-staff-management/how-to-set-up-zon-staff-on-shopify.md).

# 💡How to set up Zon Staff on Shopify?🤔

This guide walks you through each step to get **Zon Staff Management** fully operational within your **Shopify POS** environment.\
After **installing** the **Zon Staff Management app,** you will be directed to the **onboarding (stepper) page**.

<figure><img src="/files/MAKrjrDj6o8iiDUYDDrM" alt=""><figcaption></figcaption></figure>

###

### Step 1: Add App to Shopify POS

This step integrates the app directly into your **Shopify POS system.**

1. Find the **“Add app to Shopify POS”** section in the setup guide.
2. Click the **“Add App”** button.&#x20;

<figure><img src="/files/1FHPxXMtwOCDGHKinXNc" alt=""><figcaption></figcaption></figure>

1. You'll be **directed** to the **Shopify POS settings** page.
2. From there, select the **app blocks** you want to include, such as:

* **Zon Staff Management**
* **Zon Manager View**
* **Zon Tasklist**
* **Zon TimeOff**

<figure><img src="/files/EAojLkaDx7C8QhJ1tIwT" alt=""><figcaption></figcaption></figure>

For each selected **block tile,** click **Add** and position it at the bottom of the first **Smart Grid page** in your **POS layout** for quick access.<br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd3TcztGyfX38NZFPnE9-IRcSpEkMKWg8dQZ2NtqlSDMrWvYE_T74LC_VIA8RvCox1fC1VmKiHnA-tLDdvsz6DKzvtmeyE1U1YbOFQxk2mDH-ElPc6FK644aCrbylrSYy5Aw1v5Xg?key=ZkbBLfileOIlHqKmkC5ZJbSW" alt=""><figcaption></figcaption></figure>

After successfully adding the app to **Shopify POS,** return to the **Zon Staff Management app** and click **"Mark as done."**

<mark style="background-color:yellow;">**Note:**</mark> <mark style="background-color:yellow;"></mark><mark style="background-color:yellow;">If the Zon tile is not visible on your POS device, you can manually add it by navigating to the POS dashboard and selecting “Add Tile.” Then, go to the Apps tab, locate the Zon App, and click on it. You will see multiple tile options—click “Add” on the desired tile(s) to add them to your POS interface and then click on “Save”.</mark>

{% file src="/files/OJKkg6r6hLc1exudmV1a" %}

### Step 2: Enroll Your Staff in App

This step allows both **Shopify and non-Shopify staff** to use the **Clock In/Out functionality.**

1. Locate the **“Enroll staff in app”** section.
2. Click the **"Setup"** button.

<br>

<figure><img src="/files/YFQucypSxH3H0S63OJVV" alt=""><figcaption></figcaption></figure>

1. [**Follow the instructions**](https://zon.gitbook.io/zon-staff/zon-staff-management/how-to-add-both-shopify-and-non-shopify-staff-members-in-zon-staff-management) for how to enroll for both types of staff, **Shopify and Non-Shopify.**
2. After **successfully enrolling** all your staff in the app, return to the **Zon Staff Management** app and click **"Mark as done."**

You can now close the setup guide by clicking **Dismiss Guide.**\ <br>

<figure><img src="/files/oPCtuAqWRbn1CbzmPPKA" alt=""><figcaption></figcaption></figure>

**You're all set🤩!**\
The **setup is complete**, and you’re now ready to **explore** and use all the **features** of the **Zon Staff Management app.**<br>
