接続方法は2つ。 ArtDropを Shopify App Store からインストールしてショップを承認するか、getartdrop.comでArtDropを直接購入した場合は、ShopifyのDev Dashboardでご自身が所有するアプリレコードを作成し、Client IDとSecretをArtDropに貼り付け、商品と出品データへの接続を承認します。
直接購入の場合、ご自身が所有する接続ではShopifyの認可フローとAdmin APIを使います。以下では、その接続方法を説明します。
作成するものは Shopify上のアプリレコード
Shopifyでは、接続用のレコードをアプリと呼びます。ArtDropの場所とストアのどの部分へのアクセスを許可するかを、短いフォームに入力します。アプリレコードはShopifyのDev Dashboardで管理し、認可とアクセストークンはArtDropが処理します。
設定の大半はコピーと貼り付けです。ArtDropでは接続入力欄の横に最新のApp URL、リダイレクトURL、権限一覧を表示するため、設定に必要な情報を1画面で確認できます。
開始前の 準備
- ArtDropにサインインして、 設定 → 1 ストアフロント を開きます。
- Shopifyの所有者、管理者、またはShopifyの アプリ開発者 ロールが割り当てられたユーザーのアカウントを使います。
- ShopifyのDev Dashboardには、最新版のChromeまたはFirefoxを使ってください。
- ストア固有の
yourstore.myshopify.comドメインを用意してください。Shopify管理画面の 設定 から ドメイン で確認できます。公開用に独自ドメインを使っている場合も、このアドレスを使用します。
Shopify公式の Dev Dashboardガイド では、既存のシステムをストアに接続する簡単な方法として紹介されています。ArtDropは必要な設定値を1画面にまとめています。
ShopifyをArtDropに接続する 現在の手順
ArtDropで、 設定 → 1 ストアフロント を開き、 Shopifyストアを接続する を選びます。このタブは開いたままにしてください。以降で使うURLとスコープ一覧が表示されています。
次のページを開きます： dev.shopify.com/dashboard。次に、 アプリ を選び、 アプリを作成 をクリックして、 Dev Dashboardから開始 を選びます。短い名前、例えば ArtDrop を付けて、 作成 をクリックします。
「 バージョンを作成 」画面で、3項目を変更します。
App URL： https://app.getartdrop.com
Shopify管理画面へのアプリの埋め込み： チェックを外します
リダイレクトURL： https://app.getartdrop.com/
ほかのバージョン設定は既定値のままにします。
次の項目までスクロールし、 アクセス から スコープ に、この一覧をそのまま貼り付けます。
write_products,
画面右上の リリース をクリックします。Shopifyでバージョンの確認を求められたら、任意の名前とメッセージは空欄のまま、 リリース をもう一度クリックします。
左サイドバーで、 設定 を開きます。 認証情報 カードでClient IDをコピーします。Secretの横の目のアイコンをクリックして表示し、Secretをコピーします。ほかのアカウント認証情報と一緒に保管し、ArtDropの入力欄に貼り付けてください。
ArtDropのタブに戻ります。ストアの yourstore.myshopify.com ドメインを入力します。 https:// や末尾のスラッシュは付けません。Client IDとClient Secretを貼り付けて、 自分のPartnerアプリ経由でインストール をクリックします。
Shopifyにインストール画面と要求される権限が表示されます。内容を確認して、 インストール をクリックします。ArtDropに戻っただけでは接続完了とは確認できません。ショップが接続済みと表示されない場合は、再び認可を試す前に「ストアフロント」を再読み込みして、そのショップを確認してください。
ArtDropに戻ったら、ストアが接続済みと表示されていることを確認します。初めてドロップする前に、 Shopify接続をテスト で認証情報を確認することもできます。
この接続を使う 現在のメリット
Shopify OAuthとAdmin APIを使用
Shopifyの認可フローとAdmin APIを使って接続します。接続後、ArtDropは標準のShopify商品を作成してストアに公開し、出品文とSEO項目の作成、ファイルの追加、ArtDropが使うナビゲーションとコレクションの構築を行えます。
作業に対応した権限
Shopifyでは、商品、ファイル、公開、オンラインストアのナビゲーションが別々のスコープに分かれています。これらを合わせて、ArtDropが行うカタログとストアフロントの作業に対応します。注文、顧客、決済、売上、フルフィルメントは、ご自身のストアと印刷プロバイダーが引き続き担当します。
アプリはご自身で管理
アプリレコードはご自身のShopify Dev Dashboardにあり、いつでも接続を管理できます。ArtDropが作成した商品は標準のShopify商品で、ご自身のアカウントのカタログに残ります。
今日からカタログ作成を開始
直接接続すると、ArtDropは必要なカタログとストアフロントへのアクセス権を得ます。直接購入していない場合は、Shopify App Storeからのインストールがより簡単です。
よくある質問： 現在の設定方法
ShopifyをArtDropに接続するには、どの程度の技術的な作業が必要ですか。
設定はブラウザ上で行います。ShopifyのDev Dashboardでアプリレコードを作成し、ArtDropに表示された設定を貼り付け、バージョンをリリースして、Client IDとSecretをコピーします。認可とトークン交換はArtDropが処理します。
既存のShopify Admin API access tokenを使えますか。
はい。ArtDropは既存のshpat_形式のAdmin API access tokenを受け付けます。新しい接続には、ArtDropのShopify接続カードに表示されるClient IDとClient Secretの手順を使ってください。Shopifyの現在のDev Dashboard設定に対応しています。
後からShopify接続を管理する場所はどこですか。
ストア接続はArtDropで、アプリレコードはShopifyのDev Dashboardで管理します。Shopifyですでに作成した商品は、販売者のカタログに残ります。
インストールは Shopify App Store から行えます。直接購入した場合は、ShopifyのDev Dashboardで販売者所有のアプリレコードを作成して接続できます。直接購入向けの最新URL、スコープ、各入力項目の手順は、ArtDropの次の場所で確認できます。 設定 → 1 ストアフロント。