合計年齢110歳!雪見&大福夫婦の物販情報発信ブログ、ときどきニャンコ話しもね\(^o^)/

雪見あんど大福

ブログ構築&情報発信

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

投稿日: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 ---

 

あなたは

会社に雇われずに豊かに暮らすそんな自由を手に入れたいと思いませんか?

親の借金を抱えながら

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

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

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

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

  ↓↓

自由な人生を手に入れる教科書

だいぽん本


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

「新型 Mac Book」が当たる

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

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

 


スポンサーリンク

-ブログ構築&情報発信

Copyright© 雪見あんど大福 , 2023 AllRights Reserved.