インターネット

WordPressブログに【Googleフォーム】問い合わせフォームの作成方法

2021-04-27

googleフォーム問い合わせ

スポンサードリンク

個人ブログや アフィリエイトサイト運営をされてる人に、必要な【お問い合わせページ】。

WordPress(ワードプレス)でブログ記事を書いてる方は、プラグイン『ContactForm7(コンタクトフォーム7)』を入れて 問い合わせフォームを作るかたが多いと思います。

初心者・レイコさん
そのプラグイン(ContactForm7)を使って 良くないことがあるん?

プラグインは便利な機能ですが、入れすぎると サイト自体が重くなりがちです。

また、遅くなったり 不具合も出たりすることがあります。

そこで、プラグイン『ContactForm7』を導入する必要なく[Googleフォーム]というグーグルサービスを利用するのがお勧めです。

[Googleフォーム]で問い合わせページができるんだ★
佐藤さん

[Googleフォーム]を使い WordPressブログに【問い合わせフォーム】を作るやりかた 流れを案内します。

Googleフォームへ入り設定

まずは[Googleフォーム]へアクセスします。

1.「新しいフォームを作成」が表示されるので、左端の「空白」を選びます。

新しいフォームを作成

2.「無題のフォーム」が表示されます。

オオクラ
ここから【お問い合わせフォーム】を作っていきます。

3.「無題の質問」に【お名前】と記入します。

googleフォーム無題

4.右側の選択肢には「ラジオボタン」とありますが【記述式】を選択します。

5.右下「必須」をクリックして有効化させます。

6.↑画像 右端にある 丸で囲った『+』をクリック。

すこし見づらいので ↑画像を参考にしてね。
佐藤さん

7.つづいて「質問」に【メールアドレス】を入力します。

8.先程と同じ【記述式】を選択し「必須」クリックして有効化、右端『+』をクリック。

(同じ流れを数回繰り返します)

9.再び「無題の質問」に【お問い合わせの種類】と記入。

10.右側の選択肢は「ラジオボタン」に変更します。

googleフォームラジオボタン

11.「選択肢」のところに【ご意見・ご相談】と入力します。

12.右下「必須」をクリックして、右『+』をクリック。

13.さいごに「お問い合わせの内容」と入力します。

googleフォーム問い合わせ

14.右側の選択肢は「段落」にします。

15.右下「必須」にします。

これで、おおよそ【問い合わせフォーム】は完成しました。

レイコさん
ブログに合わせ 色とかデザインも変えたいわ~♪

問い合わせフォーム(メール)のデザイン設定方法

つぎに【問い合わせフォーム】のカラーや文字などを変更していきます。

1.右上のパレットアイコンをクリック

2.テーマの色、背景色、文字の形(フォント)を好みで選びます。

Googleフォームの色変更

3.選び終えたら、最後に「右上・送信」を押します。

4.「送信ボタン」をクリックすると以下が表示されます。

googleフォームテキスト

5.送信方法を、右端のアイコン【< >】に合わせ、HTMLをコピーします。

WordPressブログへ戻り貼りつける

再び 自分のWordPressブログサイトへ行きます。

そして「固定ページ」をひらき 先程の【HTMLコピー】したコードを そこへ貼り付けます。

注意点としては、HTMLコードを貼るときは 固定ページを「テキストエディタ」に設定します。

「ビジュアルエディタ」では反映されません。

またパーマリンクも 日本語で「お問い合わせ」でなく「contact」など英文字に変更しておきましょう。

佐藤さん
その後、公開ボタンを押して 確認してみてね。

googleフォーム問い合わせ

作成の問い合わせフォーム「テスト送信」しよう

グーグルフォームへログインして【お問い合わせフォーム】を作成、完成するまで おそらく30分もかかりません。

とてもカンタンに【お問い合わせメールフォーム】ができるので トライしてみてください。

さて、できた【お問い合わせフォーム】を、一度 テスト送信してみます。

必須項目へニックネームなど入れ「送信ボタン」をタップ★

まもなくして、自分のアカウントGメールへ 通知が届けばバッチリ成功です。

オオクラ
「通知機能をON」にしておく必要がありますよ。

「通知機能をON」にする方法を最後に紹介します。

1.作成したGoogleフォームへアクセス。

2.下画像の一番上に「質問・回答3」とあるところの「回答」をクリック。

3.右端に「3つの縦点」があるのでクリック。

[新しい回答についてのメール通知を受け取る]にチェックを入れれば完了!

googleフォームテスト

チェックを入れておいてから、テスト送信を試みてください。

数分後 Gメールに「問い合わせフォーム」通知が受信されてます。

プラグイン『ContactForm7』で 問い合わせページを作成するのもよいですが、プラグインを大量にいれるのはお勧めしません。

今回のように[Googleフォーム]という グーグルサービスを利用すれば30分ほどで シンプルでスタイリッシュな【お問い合わせフォーム】が出来上がります。

よろしければ、ワードプレスサイトに導入してみてくださいね!

以上、オオクラが【WordPressブログに【Googleフォーム】問い合わせフォームの作成方法】を案内しました。

ー関連記事ー
♦パソコン文字がぼやける ギザギザ解決方法【Windows10とクローム使用】

♦パソコンモニターにブルーライトカットフィルムを貼る効果と貼りかた

♦ConoHaWING ファイルマネージャー【ads.txtアップロード設定】流れと成功確認法

♦Androidスマホへ【Gmailアカウント】登録方法や流れ

スポンサードリンク

人気記事

Switchリングフィット防音比較【防音マットとヨガマット】 1

佐藤さん『リングフィットアドベンチャー(運動)』を始めて、ちょうど30日経過しました。 体の変化としては、お腹が少し 引 ...

リングフィットスムージー効果10種と飲むタイミング 2

佐藤さんこんにちは、クマの佐藤です。(オオクラさんの友人) 自宅で手軽に運動ができる最強の健康ゲームソフト。 その名も「 ...

モンハンライズをプレイ攻略するならグリップカバー 3

佐藤さん皆さんごきげんよう、オオクラさんの友達 佐藤です。 2021年(令和3年)3月26日金曜日にモンハンシリーズ最新 ...

リングフィットアドベンチャーの初期設定 4

ニンテンドーのゲーム機器「Switch(スイッチ)」から 販売のゲームソフト【リングフィットアドベンチャー】😉 【リング ...

switchリングコン故障の直しかたは無く修理不可能 5

ニンテンドースイッチから発売の「Switchリングフィットアドベンチャー」☆ 2019年10月18日発売したフィットネス ...

リングフィットのカスタムモードが好き 6

任天堂から発売で大人気「switchソフト・リングフィットアドベンチャー(Ring Fit Adventure)」。 2 ...

ハードオフにPCモニターを買い取り流れ 7

我が家のデスクトップパソコンが経年劣化。 そして故障したため「パソコンドック24」という PC修理専門店に持ち込み、無事 ...

Switchリングフィット運動 足が痛い 8

NintendoSwitchより発売『リングフィットアドベンチャー』を2020年夏に購入☆ 毎日ではないけれど、調子よく ...

-インターネット
-, ,

© 2021 リングフィットアドベンチャーで体力をつけて健康に★