サービスをつなぐコネクタ
決済とストア
Stripe、Paddle、PayPal、Chargebeeで支払いを受け付けたり、すでに運営しているShopify、WooCommerce、PrestaShopのショップを表示したりします。それぞれの接続方法、頼める内容、できないことを説明します。
ここには7つのコネクタがあります。お金を受け取るものが4つ、すでにあるショップの商品を表示するものが3つです。接続の仕組みの全般については、コネクタをご覧ください。ここで作るショップがどんなものかは、オンラインストアと支払いをご覧ください。
| サービス | 用途 | 接続方法 |
|---|---|---|
| Stripe | カード決済、サブスクリプション、Stripeがホストするチェックアウトページ | ボタン、またはキー |
| Paddle | 税の処理を任せられる決済とサブスクリプション | キー |
| PayPal | 価格をご自身のPayPalアカウントで決める購入ボタン | クライアントIDと通貨 |
| Chargebee | カスタマーポータルつきのサブスクリプション課金 | サイト名とAPIキー |
| Shopify | Shopifyの商品を使ったショップのフロント | ストアのアドレスと公開トークン |
| WooCommerce | WooCommerceの商品を使ったショップのフロント | ショップのアドレスと読み取り専用のキー |
| PrestaShop | PrestaShopの商品を使ったショップのフロント | ショップのアドレスとwebserviceキー |
お金は常に、お客様とあなた自身のサービス上のアカウントの間で動きます。Setherionがお金を預かることはなく、返金、チャージバック、紛争にも関わりません。これらのいずれかを接続するときに、そのことを書いた1行にチェックを入れます。
Stripe
用途:Stripeがホストするチェックアウトページでの、1回払いとサブスクリプションです。購入者がカード番号をあなたのアプリに入力することはありません。
接続方法:Set up Stripeボタンを使います。Stripe自身のフォームに入力して戻ってくるだけで、キーは表示されません。先にアプリを公開してください。Stripeは公開中のサイトを確認し、制作中のサイトは断るためです。本人確認書類と銀行口座を求められます。キーを使うこともできます。公開可能キー(pk_で始まります)とシークレットキー(sk_で始まります)はStripeのAPIキーにあり、さらにWebhookの署名シークレット(whsec_で始まります)が必要です。
貼り付けたキーの場合のみ:Stripeのカードには、Stripeに追加するWebhookのアドレスが、コピー用のボタンとともに表示されます。イベントcheckout.session.completedとcheckout.session.async_payment_succeededに追加してください。ボタンを使う場合は、Webhookの設定は不要です。
頼む例:
- 「コース用のBuy nowボタンを追加して」
- 「月額プランとManage billingボタンを追加して」
- 「My ordersページを追加して」
起きること:注文は、Stripeが支払いが通ったと伝えたときに書き込まれ、ManageのPaymentsに表示されます。オンラインストアをご覧ください。
制限:アプリからできるのは、チェックアウトを始めること、その結果を読むこと、価格表を読むことです。返金、顧客、入金は、アプリからは扱えません。返金は、ManageのPaymentsか、Stripeで行います。Manage billingが使えるのは、そのアプリで何かを購入したことのあるログイン済みの人だけです。
Paddle
用途:Paddleが販売者として販売する決済とサブスクリプションで、VATや売上税の処理を任せられます。国をまたいで販売するときに向いています。
接続方法:キーを使います。Paddleの認証ページから取得します。
- Client-side Token(
live_で始まります。サンドボックスではtest_)。もともと公開してよい値なので、公開したアプリに組み込まれます。 - API Key(
pdl_live_apikey_またはpdl_test_apikey_で始まります)。Setherionのサーバーに置かれます。 - Webhook Secret(
pdl_ntfset_で始まります)。任意です。
頼む例:
- 「Paddleのチェックアウトを開くSubscribeボタンのあるProプランを追加して」
- 「チェックアウトが開く前に、価格と含まれる内容を表示して」
仕組み:チェックアウトは、訪問者のブラウザでPaddle自身のオーバーレイとして開きます。価格はPaddleのダッシュボードで作り、アプリはpri_のidでそれを使います。ページから金額を送ることはありません。ページを開いた誰もが書き換えられるからです。
制限:公開したアプリにはサーバーがないため、APIキーは使われません。test_で始まるトークンは、Paddleのサンドボックスでのみ動きます。Test connectionは、あなたのPaddleアカウントから商品を1つ読み取ります。
PayPal
用途:1つの商品を決まった価格で販売するBuyボタンです。価格、税、送料はPayPal側にあるので、ページを開いた誰もが支払う金額を変えられません。購入者はPayPal独自のウィンドウで、PayPalまたはカードで支払います。
接続方法:2つの値を使います。
- Client ID:PayPalでPay links and buttonsを開き、ボタンを選び、そのコードを開きます。
client-id=の後の値です。もともと公開してよい値です。 - Currency:
GBPやEURのような3文字で、PayPalのご自身のボタンと同じものにします。
先に、PayPalのボタンのページでボタンを作ってください。
頼む例:
- 「3点のプリントそれぞれにPayPalのBuyボタンを追加して」
- 「商品ページの価格の下にPayPalのボタンを置いて」
制限:各ボタンは、PayPalで決めた価格で1つの商品を購入します。カートはありません。誰かが支払っても、アプリには通知されません。PayPalがあなたと購入者にメールを送り、販売はアプリには記録されません。カート、アプリに保存する注文、サブスクリプションが必要なときは、代わりにStripeかPaddleを接続してください。コネクタのページにも同じことが書かれています。
Chargebee
用途:サブスクリプションの課金です。Subscribeボタンを押すとChargebeeのホスト型チェックアウトが開き、Manage billingボタンを押すとカスタマーポータルが開き、チームは顧客、サブスクリプション、請求書を確認できます。
接続方法:キーを使います。
- Site name:ダッシュボードのアドレスの
.chargebee.comの前の部分で、小文字です。 - API key:ChargebeeでSettings、Configure Chargebee、API Keys、Add API Keyの順に開きます。Write Key(作成、読み取り、更新ができ、削除はできません)を選びます。アプリに必要なのはそれだけです。
頼む例:
- 「Chargebeeのプランから料金ページを作り、それぞれにSubscribeボタンを付けて」
- 「ログイン済みの顧客向けにManage billingボタンを追加して」
- 「私のサブスクリプションと未払いの請求書を表示するチームのページを作って」
誰が何をできるか:訪問者は、チェックアウトを始めたり、課金ポータルを開いたり、料金ページのために販売中のプランと価格を読み取ったりできます。顧客、サブスクリプション、請求書、そしてプランと価格の変更はチームだけです。どのアカウントがチームかは、Manage、Cloud、Usersで指定します。
制限:ChargebeeのProduct Catalog 2.0を使うので、プランはitem priceになります。金額はペンスまたはセントで届きます。アプリからは削除できません。Permissionsでは、チェックアウト、ポータル、そして顧客、サブスクリプション、請求書、プラン、価格それぞれの読み取りと変更を、個別にオフにできます。
Shopify
用途:Shopifyのストアを使った、新しいショップのフロントです。商品、価格、在庫はShopifyに残り、購入者はShopify自身のチェックアウトページで支払います。
接続方法:2つの値を使います。
- Store domain:
.myshopify.comのアドレスです。お客様にはカスタムドメインを表示している場合でも、これを使います。 - Storefront API token (public):Shopifyの管理画面でSales channels、Headless、Create storefrontの順に開きます。その公開アクセストークンをコピーします。
Admin APIトークン(shpat_で始まります)は決して使わないでください。このトークンは公開したアプリに組み込まれ、誰でも読めるため、カードは受け付けません。
頼む例:
- 「私のShopifyストア用に新しいショップのフロントを作り、ホームページにコレクションを並べて」
- 「買い物客をShopifyのチェックアウトへ送るカートを追加して」
- 「私のShopifyの商品に検索とフィルターを追加して」
権限:Shopifyは異なります。アプリは公開トークンを使って、ページから直接Shopifyを呼び出すので、Setherion側にスイッチはありません。制限はShopifyで設定します。Sales channels、Headless、あなたのストアフロント、Storefront APIの横のManage、Permissionsの順に開きます。設定は、Headlessチャネルのすべてのストアフロントに適用されます。
制限:在庫、注文、支払いはShopifyに残ります。商品が在庫切れのときは、買い物客を先へ進める前に、アプリが何が変わったかを伝えます。
WooCommerce
用途:あなたの本物のWooCommerceの商品を表示し、購入者をご自身のチェックアウトへ送るショップのフロントです。
接続方法:キーを使います。
- Shop address:ショップが動いているアドレスで、後ろに
/wp-adminが付くものです。 - Consumer key(
ck_で始まります)とConsumer secret(cs_で始まります):WooCommerceでSettings、Advanced、REST API、Add keyの順に開き、PermissionsをReadにします。
どちらのキーも、Setherionのサーバーに置かれます。
頼む例:
- 「私のWooCommerceの商品をグリッドで表示し、それぞれにBuyボタンを付けて」
- 「各商品の写真と価格を載せたページを作って」
制限:アプリが読み取れるのは商品だけです。注文と顧客は拒否されるため、これでは注文履歴や顧客アカウントは使えません。購入はあなたのショップで行われます。ボタンは、商品を追加した状態で購入者をあなたのチェックアウトへ送ります。価格は、ショップが返すとおりに、ショップ自身の通貨で届きます。Test connectionは、商品を1つ読み取ります。
PrestaShop
用途:あなたの本物のPrestaShopの商品を表示し、購入者をショップ内の各商品のページへ送るショップのフロントです。
接続方法:キーを使います。
- Shop address:ショップが動いているアドレスで、後ろに
/adminが付くものです。 - Webservice key:32文字の英数字です。PrestaShopでAdvanced Parameters、Web service、Add new webservice keyの順に開き、productsで、「View (GET)」にチェックを入れます。
キーは、Setherionのサーバーに置かれます。
頼む例:
- 「私のPrestaShopの商品を写真と価格つきで表示して」
- 「各商品を私のショップのそのページにリンクして」
制限:アプリが読み取れるのは商品だけです。注文と顧客は拒否され、在庫数も取得できないため、アプリに「在庫あり」のバッジは表示されません。PrestaShopの価格は税抜きなので、アプリもそのように表示します。購入者は、バスケットに直接ではなく、あなたのショップの商品ページへ送られます。
知っておくと便利なこと
- Shopify、WooCommerce、PrestaShopを使ったショップのフロントは、商品を表示するためのものです。注文、在庫、支払いは、今ある場所に残ります。Setherionに移るものはありません。
- 決済、ショップ、データベースは、チームのワークスペースのメンバーに貸し出されることはありません。アカウントは、接続した人のものです。コネクタをご覧ください。
- サービスの接続を解除すると、それを使っているすべてのアプリが、ただちにそのサービスに届かなくなります。サービス側の価格と注文には影響しません。
このページは役に立ちましたか?
