1.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

Yoomの登録が完了していると、フローボットのテンプレートが「マイプロジェクト」にコピーされます。
ステップ2:Stripeからデータを取得する設定
1.マイプロジェクトを開く

画面左側のメニューから「マイプロジェクト」を開きましょう。
2.コピーしたテンプレートを開く
「【コピー】Stripeで支払いが行われたらSlackに通知する」をクリックします。
3.アプリトリガーを選択
Stripeのアイコンの「支払いが正常に完了したら」を選択してください。
次へを押します。
4.テスト実行

Stripeで行われた支払いデータをテスト送信します。
テストボタンを押し、青く「テスト成功」と表示がされたら次へ進みましょう。
5.テスト実行②

再びテストを行います。
テストボタンを押し「成功」と表示がされたら、保存を押してください。
ステップ3:Slackへ通知する設定
1.アプリトリガーを選択
Slackのアイコンの「チャンネルにメッセージを送る」をクリックします。
タイトルなどの設定は完了しているため、次へを押しましょう。
2.投稿先のチャンネルIDを設定する

どのチャンネルにStripeの支払い完了データを投稿するのか設定します。

ボックスをクリックするとチャンネルが一覧表示されるので、Stripeの支払い完了データを受け取りたいチャンネルを選択しましょう。
選択することでボックスに挿入され、設定が完了します。
3.メッセージ内容の設定

次はSlackに投稿するメッセージを設定します。
テンプレートを使用しているため既に設定は完了していますが、任意で変更することができます。
変更する場合のデータ挿入は以下の通りです。

Stripeのアイコンの「支払いが正常に完了したら」を選択します。

Stripeのデータが画像のように表示されます。
通知したい内容をクリックで挿入しましょう。

データが挿入できると画像のようになります。
他にも必要なデータがある場合、同じように挿入していきましょう。
4.レイアウトを整える
見やすくするために、レイアウトを整えましょう。

今回は画像のようにしました。
改行や記号を用いることで見やすくなるため、好みのレイアウトに変更しましょう。
また、メンションを付けることも可能です。詳しくはボックス下部の補足をご確認ください。
5.テストの実行
レイアウトを整えたら、画面下にあるテストボタンを押します。
テスト成功の表示がされたら、設定は完了です。保存をしましょう。
6.トリガーをONにする

フローボットの作成が完了すると、上記のような表示がされます。
トリガーは初期設定ではOFFの状態なので、ONにしましょう。
以上でStripeとSlackのアプリ連携の作成は完了です。
今回使用したフローボットテンプレート
Stripeで支払いが行われたらSlackに通知する