![Shopifyに後払い決済を導入しよう!SmartpayとShopifyを連携するための簡単3ステップ](https://images.ctfassets.net/cgjlso87nzkr/6sCRE2ANL1OTwCOu6DVpBa/3053caa509b29c4334c0a0a4b156243d/Blog_shopify_0_pc.png)
![Blog shopify 1](https://images.ctfassets.net/cgjlso87nzkr/2Izai670OSYBzjyLi6qTq9/26bef5b9569d7797995df2dab5747889/Blog_shopify_1.png)
後払い決済サービス「Smartpay(スマートペイ)」が、Shopifyで連携できます。連携作業はたったの2分で完了!今すぐ、あなたのShopifyストアにSmartpayを導入してみませんか?ここでは、連携作業を3つのステップでわかりやすく解説します。
SmartpayとShopifyを連携するための簡単3ステップ
1. アプリをインストールする
2. APIを認証する
3. Smartpayを有効にする
ステップ① アプリをインストールする
まず、「Shopify app store」を開きます。アプリストアの画面にある、「アプリを追加する」ボタンをクリックします。
![Blog shopify 2](https://images.ctfassets.net/cgjlso87nzkr/3LSV5O78gMrZ0p4vARkPSx/43e7d0836debc161d00eb5927cf33888/Blog_shopify_2.png)
右上にある「アプリをインストール」をクリックします。
![Blog shopify 3](https://images.ctfassets.net/cgjlso87nzkr/3veX4Lj0twswo2SyF2estY/8f47eed88dd55e87a33e716d650e701d/Blog_shopify_3.png)
ステップ② APIを認証する
次に、APIの認証作業を行います。「Smartpay設定」の画面で、「Test Secret Key」と「Live Secret Key」の2つのキーを入力します。
![Blog shopify 4](https://images.ctfassets.net/cgjlso87nzkr/61aw4pKTfQDvD1zLpvp4hw/c9abdc1dd3154c97551e70af6e62b281/Blog_shopify_4.png)
「Test Secret Key」と「Live Secret Key」を確認するためには、Smartpayの管理画面を別タブで開きます。管理画面で「プロフィール」 → 「設定」 → 「開発者」を順番に選択すると、APIキーを確認できます。
![Blog shopify 5](https://images.ctfassets.net/cgjlso87nzkr/1S1lnkleiPOE5UGWk2ieF1/066e121fef49b8088452034890d5cc16/Blog_shopify_5.png)
※こちらの画面はテスト環境のため2つのキーしか表示されていませんが、実際の画面では4つ表示されます。
「Test Secret Key」と「Live Secret Key」をコピーして、Smartpay設定画面に戻って、2つのキーを入力します。入力したあとは、保存(Save)ボタンをクリックしてください。
ステップ③ Smartpayを有効にする
最後に、Smartpayを有効にします。Shopifyの「設定」 をクリックします。
![Blog shopify 6](https://images.ctfassets.net/cgjlso87nzkr/a5HmX0SmhtvIJWzexdlDV/88747e156ff5117031f1377dc4f8dc83/Blog_shopify_6.png)
左タブから「決済」を選択してください。
![Blog shopify 7](https://images.ctfassets.net/cgjlso87nzkr/67P7JCh3yyGzltQBbcybWy/35ad652a966f4cf941c0b830123b4231/Blog_shopify_7.png)
下にスクロールすると「サポートされている決済方法」 があります。その一番下にある「決済方法を追加」をクリックします。
![Blog shopify 8](https://images.ctfassets.net/cgjlso87nzkr/4Fyv7SzfEMMuYEKgCDssuM/51cc184de755f5e1c34e3c0fc25ab395/Blog_shopify_8.png)
決済方法で「Smartpay」と検索します。
![Blog shopify 9](https://images.ctfassets.net/cgjlso87nzkr/7JPnPSxOF45zinPKJp1iqQ/43cf8093a0eb3bdd696755fdb5bf0d78/Blog_shopify_9.png)
続いて、緑色のボタン「有効にする」をクリックします。
![Blog shopify 10](https://images.ctfassets.net/cgjlso87nzkr/2elX14dpFxjqrNnrtezxyY/2c5565f3f7c6448a2701693d1cf9b43e/Blog_shopify_10.png)
ここで、「Visa」「Mastercard」「JCB」「American Express」「Smartpay」にチェックが入っていることを確認してください。「テストモードを使用する」にチェックがある場合は、チェックを外します。 (テストを行う場合はこちらをご参照ください)
![Blog shopify 11](https://images.ctfassets.net/cgjlso87nzkr/ZhbCF5P0Gv9JoGsrPzPmo/57a5573976f63984d0627fa23c91b3af/Blog_shopify_11.png)
緑色のボタン「クレカで無料分割払い(Smartpay)を有効化する」をクリックします。
![Blog shopify 12](https://images.ctfassets.net/cgjlso87nzkr/5tdRvhrFJkH6fOZhARL899/18aad719674c43451f55cdfa760ece4b/Blog_shopify_12.png)
左タブの「決済」に戻って、「サポートされている決済方法」にSmartpayが追加されたことを確認してください。Smartpayが表示されている場合は、連携完了です。
![Blog shopify 13](https://images.ctfassets.net/cgjlso87nzkr/2Xm7uYsFy5HLqhqaMeUdHm/0c01d32f4ffeef04b9812ca6b3ab7062/Blog_shopify_13.png)
いかがでしたか?詳しい操作方法を知りたい場合は、こちらのガイドにある動画もあわせてご覧ください。
すでにSmartpayを導入されている事業者様で、Shopifyストアとの連携をご希望され、サポートが必要な場合は、いつでもSmartpayのカスタマーサポート担当者へお問い合せください。