今回は、以下のステップです。
一緒に設定していきましょう!
- WixとBacklogをマイアプリ連携する。
- 「Wixでフォームが送信されたらBacklogに追加する」テンプレートをコピーする。
- トリガー: Wixの「フォームが送信されたら」を設定する。
- Backlogの「課題の追加」を設定する。
- トリガーをONにして完了です。
ステップ1:マイアプリ連携
マイアプリ連携を先にしておくと、後の設定がスムーズに進みます。
まず、利用しているWixとYoomを連携していきます。
Yoomページの左側からマイアプリ→新規接続を選択します。

Wixと検索してください。
表示された項目を設定します。
アクセストークン(APIキー)は、こちらから確認をお願いします。
続いてBacklogと連携します。
表示された項目を設定してください。
マイアプリに、WixとBacklogが表示されたら連携完了です。
ステップ2:トリガーやアクションを設定
今回はこのテンプレートを使用します。
テンプレートページを開き、『このテンプレートを試してみる』をクリックしてください。
Yoomをお使いの方はログインするか、初めての方は会員登録をお願いします。
完了すると、ワークスペースに自動的にテンプレートがコピーされています。
テンプレート名は、必要に応じて変更可能です。
左側のマイプロジェクトをクリックすると先ほどコピーしたテンプレートが表示されます。
右側の三点リーダー(...)をクリックし、編集するを選択しましょう。

用意するもの
取得したい顧客情報の項目が設定された、Wixのフォーム。
今回は問い合わせフォームを設定してみました。


では、アプリトリガーを設定していきます。
「フォームが送信されたら」を選択します。
タイトルは、任意で設定してください。
連携するアカウント情報の確認をし、アクションは変更せず次に進みます。
表示されている手順で、Webhookの受信設定をお願いします。

オートメーションは、以下の「新規オートメーション」から設定します。

設定画面を開くとこのような感じです。
Yoomのフローボット設定画面に出ているWebhookURLを、ターゲットURLの部分に入力しましょう。
保存したら、フローボットの設定に戻ります。

テストをクリックし、Wixのフォーム内容がアウトプットに反映しているのを確認して保存します。
続いて「課題の追加」をクリック。
こちらも連携するアカウント情報の確認をお願いします。
次に進み、項目の設定をしましょう。

課題の件名は以下のようにアウトプットを利用します。

課題の優先度は任意のレベルで設定してください。

課題の詳細も以下のようにアウトプットから選択して入力していきましょう。

その他の項目は必要に応じて設定してください。
アウトプットからの選択が完了したら、テストして保存をクリックします。
最後にアプリトリガーをオンにしましょう。
ここまでお疲れ様でした。
プログラミングに詳しくない私でも、簡単に設定ができました。
今回使用したフローボットはこちら↓