Googleフォームでウェブサイトのお問い合わせフォームを作成する方法

Aug 7, 2025
クラウドとインターネット

Googleフォームは、無料のアンケートやクイズをオンラインで作成するために使用される強力なツールです。ただし、それだけではありません。このガイドを使用すると、Webサイトに直接埋め込むことができるお問い合わせフォームを作成できます。

Googleフォームでお問い合わせフォームを作成するのはとても簡単です。グーグルはあなたが使うためにすでに作られたテンプレートさえ持っています、それはあなたの仕事をずっと簡単にします。テンプレートをロードし、必要に応じてカスタマイズしてから、フォームをWebサイトに直接埋め込むだけです。これですべてです。始めましょう。

お問い合わせフォームの作成

開始するには、 Googleフォーム ホームページで、右下隅にある色とりどりのプラス記号(+)にカーソルを置きます。

プラス記号は紫色の鉛筆と紫色のページアイコンになります。紫色のページアイコンをクリックします。

ウィンドウが開いたら、テンプレート「連絡先情報」を選択します。

お問い合わせフォームのカスタマイズ

デフォルトのテンプレートには、名前、電子メール、住所、電話番号、およびコメントのエントリがあります。フォームに追加したいものが他にある場合は、プラス記号(+)をクリックして追加のフィールドまたは質問を表示します。

デフォルトでは、フォームの送信には名前、電子メール、およびアドレスが必要です。セクションが必須かどうかを有効/無効にするには、目的のフィールドをクリックしてから、「必須」トグルをオンまたはオフにします。

フォームのテーマを変更するには、ページ上部のパレットをクリックして、ヘッダー画像、メインカラーと原色、およびフォントを選択します。フォームをサイトに埋め込んだときに表示されるので、ここからWebサイトのテーマに一致する色を選択します。

最後に、[設定]歯車をクリックして、回答者がフォームに入力したときのフォームの動作を変更します

最初のタブには、有効にできるいくつかの設定があります。ここから、電子メールアドレスを収集し、応答のコピーを電子メールで送信し、各人の送信を1つに制限できます。また、回答者が送信後に回答を編集できるかどうか、またはアンケートの最後に概要グラフを表示できるかどうかを選択することもできます。

注意: 「回答を1つに制限」を有効にした場合、回答者はフォームにアクセスするためにGoogleアカウントでログインする必要があります。 Googleアカウントを持っていない人は、フォームに回答を送信できません。全員がGoogleアカウントを持っていることに同意しない限り、このオプションは無効のままにしておきます。

「プレゼンテーション」タブにはいくつかの設定がありますが、私たちが気にするのは、回答者がフォームを送信した後に表示される確認メッセージだけです。このメッセージは、お問い合わせフォームを送信した後に表示されます。

終了したら、[保存]をクリックして変更を確認し、フォームに戻ります。

お問い合わせフォームの埋め込み

お問い合わせフォームの内容がすべて揃ったら、ページ上部の[送信]ボタンをクリックします。

山かっこ(<>)タブをクリックし、[コピー]をクリックして埋め込みHTMLをクリップボードにコピーします。

フォームのサイズとWebサイトでの表示方法を変更する必要がある場合は、[コピー]をクリックする前に、HTMLコードの下の幅と高さを変更してください。

これで、コードをWordPressページのHTMLエディターに貼り付けるか、フォームを表示するWebサイトの.htmlファイルに直接貼り付けるだけです。

サイズが最初に正しく見えない場合は、心配しないでください。戻って幅と高さの数値をいじり、サイトですべてが完璧に見えるまでコードを再コピーします。

Googleスプレッドシートでの回答の収集

Googleフォームの優れた機能の1つは、収集されたすべての回答をGoogleスプレッドシートに直接送信できることです。ここから、Sheetの数式とグラフを使用したり、応答をリアルタイムで表示したり、アドオンをインストールしてデータをさらに分析、フィルタリング、操作したりできます。

