WixフォームとNotionの連携イメージ
How to Integrate Applications

2024/10/30

WixフォームとNotionを連携して、Wixフォームの内容をNotionに自動追加する方法

k.hieda

Wixはノーコードでサイト内に設置するフォームを簡単に作成できるため、多くのサービスで顧客対応に活用されています。これをNotionと連携させることで、<span class="mark-yellow">自動でフォームの内容をデータベース化し、一元管理ができるようになります。</span>従来の連携にはプログラミングが必要でしたが、当社はノーコードで手軽に設定できる自動化テンプレートを開発しました。この記事では導入のメリットと設定方法をご紹介しますので、最後までお読みください。

Wixでフォームが送信されたらNotionに通知する自動化のメリット2選

カスタマーサポート担当者やプロジェクトマネージャーの視点から、自動化がどのように役立つかを見ていきましょう。

メリット1 手作業を減らしリアルタイム共有を実現

<span class="mark-yellow">Wixで送信された顧客情報がNotionに自動登録され、手作業が軽減されます。また、リアルタイムでデータが更新されるため、情報共有の遅れも防ぎやすくなります。</span>これにより、全体の作業がスムーズに進むでしょう。
カスタマーサポート担当者は、顧客の連絡先や問い合わせ内容を即座に確認できるため、タイミングを逃さずフォローアップしやすくなります。また、情報が即時に共有されることで、チーム全体での連携やスムーズな顧客対応にもつながりやすくなるでしょう。

メリット2 データの一元化で進捗を見える化

<span class="mark-yellow">Notionのデータベースを活用することで、Wixからの問い合わせ情報を一か所で管理できるようになります。</span>さらに、Notionのタスク管理やドキュメント機能の活用で、問い合わせ対応の進捗管理も可能に。たとえば、問い合わせに応じたタスクを追加し、その進捗を追跡することも簡単にできます。また、ドキュメント機能を活用して対応ガイドやナレッジを蓄積すれば、チーム全体での情報共有もスムーズになります。このように情報を一元管理することで、問い合わせ対応の流れが整理されやすくなるでしょう。
プロジェクトマネージャーにとって、チームが円滑に作業を進めやすい環境を整えやすくなるのは大きな利点です。

ここから「Wixでフォームが送信されたらNotionに追加する」自動化を<span class="mark-yellow">Yoomのフローボットテンプレート</span>を使い、設定方法を解説します。

[Yoomとは]

Wixでフォームが送信されたらNotionに追加する連携フローの作り方

事前に準備するもの

連携作業の中で必要なものをリストアップしました。

Wix

  • APIキー(アクセストークン)
  • アカウントID
    • APIキーの生成画面右下の「アカウント ID」下の「ID をコピー」をクリックします。
    • もっと詳しく>Wix公式ヘルプ:アカウント ID を取得する
  • サイトID
    • ダッシュボードにアクセスした際、ブラウザのURLバーに表示されるURLを確認します。通常、URLは以下のような形式になっています。https://manage.wix.com/dashboard/{サイトID}このURLの中で、dashboard/の後に続く部分がサイトIDです。

Notion

  • ログイン情報(メールアドレス・パスワード)
  • 商品情報を追加するデータベース
    • ヘッダはユニークキーで作成してください。同じ項目名があるとシステムの判断が難しくなってしまうためです。

ステップ1 マイアプリ連携の設定

ここでは、連携するアプリをYoomに登録する設定を行います。Yoomのワークスペースにログインいただき、マイアプリの項目から新規接続をクリック!

Yoomで接続できるアプリ一覧が表示されます。一番上の検索窓から今回接続するアプリを検索し、マイアプリ登録を進めます。

Wix

検索結果からWixを選択します。事前準備で得た値を入力する画面が表示されます。

 

各必須項目を入力し、追加ボタンをクリックします。これでWixのマイアプリ登録が完了です。

Notion

検索結果からヒットしたアプリ名をクリックすると、Notionのログイン画面が表示されます。

  • 連携するNotionアカウントのログイン方法を選び、必須項目を入力後に続行をクリックします。

Yoomからのアクセス許可を行う画面に切り替わります。ページを選択するをクリックし、アクセスを許可するページ(連携に使うデータベースが入ったページは必須)を選んで許可するボタンをクリックします。これでNotionのマイアプリ登録が完了です。

ステップ2 Yoomのテンプレートをマイプロジェクトへコピーする

こちらのバナーをクリックします。

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

ステップ3 アプリトリガー「フォームが送信されたら」

テンプレートの1つ目のプロセスをクリックします。

ここではWixのフォームから抽出する情報を取得する設定を行います。

(1/2)連携アカウントとアクションを選択

こちらに表示される項目は初期設定済みです。

  • アプリトリガーのタイトル
  • アプリ
  • Wixと連携するアカウント情報
  • トリガーアクション

→次へをクリック

