クリックしたら、Yoomのテンプレートサイトに移行します。
その画面に表示されている「このテンプレートを試す」をクリックします。

するとYoomのワークスペースに切り替わり、コピーが完了したと表示が出てきたら「OK」を選択してください。

ステップ1:WixとHubSpotをマイアプリ連携
次にYoomのマイアプリ登録を行います。
マイアプリ登録を行うことで、アプリ同士を連携させて、フローボットを作成できるようになります。
1.Wixのマイアプリ登録
まずは、WixをYoomと連携します。
Yoomのワークスペースにログインしたら、左側に表示されているマイアプリを選択し、新規接続をクリックしましょう。

次にマイアプリの新規接続の画面でWixを選択します。

アカウント名、アクセストークン、アカウントIDを入力しましょう。
APIキーはこちらから取得できます。
アカウントキーはこちらから取得できます。

以上でWixのマイアプリ登録ができました。
2.Hubsupotのマイアプリ登録
次にHubSpotをYoomと連携しましょう。
先ほどと同様に、Yoomのワークスペースのマイアプリから新規接続をクリックします。

マイアプリの新規接続でHubSpotを選択しましょう。

sign in to your HubSpot accountをクリックしましょう。

Eメールアドレスとパスワードを入力し、ログインをクリックしましょう。

連携したいアカウントを選択してください。

YoomをHubSpotに接続しているという画面で、「この連携をインストールすると」と記載されている箇所にチェックをし、アプリ接続をクリックしてください。

以上でHubSpotのマイアプリ登録ができました。
ステップ2:Wixのトリガーを設定
ここまで設定できたら、いよいよフローボットの作成に進みます。
「Wixでフォームが送信されたらHubSpotにコンタクトを登録する」をクリックしましょう。

1.連携アカウントとアクションを選択
・タイトルは任意でOKですので変更したい場合は入力しましょう。
・Wixと連携するアカウント情報が連携したいアカウントか確認します。
・トリガーアクションは「フォームが送信されたら」で設定しています。
・全て入力できたら「次へ」をクリックしましょう。

2.アプリトリガーのWebhookイベント受信設定
・WebhookURLをコピーしてWixの管理画面で設定してください。
・トリガーとなるイベント(フォームを送信)を実行して、テストをクリックしましょう。

・テストを実行し、Wixのフォーム情報がアウトプットとして取得できたら保存しましょう。

ステップ3:HubSpotのアクションを設定
次にHubSpotのアクションを設定しましょう
「コンタクトを作成する」をクリックしてください。

1.連携アカウントとアクションを選択
・タイトルは変更できます。
・HubSpotと連携するアカウントが連携したいアカウントか確認しましょう。
・アクションは「コンタクトの作成」で設定しています。
・入力できたら「次へ」をクリックしましょう。

2.API接続設定
・入力したい項目をWixのアウトプットから選択して入力してください。
・入力できたら、テストをクリックして保存しましょう。

保存をクリックしたら、すべての設定が完了したという表示が出ますので「トリガーをON」をクリックしましょう。

以上でフローボットが完成しました!!