WixとGitHubの連携イメージ
WixとGitHubを連携して、Wixでフォームが送信されたらGitHubに追加する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WixとGitHubの連携イメージ
フローボット活用術

2025-03-26

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

Kota Ohshiro
Kota Ohshiro

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に追加するフローです。

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

1.Wixを業務に活用している方

・Webサイトの構築に活用している方

・サイト上の問い合わせに対応している方

2.GitHubをタスク管理に活用している方

・タスクを可視化することで進捗管理している方

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

Wixは生産性向上を目指したWebサイトの制作を行うことのできるツールです。
作成したWebサイト上にフォームを設定し顧客とコミュニケーションを取れるようにすることで、顧客満足度向上に繋げることができます。
しかしWixでフォームが送信されるたびGitHubへ情報を手入力するのは、従業員の能力を最大限に活かすことを妨げるかもしれません。

このフローを活用することで、Wixで送信されたフォームの詳細を自動でGitHubに追加し、登録作業に関わる手作業を大幅に省くことができます。
今まで手作業にかかっていた時間や手間をタスク解決に充てることができるため、問題解決までのスピードをあげ業務進行を円滑にします。
素早いタスク解決によって、顧客満足度向上や生産性向上につながります。

■注意事項

・ Wix、GitHubのそれぞれとYoomを連携してください。

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からメールを返信するフローです。

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

1.WixでWebサイトを構築して問い合わせフォームなどを設置している方

・フォーム送信者に迅速に返信メールをGmailで送信したい方

・返信メールの手間を省いて業務効率を向上させたい方

2.問い合わせ内容に応じたパーソナライズされた返信をしたい方

・顧客満足度向上を目指している方

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

WixはWebサイト作成から顧客情報収集までをシームレスに行えるプラットフォームです。
ですが、フォームから送信された情報への対応を手作業で行うのは時間と手間がかかって恐れがあります。

このフローを使用することで、Wixでフォームが送信された内容をOutlookから自動的に返信メールが瞬時に送信されます。
これにより顧客からの問い合わせに迅速に対応することが可能となり、担当者の業務負担も軽減されて、より重要な業務に集中することができます。

■注意事項

・ Wix、GmailのそれぞれとYoomを連携してください。

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

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


■概要

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

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

1.Wixを業務に活用している方

・Webサイトの作成、構築に活用している方

・フォームを活用した顧客コミュニケーションを行う方

2.Telegramを主なコミュニケーションツールとして活用している方

・情報共有や連絡手段に使用している方

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

WixはWebサイト作成をスムーズに行うために活用できるツールです。
サイト上にフォームを設定し顧客との円滑なコミュニケーションを行うことで、より顧客満足度を向上させることができます。
しかしWixでフォームの送信ごとに、手入力でTelegramに通知を行うのは、リアルタイムでの情報共有を妨げます。

スピーディーな情報共有をチームに行い、業務進行を円滑にしたいと考える方にこのフローは適しています。
このフローを活用することで、Wixで送信されたフォームの内容を自動でTelegramに通知します。
フォームの送信後即座に通知を行うことができるため、円滑に情報共有でき、対応業務のスピードを上げることができます。
スピーディーな顧客対応業務により、生産性向上へと繋げることができます。

■注意事項

・ Wix、TelegramのそれぞれとYoomを連携してください。

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

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


■概要

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

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

1.Wixを使ってWebサイトを管理している方

・顧客対応の迅速化のためにWixのフォーム情報をGoogleスプレッドシートに自動で追加したい方

・Googleスプレッドシートへのデータ入力の時間を削減したい方

2.Googleスプレッドシートを用いて業務を進めている方

・Wixのフォームで収集したデータをGoogleスプレッドシートで一元管理したい方

・チームメンバー間でデータの共有をスピーディーに行いたい方

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

フォームがWixで送信されると、ダッシュボードや指定のメールアドレスからスピーディーに内容を確認することができます。
しかし、Wixのフォームから収集したデータをGoogleスプレッドシートに手動で追加する場合、スピーディーなデータ集計や分析をすることが難しくなります。

このテンプレートは、Wixでフォームが送信されたら自動でGoogleスプレッドシートにデータを追加することができます。
Googleスプレッドシートへのデータ入力が自動化されることで、手動によるデータ入力の時間を削減し、業務を効率化することができます。

また、常に最新情報がGoogleスプレッドシートに反映されるため、チーム間のデータ共有もスピーディーに行うことが可能です。

■注意事項

・Wix、GoogleスプレッドシートのそれぞれとYoomを連携してください。

まとめ

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

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Kota Ohshiro
Kota Ohshiro
学生時代からSaaS企業でカスタマーサクセスとして働いてきました。 複数のクラウドサービスを使って業務をしていたのですが、もっと簡単にサービス同士を連携できたら便利だなと思うことがありました。 Yoomではノーコードでアプリの連携ができるので、誰でも簡単に設定することができます。 少しでもわかりやすくYoomの魅力を伝え、みなさんの業務効率化に貢献出来たらなと思います!
タグ
GitHub
Wix
タスク管理
自動
自動化
連携
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる