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

# Shopify

export const CommonAuthSchemeOauthCustom = ({siteName = "CData Sync", siteNameShort = "Sync", datasource = "the data source"}) => {
  return <>
      <p>To connect with OAuth custom credentials, specify the following properties:</p>
      <ul>
        <li><strong>Auth Scheme:</strong> Select <strong>OAuth</strong>.</li>
        <li><strong>OAuth Client Id:</strong> Enter the client Id that you were assigned when you registered your application with an OAuth authorization server.</li>
        <li><strong>OAuth Client Secret:</strong> Enter the client secret that you were assigned when you registered your application with an OAuth authorization server.</li>
      </ul>
    </>;
};

export const CommonDatasourceMoreInformation = ({datasource = "the data source", advancedurl = "", siteName = "CData Sync", driverVersion = ""}) => {
  return <>
      <p>
        For more information about interactions between {siteName} and {datasource}, see{' '}
        <a href={`https://cdn.cdata.com/help/${advancedurl}${driverVersion}/synch/default.htm`}>
          {datasource} Connector for {siteName}
        </a>.
      </p>
    </>;
};

export const CommonDatasourceAddConnector = ({datasource = "the data source", title = "the connector", destination = false, siteNameShort = "Sync"}) => {
  return <>
      <p>
        To enable {siteNameShort} to use data from {datasource}, you first must add the
        connector, as follows:
      </p>
      <ol>
        <li>Open the <strong>Connections</strong> page of the {siteNameShort} dashboard.</li>
        <li>Click <strong>Add Connection</strong> to open the <strong>Select Connectors</strong> page.</li>
        <li>
          Click the <strong>{destination ? "Destinations" : "Sources"}</strong> tab and locate
          the <strong>{title}</strong> row.
        </li>
        <li>
          Click the <strong>Configure Connection</strong> icon at the end of that row to open
          the <strong>New Connection</strong> page. This action opens the{' '}
          <strong>Add Connection</strong> dialog box.
          <br />
          <strong>Note:</strong> If the <strong>Configure Connection</strong> icon is not
          available, click the <strong>Download Connector</strong> icon to install
          the {title} connector.
        </li>
        <li>Enter a name for your connection in the <strong>Add Connection</strong> dialog box.</li>
        <li>Click <strong>Add</strong> to open the <strong>Settings</strong> tab for your connector.</li>
      </ol>
      <p>
        For more information about installing new connectors, see{' '}
        <a href="../connections">Connections</a>.
      </p>
    </>;
};

export const CommonDatasourceIntroSource = ({datasource = "the data source", siteName = "CData Sync"}) => {
  return <p>
      You can use the {datasource} connector from the {siteName} application to capture data
      from {datasource} and move it to any supported destination. To do so, you need to add
      the connector, authenticate to the connector, and complete your connection.
    </p>;
};

export const driverVersion = "M";

export const siteNameShort = "Sync";

export const siteName = "CData Sync";

export const datasource = "Shopify";
export const pageTitle = "Shopify";
export const advancedurl = "FO";
export const oauthschemes = "OAuth";

<CommonDatasourceIntroSource datasource={datasource} siteName={siteName} />

## Add the Shopify Connector

<CommonDatasourceAddConnector datasource={datasource} title={pageTitle} destination={false} siteNameShort={siteNameShort} />

## Authenticate to Shopify

After you add the connector, you need to set the required properties.

**Shop URL:** Enter the URL to your Shopify shop.

{siteName} supports authenticating to {pageTitle} in several ways. Select your authentication method below to proceed to the relevant section that contains the authentication details.

* [**OAuth**](#oauth) (default)
* [**Access Token**](#access-token)

### OAuth

<CommonAuthSchemeOauthCustom siteName={siteName} siteNameShort={siteNameShort} datasource={datasource} />

### Access Token

To connect with an access token, specify the following properties:

* **Auth Scheme:** Select **AccessToken**.
* **Access Token:** Specify your {datasource} access token. To obtain a token, follow these steps:
  1. Log in to your {datasource} site from the admin page and select **Apps > Apps and sales channels**.
  2. Click **Develop apps** and select **Create an app**.
  3. On the **Overview** tab, click **Configure Admin API scopes** and select the access permissions for the store that you want to grant to your application. The following permissions are required in order for the {siteNameShort} connector to use all the tables and views:
     * read\_assigned\_fulfillment\_orders, write\_assigned\_fulfillment\_orders
     * read\_content, write\_content
     * read\_customers, write\_customers
     * read\_draft\_orders, write\_draft\_orders
     * read\_fulfillments, write\_fulfillments
     * read\_gift\_cards, write\_gift\_cards
     * read\_inventory, write\_inventory
     * read\_marketing\_events, write\_marketing\_events
     * read\_orders, write\_orders
     * read\_price\_rules, write\_price\_rules
     * read\_product\_listings, write\_product\_listings
     * read\_products, write\_products
     * read\_reports, write\_reports
     * read\_script\_tags, write\_script\_tags
     * read\_shopify\_payments\_payouts
     * read\_themes, write\_themes
     * read\_markets
     * read\_shopify\_payments\_accounts
     * read\_publications
     * unauthenticated\_read\_content (Storefront API)
  4. Click **Save**.
  5. Select **API Credentials**.
  6. Under **Access tokens**, click **Install app**. This action creates your access token.
  7. Copy the access token that is displayed under **Admin API Access token** and paste it in the **Access Token** field in {siteNameShort}.

     <Note>The token can be revealed and copied only once.</Note>

## Complete Your Connection

To complete your connection:

1. For **Schema**, select the {datasource} server version to which you want to connect. The default server version is **GRAPHQL-20204-07**.
2. Define advanced connection settings on the **Advanced** tab. (In most cases, though, you should not need these settings.)
3. {oauthschemes ? `If you authenticate with ${oauthschemes}, click` : "Click"} **Connect to {datasource}** to connect to your {pageTitle} account.
4. Click **Create & Test** to create your connection.

## More Information

<CommonDatasourceMoreInformation datasource={datasource} advancedurl={advancedurl} siteName={siteName} driverVersion={driverVersion} />