WixとGitHubを連携して、Wixでフォームが送信されたらGitHubに追加する方法

GitHubはエンジニアのためのツールというイメージが強いですが、最近ではマーケティングや営業担当者もタスク管理ツールとして利用しているケースが増えているそうです。
職種を問わずGitHub上でタスク管理ができると、チーム間で情報共有をスムーズに行えるため便利ですよね。
そんなGitHubですが、Wixとの連携でさらに便利に利用できるのはご存じですか？
本記事では、ノーコードツールYoomを使って、Wixのフォーム情報をGitHubにIssueとして自動追加する方法を解説します！
「Issueの追加作業の手間を削減したい」「タスク管理を効率化したい」といった方におすすめです！
興味をお持ちいただけましたら、本記事を参考にYoomで自動連携を試してみてください。

[Yoomとは]

WixとGitHubを連携するメリット

メリット1.作業時間の短縮と人為的なミスの削減

フォームで回答があるたびにGitHubにIssueが自動追加されるため、これまで手作業で追加していた方は、作業時間の短縮につながります。
これにより、他の優先度の高い業務に集中できるようになり、生産性の向上につながるかもしれません。
また、手作業の工数が削減されることで、入力ミスなどの人的エラーのリスクが低減されるでしょう。
GitHub上でタスク情報に誤りがあると、Wixのフォーム情報を確認して修正する手間が発生します。
自動化することで、このような余計な手間の削減が期待できます。

メリット2.認識の齟齬を回避

Wixのフォーム情報をもとに毎回手動でGitHubにIssueを作成していると、情報の反映までに遅れが生じやすいです。
例えば、ちょうど会議に出席している際にフォームが送信されたら、GitHubへのタスク追加は早くても会議終了後になってしまいます。
複数のチームでプロジェクト管理などをしている場合、情報反映の遅延はチーム間での認識の齟齬をもたらすかもしれません。
そこで今回の自動連携を活用すると、フォーム情報がスピーディにタスクとして自動反映されるため、認識の齟齬を防ぐことが期待できます。

WixとGitHubの連携フロー

では、実際にWixとGitHubを連携する方法をご紹介します。
今回紹介するのは、【Wixでフォームが送信されたらGitHubに追加する】というフローです。
具体的な連携ステップは以下の通りです。

1. アプリトリガーの設定
2. Issueを作成

Yoomでは、上記2ステップをテンプレートとして提供しています。
ゼロから作成するよりも簡単にフローボットを作成できるので、まずは下のバナーにある「試してみる」ボタンをクリックして、テンプレートをコピーしましょう！
コピーが完了すると、サイドバーにある「マイプロジェクト」から操作できます。

Wixでフォームが送信されたらGitHubに追加する

試してみる

---

■概要

Wixで作成したWebサイトのフォームから届く、ユーザーからの問い合わせやバグ報告などを、手作業でGitHubに転記していませんか？この作業は情報連携に時間がかかるだけでなく、コピー＆ペーストによる転記ミスや対応漏れの原因にもなり得ます。このワークフローを活用すれば、Wixのフォームが送信されたタイミングで、自動でGitHubにIssueが作成されるため、開発チームとの連携を円滑にし、迅速な対応を実現します。

■このテンプレートをおすすめする方

• Wixでサイトを運営し、フォームからの情報をGitHubでタスク管理しているWeb担当者の方
• Wixフォームからのバグ報告などをGitHub Issueで管理し、開発を効率化したいチームリーダーの方
• 手作業による情報連携を自動化し、チーム全体の生産性を向上させたいと考えている方

■このテンプレートを使うメリット

• Wixのフォーム送信をトリガーに自動でGitHubにIssueが作成されるため、手作業での転記時間を短縮することができます。
• 手動での情報転記が不要になることで、入力ミスや対応漏れといったヒューマンエラーの発生を防ぎます。

■フローボットの流れ

1. はじめに、WixとGitHubをYoomと連携します。
2. 次に、トリガーでWixを選択し、「フォームが送信されたら」というアクションを設定します。
3. 最後に、オペレーションでGitHubを選択し、「Issueを作成」アクションを設定します。

※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

• GitHubでIssueを作成する際に、Wixのフォームから取得した情報を各項目に自由に設定できます。例えば、フォームの件名をIssueのタイトルに、問い合わせ内容を本文に設定するなどが可能です。

■注意事項

• Wix、GitHubのそれぞれとYoomを連携してください。
• Wixのフォーム回答のアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。

詳細を見る 試してみる

WixとGitHubのマイアプリ連携

テンプレートをコピーしたら、事前準備としてWixとGitHubをYoomのマイアプリに登録します。
※既に登録している場合は「ステップ1.アプリトリガーの設定」へお進みください。

<手順>

1.Yoomにログイン後、「マイアプリ」→「＋新規接続」の順にクリック

2.検索窓からWixとGitHubを検索し、それぞれ登録に必要な情報を入力

Wixを登録する際は以下の情報が必要です。

