*

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様!

スポンサーリンク

関連記事

rehr

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

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

記事を読む

wqwq

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

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

記事を読む

120592

Facebookのいいねボタンともう一人の自分!?ザッカーバーグの巧妙過ぎる戦略とは!?

こんにちは、いろはすです。 昨日、新宿近辺でピ~ヒャラピ~ヒャラ♪と男が聞こえてきたので お

記事を読む

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

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

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

記事を読む

thhj4r-500x138

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

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

記事を読む

スクリーンショット 2014-11-24 20.55.43

Mac用のフリーFTPソフト『FileZilla』を入れてみたよ!使い方は!?FFFTPと比べてどう!?

どうもです、いろはすです。 僕は外ではMacBookAirを持ち歩いているのですが、家のPCは

記事を読む

fghjj

旧ワードプレスブログから新ブログへの引っ越した理由とは!?バックアップ機能やインポートでは復帰出来なかったの!?ブログが消えて良かった点も!

どうもです、いろはすです。 もうすぐ10月というのに、今日は真夏並の暑さでしたね〜! チ

記事を読む

IMG_0022

macとandroidでテザリング出来る超便利なテクニック!具体的手順も!

どうもです、いろはす(@irohasu_free)です。 普段はWiMAXのモバイルルーターを

記事を読む

rehtrw

オンライン上の画像圧縮サービスはどこがおすすめなの?『JPEG/PNG Minimizer』がかなり優秀な理由とは!?画像最適化に優れているWordPressプラグインは?

どうもです、いろはすです。 ブログに限らず『ページの表示速度を高めるのは大事』と言われています

記事を読む

guitar-670087_640

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

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

記事を読む

Message

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

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

【詳細体験レポート】みずほ法人口座の審査は厳しいの?実際に開設してみた!
【詳細体験レポート】みずほ法人口座の審査は厳しいの?実際に開設してみた!

どうもです、いろはすです。 今までは法人口座は住信SBIネッ

スクリーンショット 2019-04-27 18.09.04
【実食レポート】グルテンフリーカフェのリトルバードが色々ヤバかった件

どうもです、いろはすです。 最近、食事制限をしていて小麦製品

IMG_7014
【実食レポ】ラーメン男盛りの家系ラーメンを食べてみたよ!二郎系からの転身はいかに

どうもです、いろはす(@irohasu_free)です。(※この記事は

スクリーンショット 2018-09-16 23.54.57
【宿泊レポ】小樽のとほ宿『小さな旅の博物館』に泊まってみたよ!

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

スクリーンショット 2018-09-11 12.17.09
羽幌のとほ宿『吉里吉里(きりきり)』に泊まってみたよ!【宿泊レポ】

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

→もっと見る

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

    ⇒ 詳しくはコチラから!
PAGE TOP ↑