今回は、以下のステップです。
一緒に設定していきましょう!
- WixとChatworkをマイアプリ連携する。
- 「Wixでフォームが送信されたらChatworkに通知する」テンプレートをコピーする。
- トリガー: Wixの「フォームが送信されたら」を設定する。
- Chatworkの「メッセージを送る」を設定する。
- トリガーをONにして完了です。
ステップ1:マイアプリ連携
マイアプリ連携を先にしておくと、後の設定がスムーズに進みます。
まず、利用しているWixとYoomを連携していきます。
Yoomページの左側からマイアプリ→新規接続を選択します。
Wixと検索してください。
表示された項目の設定をお願いします。
アクセストークン(APIキー)は、こちらから確認できます。
続いてChatworkを連携します。
メールアドレスとパスワードでログインしてください。
マイアプリに、WixとChatworkが表示されたら連携完了です。
ステップ2:トリガーやアクションを設定
今回はこのテンプレートを使用します。
テンプレートページを開き、『このテンプレートを試してみる』をクリックしてください。
Yoomをお使いの方はログインするか、初めての方は会員登録をお願いします。
完了すると、ワークスペースに自動的にテンプレートがコピーされています。
テンプレート名は、必要に応じて変更可能です。
左側のマイプロジェクトをクリックすると先ほどコピーしたテンプレートが表示されます。
右側の三点リーダー(...)をクリックし、編集するを選択しましょう。
用意するもの
取得したい顧客情報の項目が設定された、Wixのフォーム。
今回は以下のように設定してみました。
まず、アプリトリガーを設定していきます。
「フォームが送信されたら」を選択します。
タイトルは、ご自身で変更できます。
連携するアカウント情報の確認をしたら、アクションは変更せず次に進みます。
表示されている手順で、Webhookの受信設定をお願いします。
オートメーションは、以下のWixの画面「新規オートメーション」から設定できます。
設定画面は以下のようになります。
ターゲットURLに、Yoomのフローボット設定画面に出ているWebhookURLを入力しましょう。
保存したら、フローボットの設定に戻りましょう。
テストをクリックし、Wixのフォーム内容がアウトプットに反映したら保存します。
続いて「メッセージを送る」をクリック。
こちらも連携するアカウント情報の確認をお願いします。
次に進んで、項目の設定を行います。
メッセージ内容には以下のように、アウトプットから選択してください。
アウトプットからの選択が完了したら、テストして保存します。
最後にアプリトリガーをオンにしましょう。
ここまでお疲れ様でした。
プログラミングに詳しくない私でも、簡単に設定ができました。
今回使用したフローボットはこちら↓
.avif)
.webp)
.webp)
