マイプロジェクトにテンプレートがコピーされます。赤枠内のタイトルをクリックすると、フローボットの設定画面に移動します。

ステップ3 アプリトリガー「受信トレイにメッセージを受信したら」
テンプレートの1つ目のプロセスをクリックします。

Wixから、抽出する情報を取得します。
(1/2)連携アカウントとアクションを選択
こちらに表示される項目は、すでに初期設定済みです。
- アプリトリガーのタイトル
- アプリ
- Wixと連携するアカウント情報
- トリガーアクション
→次へをクリック
(2/2)連携アカウントとアクションを選択

Wixのダッシュボードにログインします。

- サイドメニューのオートメーションをクリックして、右上の+新規オートメーションをクリックします。
- 新しい自動化ワークフローを作成し、トリガーに「メッセージを受信したとき」を選択します。メッセージが送信されると自動的にアクションが実行されるトリガーです。
- 次に、「アクションを選択(Choose Action)」で「Webhookで送信」を選びます。
- 表示された画面(ターゲットURL)に、Yoomから提供されたWebhook URLをコピーして入力します。

- Webhook URLを入力後、「適用する」をクリックして設定を完了します。これにより、メッセージが送信されると自動的にWebhookが実行され、Yoomにデータが送信されます。
Yoomの設定画面に戻ります。
→テストをクリック →成功 アウトプットからメッセージの項目が取得できます。

→保存する をクリックします
ステップ4 アプリと連携する「メッセージを送信」
テンプレートの2つ目のプロセスをクリックします。

このプロセスではGoogle Chatへの通知内容を設定します。
(1/2)連携アカウントとアクションを選択
こちらの項目は初期設定済みです。
- アプリトリガーのタイトル
- アプリ
- Google Chatと連携するアカウント情報
- トリガーアクション
→次へをクリックします。
(2/2)API接続設定

- スペースのリソース名
- 編集欄をクリックするとプルダウンが開き、スペース名がピックアップされます。該当のスペースを選ぶとリソース名が引用されます。

- メッセージ内容
- 通知の定型文を作成します。編集欄をクリックすると、抽出したアウトプットがプルダウンに表示されます。アウトプットを選択すると、編集欄に引用コードが埋め込まれます。手前に項目を入力すると、よりわかりやすくなります。

→テストをクリックします。 →成功
→保存するをクリックします 今回のフローでの設定はここまでです。
ステップ5 アプリトリガーをONにする
全てのプロセスが設定済みになると、コンプリート画面がポップアップされます。

トリガーをONにしてフローボットを起動します。テンプレートの左上にあるトグルをスイッチで切り替えできます。

<span class="mark-yellow">プログラミングなしでフローボットの設定ができました。</span>今回使用したテンプレートはこちらです。