ブログ構築&情報発信

エックスサーバーでお問い合わせフォームを作ってみた【自動返信メールが便利】

投稿日:2016年4月4日 更新日:

エックスサーバーでお問い合わせフォームを作ってみた【自動返信メールが便利】

 

あなたはエックスサーバーでお問い合わせフォームが

作れることをご存知でしたか?

 

 

こんにちは、雪見です。

 

このブログを始めて4ヶ月目に突入しましたが、

当初からお問い合わせフォームの設定が

上手くいかずに困っていました。

 

最初はワードプレスのプラグイン

Contact Form7」を

設置したのですが、何度やっても

送信エラーがでて使い物にならない。

 

いっそのこと有料版でと

フォームメーラーにしたけど

フォームの下に宣伝が入るのが、いまいちな感じ‥。

有料版なのに‥ね!

宣伝

 

 

なにか良いのがないかなぁと

気にはしていたのですが。

 

 

なんと、愛用のエックスサーバーで

お問い合わせフォームがつくれるじゃありませんか!

しかも

無料で‥(⌒∇⌒)

 

 

 

で、今回は

ワードプレスにエックスサーバーの

お問い合わせフォームを設置するの巻です。

 

 

 

まずは

エックスサーバーのサーバーパネルにログインしましょう。

↓↓

https://www.xserver.ne.jp/

ログインしたら

「CGIツール」をクリック

サーバーパネル

 

 

メールフォームの「一覧・インストール」をクリック

CGIツール

 

 

 

設定するドメイン名を選択する。

雪見&大福の場合はこちら。

ドメイン選択

 

 

 

「メールフォームのインストール」をします。

メールフォームインストール

1.インストールURLは 雪見&大福は「otoiawase」にしました。

2.ユーザーID パスワードは任意の文字列

3.受信メールアドレスはお問い合わせを受信するメールアドレスです。

最後のフォームの作成をクリック。

 

 

 

次に設定画面へログインをクリック。

メールフォームログイン

 

メールフォームの「基本項目の設定」を行います。

メールの基本設定

ページのタイトルは

メールフォームページに表示されるタイトルです。

 

メールフォームの名前は

メールフォーム上に表示される見出しです。

 

サイトへの戻りURLは

「サイトへ戻る」リンクをクリックした際の、遷移先URLです。

 

受信するメールアドレスは

メールフォームからのお問い合わせ内容を受信するメールアドレスです。

 

受信するメールの件名は

お問い合わせ内容を載せたメールの件名です。

 

メールの連続送信を制限する時間は

メールの連続送信を行えないようにする時間を指定します。

 

 

 

次に「メールフォーム項目」の設定です。

メールフォーム2

使用する項目は、ページ右側の一覧より「追加」をクリック。

使用しない項目は、ページ左側の一覧より「除外」をクリックしてください。

雪見は「ブログ・メルマガへの引用」と「質問の内容」に

プルダウンメニューを追加しました。

変更を行う項目の「▲」もしくは「▼」で、表示順を並べ替えることができます。

 

 

 

項目の設定が完了したら、ページ下部の「設定を保存する」をクリック。

確認の上、問題が無ければ、必ずもう一度「確定」をクリックしてください。

雪見は最後に確定をクリックしなかったのでせっかく作ったフォームが

消えてしまったので、気を付けてくださいね。

確定ボタンを押す

 

 

保存を確定したら、次のタブで「デザインの設定」もできます。

メールフォームデザイン

 

 

 

初期設定では白黒のシンプルなフォームです。

雪見は背景をブルーにしてみました。

メールフォームプレビュー

 

 

 

 

 

下にスクロールすると、「メッセージの設定」になります。

入力画面はメールフォームの入力画面において表示される文章の設定。

確認画面は入力内容の確認を行う画面で表示される文章の設定。

完了画面はメールフォームからの送信が完了した際に表示される

文章を設定します。


メッセージの設定

ここでも「保存と確定」のクリックを忘れないでください。

 

 

次のタブでは「自動返信メール」の設定ができます。

必要に応じて件名と本文を変更してください。

自動返信メール

しつこいですが、ここでも「保存と確定」のクリックを忘れないでください。

 

最後のタブは「設置用のHTMLタグ」です。

HTMLページ内に設置するための、コードが表示されます。

赤枠の部分をコピーしてワードプレスに貼りつけましょう。

設置用タグ

 

 

 

ではワードプレスに移動です。

雪見&大福の「お問い合わせフォーム」は固定ページにあるので

ダッシュボードの固定ページのお問い合わせを開きます。

固定ページ

 

 

 

テキストを開き

表示させたいところに

先ほどコピーしたタグを貼りつけてください。

お問い合わせテキスト

          ↑ ↑

お問い合わせフォームが表示されます。

 

 

サイトで見たらこんな感じです。

(こちらは画像ですのでクリックしてもリンク先にはとびません)

  ↓ ↓

サイト

 

エックスサーバーのお問い合わせフォーム

文字が少し小さめですけど

このやり方で何とかなりそう。

↓ ↓

急に大きくなっちゃった【画面の拡大レベルの変更方法】

しばらく使ってみることにします。

 

あなたもよろしければお試しください。




最後までお読み頂きありがとうございます!





ランキングに参加しています

応援していただけたら励みになります。

   

 



記事は参考になりましたか

皆さまからのメッセージいただけたらとても嬉しいです。

よろしければお問い合わせお待ちしております。






ーー PS ---


あなたは

会社に雇われずに豊かに暮らす

そんな自由を手に入れたいと思いませんか?


503588

 

親の借金を抱えながら


皿洗い⇒せどり⇒アフェリエイトに出会い
たった1人で3億円を稼ぎ

経済的、精神的、時間、
身体の自由を手に入れた
著者が自らの体験を綴った書籍

『自由な人生を手にいれる教科書』

Amazonベストセラーランキング1位
期間限定・今なら無料です。
 ↓↓↓
5188i6gjcl


 

ダウンロード後に感想を送ると

「新型 Mac Book」が当たる

キャンペーンも実施中です。

 

334551

 

ぜひ読んでください。
希望が湧いてきます。



雪見&大福通信

メルマガ登録はこちらからどうぞ

↓↓↓

 

 



スポンサーリンク

-ブログ構築&情報発信

Copyright© せどりと情報発信でめざせ月収100万円 副業夫婦の実践せどり術・・失敗も教えちゃいます , 2017 AllRights Reserved.