*

WordPressの問い合わせフォームをGoogleスプレッドシートを使って作ってみた!具体的な手順は!?デメリットとかあるの!?

どうもです、いろはすです。

WordPressで問い合わせ系のプラグインと言えば、下記が有名だったりしますよね!

Contact Form 7
JetPack’s Contact Forms
Visual Form Builder
Gravity Forms

特に『Contact Form 7』は、設定も簡単なのでかなり使用している人が多いプラグインですよね~

で、僕もインストールしようか迷ったのですが、「せっかくの機会なのでプラグイン以外で作れないかな?」と思いやってみました~!

少し前に別件で『Googleスプレッドシート』を使う事があったので、それを使ってみる事に!応募フォームやアンケートも手軽に作成出来るので、なかなか頼もしいですな!

スポンサーリンク


Googleスプレッドシートで問い合わせフォームを作る手順!

質問を入力する箇所はコチラ!

・質問のタイトル(名前、メールアドレス、問い合わせ内容)
・補足文(なくても問題ないかとw)
・質問の形式(基本的に「テキスト」でOK、問い合わせ欄は広めが良いので「段落テキスト」を選択)
frhe

後、「必須の質問」にもチェックを入れておいた方が良さそうですね!

問い合わせがあったら、メールで通知してくれるよ!

通知ルールを設定すれば、問い合わせがあった際にメールで知らせてくれるという事も出来ちゃうんですね!

設定場所はスプレッドシート上部「ツール」⇒「通知ルール」になります。
htkココから、問い合わせがある毎に、指定メールアドレス宛にメールが飛んで教えてくれる感じですね!通知方法も、1日1回やその都度などを選べるので、お好みでどうぞ!

但し指定出来るメールアドレスは、Googleドキュメントにログインしているgmailだけみたいですねw

Googleドキュメントの別シートでも管理出来る!

greqこのように日時と各フォーム内容をエクセルみたいに、まとめて管理してくれるんですね!
問い合わせ数が増えたりしたら、一覧をまとめて見れるのでコチラが便利そうです!

背景画像などの細かいカスタマイズも可能!

デフォルトのままだとかなり簡素的というか、必要最低限な感じがしますw こんな感じ!
weager

なので、もうちょっと装飾したい人は上部のメニューにある「テーマの変更」をクリックすると、右側にズラ~っとテンプレート集が出てくるので、そこから好きなデザインを選べます!
wwg

・ヘッダー画像の変更
・背景の変更
・枠線カラーの変更

などなど、細かくカスタマイズ出来るので、色々といじってみるのも楽しそうです! 
GIFで動くヘッダー画像とかもあるw 気になって問い合わせが書けなくなったりしたら面白いww

カスタマイズが終わったら、青いボタンの「フォームを送信」をクリック。
wegre「フォームを埋め込む」を選択して、出てくるコードをそのままWordPressの記事内に貼り付けるだけです!後、ブログの記事幅に合わせて、フォーム幅の数値も調整しておいた方が良さそうですねw

ちなみに、僕は通常の記事ではなく固定ページにしました~!

一通り設定し終わったら!

とりあえず終わった感じでしたら、実際にフォームを使ってみて動作テストしてみましょう~!
もし上手く動作しなかったりしたら、せっかく問い合わせしてくれたのに気付かない事があるので、しっかりやっておきたいですね!

Googleスプレッドシートのデメリットって何かあるの!?

Googleスプレッドシートの利用は無料なのでコスト的には優秀ですが、たまにサーバー自体が重くなったり全く繋がらなくなったりするケースがあるんですよね。。

なので大事な問い合わせ内容などは、個別に控えておくなどバックアップを取っておく事が必要になります。

まとめ

ちょっと手間をかけて問い合わせフォームを作ってみたら、愛着が沸きますよね~!まぁ正直大した手間じゃないですが、色々と機能を触ってみると妙な達成感があったりw

後、問い合わせがあった場合は、もちろん個人情報になるので取り扱いには注意しなきゃですね~!

それでは~

いろはす

Googleは当たり前のように無料で優良ツールを提供してくれているので、使わない手はないですね~!ありがたや、Google様!

スポンサーリンク

関連記事

wqwq

胸熱&ムフフな○○サイト『Musictonic』がスゴイ!使い方は簡単なの!?

