1.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。
マネーフォワード 掛け払いのトリガー設定
画面左側のマイプロジェクトから「【コピー】マネーフォワード 掛け払いの請求書発行が完了したら、Chatworkに通知する」をクリック!右上の編集するを押しましょう。
↓
マネーフォワード 掛け払いのアイコンの「請求書発行が完了したら」を押します。
テンプレートを利用したことによりあらかじめ必要項目は入力されているので、マネーフォワード 掛け払いと連携するアカウント情報が正しいか確認してから次へをクリック!
画像の赤枠内に沿ってWebhookの設定をしましょう。
まずはマネーフォワード掛け払いのページに移動します。その後、左側のタブから会社名を選択。
そうするとメニューが開くので、開発者向け→Webhookをクリックします。
その後は右上のボタンを押しましょう。
ここまできたらYoomの画面に表示されていたWebhookURLをコピーします。
コピーしたWebhookURLを、上記画面のURL部分に入力しましょう。
後はsecretを入力して画像の通り設定できたら追加を押します。
ここまで完了したら、テストをするためマネーフォワード 掛け払いで請求書の発行をしてみましょう。
請求書の発行をした後にYoomの画面にもどると、テストというボタンがあるのでクリック!
青く「テスト成功」と表示されたのが確認できたら保存をしてくださいね。
請求情報を取得
マネーフォワード 掛け払いのアイコンの「請求情報を取得」を押します。
こちらに関してもテンプレートを利用したことによりあらかじめ必要項目は入力されているので、マネーフォワード 掛け払いと連携するアカウント情報が正しいか確認してから次へをクリック!
↓
画像の通り設定しましょう。と言っても、テンプレートを使用しているため設定はほぼ完了しています!
ここにもテストというボタンがあるのでクリック!青く「テスト成功」と表示されたのが確認できたら保存をして、この設定は終了です。
顧客情報の取得
マネーフォワード 掛け払いのアイコンの「顧客情報の取得」を押します。
ここも先ほどに同じく必要項目は入力されているので、アカウント情報が正しいか確認してから次へをクリック!
↓
この設定も画像と同じようにしましょう。
完了したらテストボタンをクリックして、青く「テスト成功」と表示されたら保存を押します。
Chatworkの設定
Chatworkのアイコンの「Chatworkに通知する」を押します。
ここまでの流れと同じく、Chatworkと連携するアカウント情報が正しいか確認してから次へをクリックしましょう。
↓
マネーフォワード 掛け払いで請求書の発行が完了した旨を通知するルームIDを決めましょう。
ボックス内をクリックするとChatworkのチャンネルが全て表示されるので、クリックでチョイスしてくださいね。
↓
次が最後の設定です!
Chatworkに通知するメッセージはテンプレートを使用したため画像のように入力されている状態です。
そのため、テストをクリックし、Chatworkにメッセージが届いているかどうかの確認をするだけでOKです!
無事にChatworkにメッセージが届けば、これにてマネーフォワード 掛け払いとChatworkの連携は完了です。お疲れ様でした!
今回はテンプレートを使用したことにより時短でフローボットの作成ができました!
Yoomにはこれ以外にもたくさんのフローボットテンプレートが用意されているので、ぜひご覧ください。