LoginSignup
2
0

More than 1 year has passed since last update.

ZapierでStripe Payment Links(支払いリンク)を利用した決済ワークフローを作成できるようになりました

Last updated at Posted at 2022-01-26

今週ローンチしたPayment Links(支払いリンク) APIですが、さっそくZapierから連携機能のリリースがありました。

Notice

この記事を作成している時点では、支払いリンクに関する機能はベータ版として提供されています。

今後Zapier側のアップデートで変更される可能性もありますので、ご注意ください。

新しいStripeアプリ(Beta)でできること

Zapierが新しくリリースしたアプリでは、以下の機能が提供されています。

  • 支払いリンクが作成された時に、Zapierのワークフローを実行する
  • Zapierのワークフローで、支払いリンクを作成する

支払いリンクが作成された時に、Zapierのワークフローを実行する

支払いリンクを作成した時に、ワークフローを実行したい場合、Connect this app...Stripe(Beta)を設定します。

スクリーンショット 0004-01-26 12.22.08.png

What this happens...にはNew Payment Linkを設定します。

スクリーンショット 0004-01-26 12.24.05.png

今回のサンプルでは、Gmailでのメール送信を行います。

スクリーンショット 0004-01-26 12.25.08.png

[Try it]をクリックすると、ワークフロー設定画面に移ります。

Stripeの連携設定を行う

スクリーンショット 0004-01-26 12.26.16.png

Sign in to Stripe(Beta)をクリックすると、Stripe Dashboardへのログイン画面が表示されます。

スクリーンショット 0004-01-26 12.26.45.png

複数のアカウントを所有している場合、どのアカウントと連携するかを指定する必要があります。

スクリーンショット 0004-01-26 12.28.27.png

また、本番環境の利用申請が未完了のアカウントでは、以下のようにビジネスの情報を入力する必要がありますのでご注意ください。

スクリーンショット 0004-01-26 12.29.11.png

連携が完了すると、イベント送信テストを行う画面が表示されます。

スクリーンショット 0004-01-26 12.36.47.png

実行すると、Stripe Webhookから送信されるデータのプレビューができます。

スクリーンショット 0004-01-26 12.38.48.png

Continueをクリックして続行しましょう。

受信したデータを元にGmailでメールを送信する

あとは受信したデータを利用してアクションを行うだけです。

スクリーンショット 0004-01-26 12.40.30.png

Send Emailを指定して、Continueをクリックしましょう。

送信するメールの設定を行います。

スクリーンショット 0004-01-26 12.41.46.png

本文にurlを挿入しましょう。

スクリーンショット 0004-01-26 12.43.25.png

動作確認をした上で、Turn on Zapをクリックしましょう。

スクリーンショット 0004-01-26 12.44.03.png

これで設定完了です。

実際にワークフローを動かしてみる

あとは実際にワークフローを実行してみましょう。

Stripe Dashboardの本番環境で、支払いリンクを作成します。

スクリーンショット 0004-01-26 12.50.52.png

あとはメールが実際に届くかどうかを確認するだけです。

スクリーンショット 0004-01-26 12.50.30.png

「メールが届かないな・・・?」と思われた時は、ZapierのZap Historyを確認しましょう。

スクリーンショット 0004-01-26 12.52.50.png

Zapierのワークフローで、支払いリンクを作成する

今度は反対に、「何かのアクションを受けて、支払いリンクを作成する」ワークフローを試してみましょう。

新しいZapでは、以下のように設定します。

スクリーンショット 0004-01-26 12.55.55.png

特定のタイトルでワークフローが動作するように、設定します。今回は、タイトルに「Payment Links Demo」が含まれていることを条件にしました。

スクリーンショット 0004-01-26 12.57.03.png

Stripe側では、まずCreate Payment Linkを選択します。

スクリーンショット 0004-01-26 12.58.16.png

どのアカウントでリンクを作成するかを選択後、作成する支払いリンクの設定画面が表示されます。

スクリーンショット 0004-01-26 12.58.55.png

テストアクションを実行し、エラーが発生しなければ、こちらも登録完了です。

スクリーンショット 0004-01-26 13.00.22.png

対象のメールアドレスに、Payment Links Demoをタイトルに含むメールを送信してみましょう。

メール受信後、すこし時間がかかることもある様子ですが、数分程度で支払いリンクが作成されます。

スクリーンショット 0004-01-26 13.04.20.png

+1: 作成した支払いリンクを、送信元に返送する

ここでGmailを3つめのアクションを追加してみましょう。

スクリーンショット 0004-01-26 13.07.56.png

Toにトリガーの値に含まれるFromのアドレスを設定します。

スクリーンショット 0004-01-26 13.08.19.png

そしてBodyに支払いリンクのURLを設定しましょう。

スクリーンショット 0004-01-26 13.09.03.png

これで、「特定の内容のメールを受信した場合に、自動的に支払いリンクを返送するワークフロー」が完成しました。

[Appendix]注文後の処理も自動化したい場合

(Beta)マークの付いていないStripeをトリガーに設定したワークフローを作成しましょう。

こちらは決済や顧客データの作成をきっかけにワークフローを起動できるイベントが提供されています。

スクリーンショット 0004-01-26 13.16.22.png

 関連リンク

おわりに

Zapierを利用することで、普段の業務で利用する様々なアプリケーションを連携させたワークフローが作成できます。

Stripeの支払いリンクが連携できるようになったことで、決済が関係するワークフローを作る自由度が格段にあがりました。

スプレッドシートやSlack・HubSpotなど、さまざまなトリガーを利用して、ぜひ「あなたの支払いリンクワークフロー」を作成してみてください。

[PR] Stripe開発者向け情報をQiitaにて配信中!

2021年12月よりQiitaにて、Stripe開発者のためのブログ記事更新を開始しました。

  • [Stripe Updates]:開発者向けStripeアップデート紹介・解説
  • ユースケース別のStripe製品や実装サンプルの紹介
  • Stripeと外部サービス・OSSとの連携方法やTipsの紹介
  • 初心者向けのチュートリアル(予定)

など、Stripeを利用してオンラインビジネスを始める方法について随時更新してまいります。

-> Stripe Organizationsをフォローして最新情報をQiitaで受け取る

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0