回答用のスプレッドシートを設定するには、[回答]タブを選択し、緑色の[シート]アイコンをクリックします。

次に、[作成]をクリックして、すべての回答を保存する新しいスプレッドシートを生成します。

または、回答を入力するスプレッドシートが既にある場合は、[既存のスプレッドシートを選択]をクリックして、プロンプトに従います。スプレッドシートはあなたに保存されます ドライブ を通じて利用可能です シートホームページ 同じように。


それでおしまい。各スプレッドシートには、調査が完了したときのタイムスタンプとともにすべての回答が含まれているため、クライアントと簡単に連絡を取ることができます。

How To Create A Website Contact Form With Google Forms

How To Create A Contact Form Using Google Forms

How To Create A Contact Form Using Google Forms

Create Contact Form Using Google Forms

How To Create A Free Website Contact Form With Google Forms: Lesson 06

How To Add Contact Form To Your Website Using Google Forms

How To Create Contact Information Form Using Google Forms

Create Contact Form | Google Forms ***

Google Forms Complete Tutorial | How To Create Contact Form Using Google Forms

How To Use Google Forms As A Contact Form In Blogger

Embed A Google Form On Your Website

How To Create A Fillable Form In Google Forms - Post Form On A Website & Export Responses To Excel

How To Add Google Forms To Your Wordpress Website

How To Add Contact Form In Google Sites

How To Add Google Form To A Website Page | Embed Google Forms Complete Tutorial

How To Add Contact Form On Google Sites (NEW UPDATE)

How To Make Contact Us Form Or Contact Us Page For Websites By Google Docs Or Google Drive In Hindi

[HOW TO] Add Google Forms To A Website | CUSTOMISE HTML & CSS

Create Working Contact Form Using HTML, CSS, PHP | Contact Form Design

Google Forms Advanced (Custom Design With CSS) 2020


クラウドとインターネット - 最も人気のある記事

GoogleChromeにユーザー補助機能を追加する方法

クラウドとインターネット May 13, 2025

ウェブサイトのテキストを読んだり、特定の色を表示したり、失読症を患ったりするのに問題がある場合、GoogleChromeにはユーザー補助�..


Facebookから写真をダウンロードする方法

クラウドとインターネット Mar 19, 2025

フェイスブック 写真を保管するのに最適な場所ではありません 、しかしその便利さはそれをそれらを共有するためのまと�..


Steamゲームの払い戻しを受ける方法

クラウドとインターネット Dec 18, 2024

未取得のコンテンツ Steamは寛大な払い戻しシステムを提供します。 Steamで購入したゲームは、PCで正常に動作していない場合でも、面..


Windows 10、8.1、および7ISOを合法的にダウンロードする場所

クラウドとインターネット Dec 9, 2024

あなたはできる Windowsを最初から再インストールする PCに付属のプロダクトキーを使用しますが、インストールメデ�..


MozillaFirefoxに基づく6つの代替ブラウザ

クラウドとインターネット Feb 21, 2025

Mozilla FirefoxはオープンソースのWebブラウザであるため、誰でもそのソースコードを取得して変更できます。さまざまなプロジェクトがF..


PageZipperブックマークレットで「次のリンク」をスキップする

クラウドとインターネット Mar 23, 2025

遅かれ早かれどのブラウザを使用しても、ページビューを生成することだけを目的として使用される「次のリンク」が無限にあるWebサイトに�..


ChromeでGoogleブックマークに簡単にアクセスできます

クラウドとインターネット Jan 21, 2025

未取得のコンテンツ ChromeでGoogleブックマークアカウントにアクセス、追加、管理する簡単な方法が必要ですか?これで、BoogleMarks拡張機能を..


XPで保存場所を選択するように求められないInternetExplorerを修正

クラウドとインターネット Dec 9, 2024

未取得のコンテンツ InternetExplorerとWindowsXPをまだ使用している場合は、[このタイプのファイルを開く前に必ず確認する]チェックボックスを�..


カテゴリ