中小企業・個人事業の簡単ホームページ作成ソフトならとりあえずHP

ご利用実績11000人突破!

ユーザー向け使い方サイトとりあえずHPNAVI

  • 30日無料体験のお申し込み
  • はじめて訪問された方とりあえずHP公式サイト
  • ユーザー向け使い方ガイドとりあえずHPナビサイト

とりあえずHPの使い方

上級編

目次に戻る

Googleフォームを活用しよう  Googleフォームを作成しよう

「とりあえずHP」では、簡単なお問い合わせフォームをご用意していますが、例えば、お問い合わせフォーム以外に「資料請求フォームを作成したい」といった場合や、「アンケートフォームなど、複数のフォームを設置したい」「フォームの項目を自分の好きな項目に変更したい」という場合は、他の「フォーム作成サービス」でフォームを作成して、「とりあえずHP」で作成したホームページからリンクさせる、という方法がございます。

こちらのページでは例として、Googleが提供しているフォーム作成サービス「Googleフォーム」を使って、フォームを作成する方法をご紹介しています。
※Googleフォームは、Googleが提供している無料のフォームサービスです。Googleのアカウントをお持ちの方であれば、どなたでもご利用いただけます。(2017年3月現在)

Googleフォームにアクセスします

まずは以下よりGoogleフォームにアクセスします。

Googleフォーム

Googleにログインしていない場合はGoogleにログインします

※Googleアカウントをお持ちでない場合は、[アカウントを作成]をクリックして新規作成しましょう。

[新規]のボタンをクリック

画面の右下に表示されている[+(新規作成)]のボタンをクリックします。

まずはタイトルとリード文を入力

フォームのタイトルとリード文を入力します。
例)タイトル「資料請求」、リード文「資料請求をご希望の方は、以下の項目に入力のうえ、送信してください。」など

用途に応じて、項目を追加

Googleフォームでは、以下のような9種類の項目を追加することができます。

それぞれの特徴と用途の例を以下に記載しておりますので、こちらを参考にして、必要な項目を組み立ててみましょう。

記述式(短文) 1行で収まるような文字の入力の場合はこの項目を使います
例)名前、ふりがな、メールアドレス、電話番号、住所 など
段落(長文) 長文を入力する項目に適しています
例)お問い合わせ内容、フリー入力欄 など
ラジオボタン いくつかの選択肢のなかから、ひとつだけ選ばせたい場合に使用します
例)「何で知ったか?」という問いに対して「新聞」「雑誌」「ホームページ」「DM」「知人・友人に聞いた」などから一つだけ選ばせる場合 など
チェックボックス いくつかの選択肢のなかから、複数選択可で選ばせたい場合に使用します
例)「問い合わせ内容」という問いに対して「資料請求」「見学予約」「その他の問い合わせ」を選ばせる場合 など
プルダウン いくつかの選択肢のなかから、プルダウンで選ばせたい場合に使用します
例)都道府県や年齢(20代、30代、40代…)など
目盛選択 5段階で評価をつけてほしい場合に使用します
例)「とてもよかった」「よかった」「ふつう」「あまりよくない」「わるい」といったアンケート形式の質問など
グリッド選択 いくつかの質問について、良い・悪いなど、2択で答えてほしい場合に使用します。
例)「第一印象は?」「実際の対応は?」「料理の味は?」といった複数の質問に対して「良い・悪い」の2択で答えるといったアンケート形式の質問
カレンダー 日付を指定してほしい場合に使用します
例)見学希望日、予約日 など
時刻選択 時刻を指定してほしい場合に使用します
例)連絡希望時間帯、配達希望時間帯 など

追加・削除した項目が即座に反映されるので、項目を追加してみて、作りながら形を確かめるのがオススメ!項目の追加が終わったら、ほとんど完成です。

カバー画像を変更します

Googleフォームは簡易的なフォームのため、詳細なデザインの変更を行うことはできませんが、フォームの上部に表示される「カバー画像」を変更することができます。
フォームの作成画面で、パレットのマークをクリックし、お好きな色、または、画像選択のマークをクリックします。

カバー画像のなかから、お好みのデザインを選び、[選択]をクリックします。

選んだカバー画像が反映されます。

詳細設定を行います

歯車のマークをクリックします。

小さいウィンドウで「設定」画面が開くので、まずは「全般」を確認し、メールアドレスの収集や回答回数の制限などを設定します。

次に、「プレゼンテーション」をクリックし、進行バーの表示などに適宜チェックを入れます。また、「確認メッセージ」の欄には、フォーム送信後に表示される言葉を入力します。

内容を確認したら「保存」をクリックします。
※「テスト」の欄は、フォームとしてではなく、簡単な「テスト」として、フォームを使う場合に設定します。

実際の表示を確認します

プレビューのボタンをクリックすると、実際の表示を確認することができます。

「とりあえずHP」からフォームへのリンクを設置します

フォームの画面で[送信]をクリックします。

小さいウィンドウが開くので、その画面で[リンクアイコン]をクリックすると、フォームへのリンクURLが表示されます。

このURLをコピーしておき、「とりあえずHP」の管理画面から、リンクを設置します。

ホームページのすべてのページに、フォームへのリンクを表示させたい場合は、
「フリースペース」に、「〇〇フォームはこちら」などのテキストを入力し、
コピーしておいたリンクを貼り付ける方法がオススメです!
(「サイト全体に表示」を選択すると、全ページに表示されます。)

フリースペースの編集方法

また、バナーからリンクさせたい場合は、「ファイルアップロード機能」をご活用いただき、
作成したバナー画像をアップロードして、リンクを貼り付けてください。

バナー画像を設置する方法

↑このページのTOP
  • ユーザー向け使い方サイトとりあえずHPNAVI
  • これってどうやるの?と思ったら使い方サポート
  • 問い合わせ前に必ずチェック!よくあるご質問
  • ユーザー同士でスピード解決!助け合い掲示板