(2/2)連携アカウントとアクションを選択

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

  1. サイドメニューのオートメーションをクリックして、右上の+新規オートメーションをクリックします。
  2. 新しい自動化ワークフローを作成します。
  1. トリガーとして、「フォームが送信されたとき」を選択します。これはフォームが送信された際に自動的にアクションが実行されるトリガーです。
  2. 次に、「アクションを選択」で「Webhookを送信」を選びます。
  3. 表示された画面(ターゲットURL)に、Yoomから提供されたWebhookURLをコピーして入力します。
  4. WebhookURLを入力したら、「適用する」をクリックして設定を完了します。この設定により、フォームが送信されると自動的にWebhookが実行され、Yoomにデータが送信されます。

Yoomの設定画面に戻ります。

→テストをクリック →成功 アウトプットからフォームの項目が取得できます。

※エラーになった場合は、イベント(フォームの送信)がWebhookURL設定後に発生していないことが考えられます。テスト用のフォームを送信し、再テストに進んでください。

→保存する をクリックします

ステップ4  データベースを操作する「レコードを追加する」

テンプレートの2つ目をクリックします。

このプロセスではNotionのデータベースとの連携とWixから取得したアウトプットを紐づける設定を行います。

(1/2)連携アカウントとアクションを選択

こちらの項目は初期設定済みです。

  • アプリトリガーのタイトル
  • アプリ
  • Notionと連携するアカウント情報
  • トリガーアクション

◆データベースの連携

編集欄をクリックするとプルダウンが開き、候補のデータベース名が表示されます。該当の項目を選ぶとIDが埋め込まれます。

→次へをクリックします。

(2/2)API接続設定

追加するレコードの値は、連携したデータベースのヘッダーが表示されます。それぞれの項目に、Wixのフォームで取得したアウトプットを紐づけていきます。編集欄をクリックするとプルダウンが開き、アウトプットが表示されます。

該当の項目を選ぶと引用コードが埋め込まれます。全て埋め込みが終わったら、テストに進みます。

→テストをクリックします。 →成功

→保存するをクリックします 今回のフローでの設定はここまでです。

ステップ5 アプリトリガーをONにする

全てのプロセスが設定済みになると、コンプリート画面がポップアップされます。

トリガーをONにして、フローボットを起動します。

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

もっと活用!Wixを使った自動化3選

WixはNotion以外のアプリとも連携が可能で、フローの自動化を実現できます。

1.  Wixフォームの情報をNotionに自動追加し、さらにSlackで通知する

今回のフローの続きで、フォームの追加が完了するとSlackに通知されるテンプレートです。通知の手作業を省き、情報共有をスムーズにします。入力ミスがなくなり、チーム全体での進行がスムーズになります。

2. Wixフォーム送信時に自動返信メールを送信

Wixのフォームが送信されると、Gmailで自動返信が届くよう設定ができます。手作業を省き、迅速な返信を実現。送信者に即時に返信が届くため、顧客満足度が向上にも貢献できまるでしょう。

3. Wixでメッセージ受信時にGoogle Chatで即通知

Wixでメッセージを受信すると、Google Chatで自動通知が届くフローです。
通知を自動化することで情報のタイムラグがなくなり、チーム全体が迅速に対応しやすくなります。

まとめ

Wixで送信されたフォームの内容をNotionに自動追加することで、手作業を減らし、リアルタイムでデータベースを作成でき、一元管理が可能になります。
さらに、Notionのタスク管理やドキュメント作成機能と連携することで、問い合わせ対応の進捗が把握しやすくなり、情報共有もスムーズに。
チーム全体の対応環境が整いやすくなることで、業務がスピーディに進む効果が期待できます。

<span class="mark-yellow">プログラミングの知識がなくても、この自動化をすぐに取り入れることができます。ぜひ導入を検討してみてください。</span>

では、またお会いしましょう!

The person who wrote this article
k.hieda
10 years as a web planner and director. When I worked for a web production company, my main focus was on proposing modifications and operation plans to clients and proceeding with production. I'm currently a parallel worker. We produce blogs in Yoom's content division, and receive external public relations projects for companies in our individual business. Since we are starting a private lodging, we aim to thoroughly improve the efficiency of routine work!
Tags
Wix
Notion
Automation
Automatic
Integration
Related Apps
App integration
No items found.
What is Yoom hyperautomation?
Conventional RPA can only automate simple repetitive tasks, and the setup process was very complicated.
With “hyperautomation,” which combines various technologies such as AI, API, RPA, and OCR, it is possible to automate many tasks that could not be realized until now more easily than before.
Don't Just Connect Apps—Automate Everything
Most tools simply connect one app to another, leaving the complex tasks to you. Yoom goes much further: From document creation and browser automation to OCR and generative AI, Yoom handles it all seamlessly in one platform.

Why settle for basic integrations? Streamline your entire workflow with Yoom’s powerful hyperautomation.
Learn more about Yoom
Helpful Materials
I understand Yoom! 3-piece set of materials
Download materials
Understand in 3 minutes! Yoom service introduction materials
Download materials
Find out by Before After! Yoom Case Study Collection
Download materials
See a list of useful materials