• アクセストークン
  • こちらのページで発行したAPIキーを設定してください
• アカウントIDsome text
  • こちらのページから取得したアカウントIDを設定してください
• サイトIDsome text
  • サイトIDはWixのURLから確認が可能です
  • https://manage.wix.com/dashboard/××××××××/setupの「××××××××」の部分がサイトIDとなります

マイアプリ一覧にWixとGitHubが表示されていれば準備完了です！
早速、詳細設定に進みましょう！

ステップ1.アプリトリガーの設定

まずは、サイドバーにある「マイプロジェクト」から先ほどコピーしたテンプレートを開いてください。

次に、アプリトリガー「フォームが送信されたら」をクリックしましょう。

最初のページでは、事前に連携したWixのアカウント情報が表示されるので確認し、問題なければ、「次へ」をクリックしてください。

次のページでは、Webhookイベントの受信設定を行います。
指示手順と以下の記事を参考に、フォームが送信された時に起動するよう設定してください。

Wix オートメーション：Webhook 経由でデータを送信する

すべての設定が完了したら、「テスト」をクリックしてエラーの有無を確認しましょう。

ここまで問題がなければ、「保存する」でトリガーの設定は終了です。

ステップ2.Issueの作成

次に、「Issueの作成」をクリックしてください。

最初のページでは、ステップ1と同様にアカウント情報が表示されるので、問題なければ「次へ」をクリックしてください。
2ページ目では、Issueを作成するための設定をします。
「オーナー名」「リポジトリ名」「タイトル」は必須項目になっているので、必ず入力してください。
その他の項目は任意で入力できるため、アウトプットされた情報などを活用して、必要に応じて入力しましょう。

その他は任意項目ですが、コメント欄はWixからアウトプットされた情報を活用して詳細に入力しておくのがおすすめです。
そうすることで、GitHubにアクセスするだけでタスクの詳細を確認でき、元のフォーム情報を確認しにいく手間を削減できます。
あらかじめ、「フォームID」や「投稿日時」が含まれるように記載されているので、適宜変更を加えてください。

「テスト」をクリックしてエラーが出なければ、「保存する」をクリックしてください。
下記のようなポップアップが表示されたらすべての設定が完了です。
トリガーをONにするとフローが実行されます。

Wixを使ったその他自動化例

Yoomには、Wixを利用した自動化例が多数あります。
さまざまなアプリと連携することが可能なので、以下の代表例を参考にしてみてください。

1.Wixでフォームが送信されたら自動でGmailを返信する

フォームの回答があるたびに毎回手動でメールを送っている方は、こちらの連携を使うことで、作業負担を軽減できます。
Gmailを利用している方は、参考にしてみてください。

Wixでフォームが送信されたら自動でGmailを返信する

試してみる

---

■概要

Wixで作成したWebサイトのフォームから問い合わせがあった際、手動でのメール返信に時間や手間がかかっていませんか。また、対応が遅れたり、返信を忘れてしまうケースもあるかもしれません。このワークフローを活用すれば、Wixでフォームが送信されたことをきっかけに、設定した内容のメールをGmailから自動で返信できます。問い合わせへの一次対応を自動化し、スムーズな顧客対応を実現します。

■このテンプレートをおすすめする方

• Wixでサイトを運営しており、フォームからの問い合わせ対応を効率化したい方
• 手作業でのメール返信による対応漏れや遅れなどの課題を解消したいと考えている方
• Gmailを活用した定型的な返信業務を自動化し、コア業務に集中したい方

■このテンプレートを使うメリット

• Wixフォームへの送信後、即座にGmailから自動でメールが返信されるため、手作業での対応時間を削減できます。
• 自動で決められた内容のメールを送信するため、返信のし忘れや内容の誤りといったヒューマンエラーを防ぐことに繋がります。

■フローボットの流れ

1. はじめに、WixとGmailをYoomと連携します。
2. 次に、トリガーでWixを選択し、「フォームが送信されたら」というアクションを設定します。
3. 最後に、オペレーションでGmailの「メールを送る」アクションを設定し、送信するメールの宛先や件名、本文などを構成します。

※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

• Gmailでメールを送るアクションでは、送信先のメールアドレスを任意で設定できます。
• メールの件名や本文には、固定のテキストを設定するだけでなく、Wixフォームで送信されたお名前や問い合わせ内容といった情報を変数として埋め込むことが可能です。

■注意事項

• Wix、GmailのそれぞれとYoomを連携してください。
• Wixのフォーム回答のアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。

詳細を見る 試してみる

2.Wixでフォームが送信されたらTelegramに通知する

Telegramを利用している方は以下のテンプレートがおすすめです。
フォーム情報が自動通知されるため、確認漏れの防止や迅速な情報共有が期待できます。

Wixでフォームが送信されたらTelegramに通知する

試してみる

---

■概要

