1.上のバナーの「詳細を見る」をクリック
2.移行した画面下部の「このテンプレートを試してみる」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。
StripeとLINEの連携フローの作り方
ステップ1：StripeとLINEをマイアプリ連携
Yoomの登録が完了すると、フローボットのテンプレートが「マイプロジェクト」にコピーされます。
画像のような表示がされたら、左側にあるメニューから「マイアプリ」を選択してください。
右上の新規接続ボタンをクリックします。
ボックスに連携するアプリ名を入力しましょう。
StripeとYoomの連携
1.検索する
ボックスに「Stripe」と入力し、Stripeのアイコンを選択してください。
2.必須項目の入力
アカウント名とアクセストークンを入力します。
アカウント名は任意のネーミングにしましょう。会社名や担当者名などのわかりやすいものがおすすめです。
アクセストークンに関して、詳しくはStripeのマイアプリ登録方法をご確認ください。
3.追加する
アカウント名とアクセストークンの入力ができたら、右下の追加ボタンを押してください。
画面が切り替わり、上記の表示がされれば連携完了です。
LINEとYoomの連携
1.トークルームの作成
グループLINEに通知をする場合は、あらかじめルームを作成しておきましょう。
2.検索する
LINEのアイコンをクリックします。
※LINE公式アカウント、LINE、LINE WORKSの3種類があるため、ご注意ください。今回の連携で使用するのは「LINE」となります。
3.ログインする
上記の画面に移行します。赤枠の任意の方法で登録しましょう。
QRコードの場合、ログインが素早く完了するためおすすめです。
4.トークルームを決める
先に進むと上記の画面に移行します。
赤丸の部分がトークルームのアイコン、赤枠の部分が選択したトークルームになっています。
LINEに登録済みのトークルームが一覧表示されるため、Stripeで行われた支払いデータを受け取りたいルームを選択し、「同意して連携する」を押してください。
5.連携完了
画面が切り替わり、上記の表示がされれば連携完了です。
以上でStripeとLINEの連携が完了しました。
次はコピーしたテンプレートを用いて、フローボットの設定に参ります。
ステップ2：Stripeからデータを取得する設定
1.マイプロジェクトを開く
画面左側のメニューから「マイプロジェクト」を開きましょう。
2.コピーしたテンプレートを開く
「【コピー】Stripeで支払いが行われたらLINEに通知する」をクリックします。
3.アプリトリガーを選択Stripeのアイコンの「支払いが正常に完了したら」を選択してください。
次へを押します。
4.テスト実行
Stripeで行われた支払いデータをテスト送信します。
テストボタンを押し、青く「テスト成功」と表示がされたら次へ進みましょう。
5.テスト実行②
再びテストを行います。
テストボタンを押し「成功」と表示がされたら、保存を押してください。
ステップ3：LINEに通知を行う設定
1.アプリと連携するLINEのアイコンの「トークルームにメッセージを送信」をクリックします。
タイトルなどの設定は完了しているため、次へを押しましょう。
2.メッセージ内容の設定
次はLINEに投稿するメッセージを設定します。
テンプレートを使用しているため既に設定は完了していますが、任意で変更することができます。
変更する場合のデータ挿入は以下の通りです。
Stripeのアイコンの「支払いが正常に完了したら」を選択します。
Stripeのデータが画像のように表示されます。
通知したい内容をクリックで挿入しましょう。
データが挿入できると画像のようになります。
他にも必要なデータがある場合、同じように挿入していきましょう。
3.レイアウトを整える
見やすくするために、レイアウトを整えましょう。
今回は画像のようにしました。
改行や記号を用いることで見やすくなるため、好みのレイアウトに変更しましょう。
4.テストの実行
レイアウトを整えたら、画面下にあるテストボタンを押します。
テスト成功の表示がされたら、設定は完了です。保存をしましょう。
5.トリガーをONにする
フローボットの作成が完了すると、上記のような表示がされます。トリガーは初期設定ではOFFの状態なので、ONにしましょう。
以上でStripeとLINEのアプリ連携の作成は完了です。
今回使用したフローボットテンプレート
Stripeで支払いが行われたらLINEに通知する
.avif)
.webp)
.webp)