こんにちは、いろはすです。 いつものようにフラフラ、ネットサーフィンしてたら かなり胸熱の音

記事を読む

shukusen

縮小専用AIRという画像縮小ソフトが最高過ぎる件!マックでも使えるのがマジでヤバい!ダウンロードはどうやるの!?Windows8でも動くの?

どうもです、いろはすです。 僕は以前からデスクトップのWindowsで『縮小専用。』という画像

記事を読む

rehr

SoftBankの案内メールが邪魔過ぎたので配信停止にしたよ!配信停止の手順はどうやるの!?SoftBankは迷惑メールがヤバいって噂は本当なの!?

どうもです、いろはすです。 僕はSoftBankキャリアを使っているのですが、ちょくちょく届く

記事を読む

okoru

いちいち細かい誤字脱字をドヤ顔で指摘し続けてくる人に大きなストレスを感じたので、その人に向けて言いたい事を言いたいだけ描いてみた。

どうもです、いろはすです。 最近今までの感じた事のないようなどうにもならないストレスを抱えてい

記事を読む

guitar-670087_640

スガシカオのTwitterが炎上!?スガシカオが時代の流れに付いて行けてない件。。。歌詞がイイだけじゃ、曲がイイだけじゃ売れない時代に何をすべきか?

どうもです、いろはすです。 もはや、音楽業界から「CD」というコンテンツが、なくなりつつある今

記事を読む

52a5b0b54686f

オモコロのヨッピーがヤフオクに出品されてる件!!質問欄がカオス状態に!?ネット上で自分を売るのはアリなのか!?

どうもです、いろはすです。 そろそろ冬本番に突入するという寒空の下、またあの男がやってくれまし

記事を読む

ehrh

ジョジョ顔メーカー 1.1のクオリティがヤバ過ぎる!オリジナルのジョジョ風画像を超簡単に作成するサービスがスゴイ件!iPhoneにあったら便利かも!?保存はどうやるの?

どうもです、いろはすです。 SNSなどのプロフィール画像って、どうしようかな~って結構悩みます

記事を読む

image5-500x375

IT業界人の面白い特徴&井の頭公園の花見の現実!?【レポート記事】

どうもです、いろはすです。 いや〜先日、久々に吉祥寺に行ってきました〜! とはいっても、遊び

記事を読む

thhj4r-500x138

TuneIn Radioがなかなか楽しい!!Proじゃなくても楽しめるの!?使い方を紹介!Tunein radio オススメの番組も!

どうもです、いろはすです。 最近、家にいる時はもっぱら 『TuneIn Radio』というサ

記事を読む

スクリーンショット-2013-07-17-12.27.53

炎上している2chまとめスレから学ぶコピーライティング術とは!?

こんにちは、いろはすです。 気付いたら3連休も今日で最後みたいですね〜 何でも、海の日らしく

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

スクリーンショット 2017-03-26 18.30.02
狭山スキー場って初心者1人だとヤバい!?知っておきたい3つの理由

どうもです、いろはす(@irohasu_free)です。 最

IMG_20170221_141120
ひばりヶ丘のカレー!ナンが美味しいのは何処!?

どうもです、いろはす(@irohasu_free)です。 みんな

IMG_20170116_143237
ひばりヶ丘のチャンドラスルヤが色々ヤバかった件。噂のカレーはどうだった?

どうもです、いろはす(@irohasu_free)です。 西武池

76km03aaiazkt3f1482644352_1482644837
インデアンカレーのカロリーって多いの!?堂島店で堪能してきたよ!

どうもです、いろはす(@irohasu_free)です。 いきな

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-17-22-27-03
KKRホテル熱海の日帰り!タオルは有料なの!?超詳細レポート!

どうもです、いろはす(@irohasu_free)です。 静

→もっと見る

  • 20代で起業して自由過ぎるライフスタイルを満喫中の♂
    高知生まれ高知育ち、東京なう。
    絵に書いた様な右脳派。
    ほぼ感覚だけで生きてます。

    ⇒ 詳しくはコチラから!
  • follow us in feedly

    ⇒ 「feedlyって何やねん!」という方はコチラを!
  • 2017年3月
    « 2月    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
PAGE TOP ↑