Wixで作成したフォームから問い合わせや申し込みがあった際、確認が遅れてしまい、対応が後手に回ってしまうことはありませんか。手動で都度確認する作業は手間がかかるだけでなく、見落としのリスクも伴います。このワークフローを活用すれば、Wixでフォームが送信されると同時に、指定したTelegramのチャットへ自動で通知を送信できます。これにより、問い合わせへの迅速な初動対応が可能となり、ビジネスチャンスを逃しません。

■このテンプレートをおすすめする方

• Wixフォームからの問い合わせ対応を迅速化し、リード獲得を強化したいマーケティング担当者の方
• 外出先などでもWixからの新規リードをリアルタイムで把握したい営業担当者や経営者の方
• 手動での確認作業を減らし、WixとTelegramを連携させて通知フローを自動化したい方

■このテンプレートを使うメリット

• Wixのフォーム送信をトリガーにTelegramへ自動で通知が飛ぶため、手動での確認作業や情報連携の手間を削減できます。
• 担当者への通知がシステム化されることで、問い合わせの見落としや確認漏れといったヒューマンエラーを防ぎ、機会損失のリスクを低減します。

■フローボットの流れ

1. はじめに、WixとTelegramをYoomと連携します。
2. 次に、トリガーでWixを選択し、「フォームが送信されたら」というアクションを設定します。
3. 最後に、オペレーションでTelegramを選択し、「メッセージを送信」アクションを設定することで、Wixフォームの内容を通知できます。

※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

• Telegramの「メッセージを送信」アクションでは、通知を送りたい個人チャットやグループのチャットIDを任意で設定してください。
• 通知メッセージの本文も自由にカスタマイズ可能です。Wixフォームから取得した応募者の名前や問い合わせ内容などをメッセージに含めることで、通知を受け取った際に内容をすぐに把握できます。

■注意事項

• Wix、TelegramのそれぞれとYoomを連携してください。
• WixのアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。

詳細を見る 試してみる

3.Wixでフォームが送信されたらGoogleスプレッドシートに追加する

フォーム情報をGoogle スプレッドシートに集約して、データ集計や分析に有効活用したい方は、以下の連携がおすすめです。
データが自動反映されるため、作業負担をかけることなく、スピーディに情報転記することができます。

Wixでフォームが送信されたらGoogle スプレッドシートに追加する

試してみる

---

■概要

Wixで作成したフォームからのお問い合わせや申し込み情報を、手作業でGoogle スプレッドシートに転記する作業に時間を取られていませんか。こうした定型的な業務は、対応の遅れや入力ミスを招く原因にもなり得ます。このワークフローを活用すれば、Wixフォームへの送信をトリガーに、送信された情報を自動でGoogle スプレッドシートへ追加することが可能です。フォームからのリード管理やデータ集計業務を効率化し、より重要な業務に集中できる環境を整えます。

■このテンプレートをおすすめする方

• Wixのフォームで得た顧客情報を手作業でGoogle スプレッドシートに転記している方
• フォームからの問い合わせ対応の初動を早め、データ管理を効率化したいと考えている方
• WixとGoogle スプレッドシートを連携させ、手作業による入力ミスをなくしたい方

■このテンプレートを使うメリット

• Wixフォームへの送信後、自動でGoogle スプレッドシートに情報が追加されるため、これまで転記作業に費やしていた時間を短縮できます。
• 手作業でのデータ転記が不要になることで、入力間違いやコピー＆ペーストのミスといったヒューマンエラーの発生を防ぎます。

■フローボットの流れ

1. はじめに、WixとGoogle スプレッドシートをYoomと連携します。
2. 次に、トリガーでWixを選択し、「フォームが送信されたら」というアクションを設定し、対象のフォームを指定します。
3. 最後に、オペレーションでGoogle スプレッドシートを選択し、「レコードを追加する」アクションを設定します。
4. トリガーで取得したフォームの送信内容（氏名、メールアドレスなど）を、スプレッドシートの各列に対応付ける設定を行います。

※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

• Wixのトリガー設定では、自動化の対象としたいフォームを任意で選択してください。
• Google スプレッドシートのオペレーション設定では、データを追加したいスプレッドシートと、その中の特定のシートを任意で指定してください。
• また、Google スプレッドシートのテーブル範囲を指定することで、特定の範囲にのみデータを蓄積していくことも可能です。

■注意事項

• Google スプレッドシート、WixのそれぞれとYoomを連携してください。
• WixのアウトプットはJSONPathから取得可能です。 

詳細を見る 試してみる

まとめ

本記事では、WixとGitHubを連携してフォーム情報をIssueとして自動追加するフローをご紹介しました。
この連携を使うと、タスクの追加作業が不要になるため、業務負担が軽減されます。
また、スピーディに情報が反映されるため、最新のタスク情報をもとにプロジェクト管理ができるようになるでしょう。
他のチームもGitHubにアクセスするだけで最新の情報を確認できるため、チーム間で認識の齟齬が起きづらく、プロジェクト全体の効率化につながるかもしれません。