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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://zon.gitbook.io/zon-staff/zon-staff-management/how-to-set-up-zon-staff-on-shopify.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
