Contact Form7の代わりにGoogleフォームでお問い合わせ設置【5分】その理由とは?

悩みを持つブロガー
Contact Form 7ではだめでしょうか?

 

はい、お答えします。

 

本日の記事内容

・Googleフォームでお問い合わせフォーム作成する
・あなたのブログの固定ページにHTMLコードをコピーする
・設定後のきちっと送信されるかテスト送信する
・フォームを少しカスタマイズする

 

この記事を読んでいただくと:

なぜContact Form 7出ない方が良いかわかります。以下の理由からGoogleフォームがおすすめです。

その理由とは!

・WordPressのブログ表示が遅くならないようにする
・テーマとプラグインの干渉がおきないようにする
・セキュリティーの脆弱性におかされないようにする
・プラグインは必要最小限にとどめておくようにする

 

わたしのお問い合わせフォームです

 

 

早速のこのフォームの作成方法をご説明します。

 

Googleフォームでお問い合わせフォーム作成する

 

では「Googleフォーム」のサイトにいきます。

Googleフォームを使ってみるをクリックしましょう。

次は:

すでにGoogleにログインされている方は

まだGoogleにログインされていない方は

ログイン画面からログインしてください。

まだGoogleのアカウントをお持ちでない方は

Googleのアカウントを作成してログインしてください。

 

ステップ1

 

矢印をクリックします。

この画面が出ます。

各番号に以下のように入力します

  • お問い合わせ
  • お名前
  • ラジオボタンを押すとダイアログが表示されます。「記述式」を選びます。
  • 必須をクリックする
  • クリックして次のフォームを表示します

 

 

ステップ2

 

上記と同じ要領でフォームを追加します。

②③④と追加します。

 

ステップ3

 

フォームのデザインを設定します。

いろいろできるようですが、終了したら「送信」を押しましょう。

これが表示されます。

ここの矢印を押すとコードがでますのでコピーしましょう。

 

ステップ4

 

次にあなたのブログの管理画面から「固定ページ」「新規追加」と進みましょう。

入力画面に先ほどコピーしたコードを張付けて終了です。

タイトルに「お問い合わせ」と入れるとGoogleフォームのお問い合わせとダブります。

これで終了です。

そうでしたテスト送信してみましょう!

Googleフォームのこの画面にこのように表示されれば成功です!

 

フォームを少しカスタマイズする

 

スクロールバーの消去
スクロールバーと高さ調整

 

スクロールバーの消去

 

固定ページにコピペしたGoogleフォームのコードを確認してください。「読み込んでいます」の直前に以下を加えてください。

追加ポイント

scrolling="no" frameborder="no"読み込んでいます…

 

スクロールバーと高さ調整

 

もう一度コードを確認してください。

追加のポイント

コード内のwidth="640" height="1057"をheight="900"に変更してください。

 

このようになります。

 

まとめ

 

男女がパズルのピースをはめているイラスト画像

本日は、Googleフォームでお問い合わせを設定する方法をご説明してきました。

モバイルファーストの時代です。

表示が遅かったりするとすぐに離脱されてしまいます。また、テーマとプラグインの干渉がおきることがあります。さらにセキュリティーの脆弱性も見受けられます。

なのでプラグインは出来るだけ少なくしておきましょう。

 

以上になります。

人気記事【36日経過】ブログを書き続けるには何が必要かって?「続かない人」の3点を知ることと【もう1つ!】

人気記事知らないと稼げないブログで権威性を作る5つの方法とは?

 

スズエヒロユキ

副業ブロガー 【経歴】米国SF州立大卒⇒独立起業⇒5年後会社倒産▶ブログで2度挫折▶記事書けないフォロワー伸びない▶2020.01ブログ再開▶8月20日~毎日記事執筆▶1ヵ月でPV約7倍

-無料ツール

Copyright© Suzue Blog , 2020 All Rights Reserved.