*

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

スポンサーリンク

関連記事

スクリーンショット 2014-12-26 18.55.52

iPhone内の写真をmac上で一括で大量削除したい時に便利な方法って!?iPhotoとどう違うの!?【実践レポート】

どうもです、いろはすです。 iPhone6に変えよう変えようと思いつつ、相変わらずiPhone

記事を読む

thhj4r-500x138

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

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

記事を読む

image5-500x375

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

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

記事を読む

ehrh

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

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

記事を読む

121219_voyagin184x138

Voyagin(ボヤジン)という現地体験型のWEBサービスが面白い!Airbnb (エアビーアンドビー)に続けるか!?

どうもです、いろはすです。 近年は旅行者の間で、人気のサービスと言えば、Airbnb (エアビ

記事を読む

https---www.pakutaso.com-assets_c-2015-06-PAK86_taihenmoushiwakegozai20131223-thumb-1000xauto-16761

バカッターの連鎖が止まらない…バカッターってマジでバカなの!?炎上バカッターまとめ!最新バカッターやバカッター その後も紹介!

どうもです、いろはすです。 世間では、史上最大規模の台風8号にワクテカしたりしているワケですが

記事を読む

120592

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

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

記事を読む

IMG_0022

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

Message

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

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

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

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

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