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

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

https://twitter.com/zapier/status/1486006300752424963

https://twitter.com/no_code_hero/status/1486121248903995395

## Notice

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

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

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

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

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

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

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

![スクリーンショット 0004-01-26 12.22.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/83a8edd1-6006-9300-b304-e964a2cef020.png)

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

![スクリーンショット 0004-01-26 12.24.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/86890730-fce1-5e12-bf83-0329cf95c114.png)

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

![スクリーンショット 0004-01-26 12.25.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/ac850571-5cfc-8c04-265e-e38165928c59.png)

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

## Stripeの連携設定を行う

![スクリーンショット 0004-01-26 12.26.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/16f0defb-a389-0f52-8d17-02815f0cbbe8.png)

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

![スクリーンショット 0004-01-26 12.26.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/7ca10619-3f94-3ddf-cf30-af24f706fade.png)

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

![スクリーンショット 0004-01-26 12.28.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/199efcee-38dd-d5b3-14c6-9c589d549160.png)

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

![スクリーンショット 0004-01-26 12.29.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/6dd250c1-8594-6124-fd50-9d33ab5860b8.png)

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

![スクリーンショット 0004-01-26 12.36.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/fd652358-e356-3400-18cc-9eabb86c57cb.png)

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

![スクリーンショット 0004-01-26 12.38.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/057acb38-317c-75b2-36ac-7df5211ad1b9.png)

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

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

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

![スクリーンショット 0004-01-26 12.40.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/d09d58f1-dd90-4d1e-7d2e-405fd660678d.png)

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

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

![スクリーンショット 0004-01-26 12.41.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/7d07629f-1cb2-cbb9-8970-c312c8b320cf.png)

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

![スクリーンショット 0004-01-26 12.43.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/630a39d3-d8a1-67bd-1c96-a0ffe41b39fd.png)

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

![スクリーンショット 0004-01-26 12.44.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/71efbfde-92bf-899b-8593-4f6408f5e281.png)

これで設定完了です。

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

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

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

![スクリーンショット 0004-01-26 12.50.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/93a091f5-a741-d88a-6d60-d5b6be86116e.png)

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

![スクリーンショット 0004-01-26 12.50.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/ac6fab9e-6a5c-961c-0795-48277875044a.png)

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

![スクリーンショット 0004-01-26 12.52.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/3da1418e-41ab-cdc8-fc59-655fbbac3780.png)

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

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

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

![スクリーンショット 0004-01-26 12.55.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/e20cb8b3-3eb9-ce51-6ab9-ff45981d79a6.png)

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

![スクリーンショット 0004-01-26 12.57.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/1dcabdb8-4e3f-39ca-65c8-26563c7c463d.png)

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

![スクリーンショット 0004-01-26 12.58.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/c663d0d6-9357-11bc-5912-23213375fcc0.png)

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

![スクリーンショット 0004-01-26 12.58.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/96ee8986-cb7b-b6d2-ef54-f307ba8076c7.png)

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

![スクリーンショット 0004-01-26 13.00.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/78b6906d-e4b7-caa4-4679-7d9b4e515a11.png)

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

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

![スクリーンショット 0004-01-26 13.04.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/918f7c59-ba5b-e859-34a7-c886e6abe210.png)

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

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

![スクリーンショット 0004-01-26 13.07.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/46498ef5-5089-2721-6b1b-f9725d338d35.png)

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

![スクリーンショット 0004-01-26 13.08.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/3d02f036-5a14-3217-ea00-2e0d70003fcb.png)

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

![スクリーンショット 0004-01-26 13.09.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/c0a6792c-1c99-457c-0e5f-03857c9f6116.png)

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

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

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

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

![スクリーンショット 0004-01-26 13.16.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366300/98ed1227-a71a-f74c-2cd0-bfa4f5429df1.png)

#　関連リンク

https://zapier.com/apps/stripe-beta/integrations



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

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

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

# [PR] Stripe開発者向け情報をQiitaにて配信中！
2021年12月よりQiitaにて、Stripe開発者のためのブログ記事更新を開始しました。

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

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

-> [Stripe Organizationsをフォローして最新情報をQiitaで受け取る](https://qiita.com/organizations/stripe)