> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nocnoc/llms.txt
> Use this file to discover all available pages before exploring further.

# Set up integration

> Step-by-step guide to connect your Shopify store with nocnoc.

<Steps>
  <Step title="Access Shopify Admin Settings">
    Go to the **Settings** section inside your Shopify Admin panel.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image3.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=4a72790f96690f63cc7ff20b7521a4ac" alt="Shopify Admin Settings" width="2048" height="907" data-path="shopify/images/image3.png" />
  </Step>

  <Step title="Open App Development">
    Inside Settings, navigate to **Apps → Develop Apps**.

    Save your store's domain URL (visible in the upper left corner) — you'll need to share it with nocnoc later.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image8.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=79fed7e3d9e4c41c34d46e85efc4933a" alt="Apps and Develop Apps" width="2048" height="1042" data-path="shopify/images/image8.png" />
  </Step>

  <Step title="Open the Dev Dashboard">
    Click on **Build apps from Dev Dashboard**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image12.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=ebcf10b146f4568c27be8aee328f6cf1" alt="Build apps from Dev Dashboard" width="2048" height="1023" data-path="shopify/images/image12.png" />
  </Step>

  <Step title="Create a new app">
    Inside the Dev Dashboard, go to the **Apps** section and click **Create App**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image2.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=029b1d5b2c140805d2ef0c9183ef8822" alt="Create App" width="2048" height="968" data-path="shopify/images/image2.png" />
  </Step>

  <Step title="Name your app">
    Fill in the **App name** (we suggest using `nocnoc`) and click **Create**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image4.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=a6f365a0c725ffdcb7752cda7a500155" alt="Name your app" width="2048" height="893" data-path="shopify/images/image4.png" />
  </Step>

  <Step title="Configure the app version">
    In the **Create a version** section, fill in the following fields:

    * **App name** — same as the one you chose above.
    * **App URL** — `http://nocnocstore.com`
    * Uncheck **Embed app in Shopify admin**.
    * **Webhooks API Version** — select the latest available version.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image13.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=582b39e677d00baa1e9ec1fd35c6aa6e" alt="Configure app version" width="2048" height="1032" data-path="shopify/images/image13.png" />

    Scroll down and click **Select Scopes**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image11.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=3eab626453afdcadf918c34c6972d9d2" alt="Select Scopes button" width="2048" height="1028" data-path="shopify/images/image11.png" />

    Search for and enable the following scopes:

    | Scope             | Required                                                      |
    | ----------------- | ------------------------------------------------------------- |
    | `read_products`   | Required                                                      |
    | `read_orders`     | Required                                                      |
    | `write_orders`    | Required                                                      |
    | `read_customer`   | Required                                                      |
    | `write_customers` | Required                                                      |
    | `read_inventory`  | Required                                                      |
    | `read_locations`  | Optional — only if stock is managed across multiple locations |

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image19.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=56cbbc57b320be56cae6cd3ff98010d6" alt="Scopes selection 1" width="1378" height="538" data-path="shopify/images/image19.png" />

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image18.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=d17bcff26bf11ce2f2b8b65adebd76ec" alt="Scopes selection 2" width="1380" height="532" data-path="shopify/images/image18.png" />

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image20.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=5a58984daa94edb44beb51bd6f1abf96" alt="Scopes selection 3" width="1376" height="706" data-path="shopify/images/image20.png" />

    Click **Done** to save the configuration.
  </Step>

  <Step title="Set the Redirect URL and release">
    Confirm all required scopes are selected, then set the **Redirect URL** to:

    ```
    https://live.nocnocstore.com/shopify/oauth/callback
    ```

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image15.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=d5dc23a3058e34a11e6d6d41f2547d63" alt="Redirect URL" width="2048" height="1041" data-path="shopify/images/image15.png" />

    No action is required for the POS or App proxy sections.

    Click **Release** to create the version.
  </Step>

  <Step title="Name and release the version">
    Set the **Version name** to `onboarding_version` and click **Release**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image6.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=50f5112c1757f40e6a1b2c98f2a12135" alt="Release version" width="2048" height="948" data-path="shopify/images/image6.png" />
  </Step>

  <Step title="Save your Client ID and Secret">
    In the **Settings** section of the nocnoc app, save the following — you'll need to share them with your Account Manager:

    * **Client ID**
    * **Secret**

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image5.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=d72aa32d454ce069ddcb1e09c37878bb" alt="Client ID and Secret" width="2048" height="871" data-path="shopify/images/image5.png" />
  </Step>

  <Step title="Install the app">
    Go to the **Home** section of the nocnoc app and click **Install app**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image10.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=a38a4dbbd93c78718759282ce0e49e95" alt="Install app button" width="2048" height="909" data-path="shopify/images/image10.png" />
  </Step>

  <Step title="Select your store">
    In the window that opens, select the active Shopify store you want to connect to nocnoc.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image17.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=b5b304aea642d591512bd1a3afc53976" alt="Select store" width="2048" height="836" data-path="shopify/images/image17.png" />
  </Step>

  <Step title="Confirm permissions">
    Review the access permissions requested and click **Install**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image9.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=59b1e4a404644116237702e8b1e3cab5" alt="Confirm permissions" width="2048" height="855" data-path="shopify/images/image9.png" />

    <Note>
      After clicking Install, you'll be redirected to nocnoc's website — no action is needed there. Close that page and return to your Shopify Admin to continue.
    </Note>
  </Step>

  <Step title="Navigate to Webhooks">
    Close the Dev Dashboard and return to **Settings** in your Shopify Admin panel.

    Navigate to **Notifications → Webhooks**.

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image7.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=f7b3e2c2efe029e97f5c50912ced0a23" alt="Notifications and Webhooks" width="2048" height="1003" data-path="shopify/images/image7.png" />
  </Step>

  <Step title="Create two webhooks">
    Create the following two webhooks:

    **Webhook 1 — Product updates**

    | Field   | Value                                                    |
    | ------- | -------------------------------------------------------- |
    | Event   | Product Update                                           |
    | Format  | JSON                                                     |
    | URL     | `https://live.nocnocstore.com/shopify/webhooks/products` |
    | Version | Latest                                                   |

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image16.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=aba2a546eb0a86471e466ec18f5fc69f" alt="Webhook 1 - Product Update" width="2048" height="995" data-path="shopify/images/image16.png" />

    **Webhook 2 — Fulfillment creation**

    | Field   | Value                                                               |
    | ------- | ------------------------------------------------------------------- |
    | Event   | Fulfillment Creation                                                |
    | Format  | JSON                                                                |
    | URL     | `https://live.nocnocstore.com/shopify/webhooks/orders/fulfillments` |
    | Version | Latest                                                              |

    <img src="https://mintcdn.com/nocnoc/ejG3esvamOqUYYQL/shopify/images/image14.png?fit=max&auto=format&n=ejG3esvamOqUYYQL&q=85&s=82b23ca37189851a51bd8a3eb5ce3aed" alt="Webhook 2 - Fulfillment Creation" width="2048" height="1020" data-path="shopify/images/image14.png" />
  </Step>

  <Step title="Send configuration details to your Account Manager">
    Once all previous steps are complete, email your Account Manager with the following information to finish the integration setup:

    * **Store domain URL** (from Step 2) — the URL ending in `.myshopify.com` (e.g. `yourstore.myshopify.com`). Find it in **Settings → Domains**.
    * **Client ID** (from Step 9)
    * **Secret** (from Step 9)

    <Warning>
      Send your `.myshopify.com` URL, not your public website URL (e.g. `www.mystore.com`) — the public URL cannot be used for the integration.
    </Warning>
  </Step>
</Steps>