操作/使い方
公開日:2016.05.23

お問い合わせフォームを設置する

1. 専用ファイルをインポートする(これでほぼ設定完了)

本日はウェブサイト内に専用フォームを設置する方法をご紹介いたします。

63c2741d8492aaccedfb9b51b2fe6264-1

まずは管理画面のサイドバーの便利ツールから「インポート」をクリックします。

e6facf1c3017644fe5ccf562b1d47379

次に青色の「WordPress」の文字をクリックして、ファイル参照画面へ進みます。

19ca17798f950956853a23c601c296dd-e1464190029294

次にファイルを選択から「sample_form.xml」ファイルを選びます。
※ファイルのダウンロードはこちらからどうぞ(ZIP形式でDL可)

328e76faa8f00505ebf6f81ea2e79600

選択状態を確認して「ファイルをアップロードしてインポート」をクリックします。

87224dfebd9873d1f5464eaba4c23669

フォーム作成者としてご自身のユーザーを割り当てて、実行ボタンをクリック。

スクリーンショット 2016-05-25 19.47.45

以上で、インポートが完了しました。

2. インポートされたフォームを確認する

上記手順でインポートされたフォームを確認してみましょう。

スクリーンショット 2016-05-25 19.47.54

お問い合わせフォーム(通常)というサンプルフォームがインポートされています。
※2個の設定エラーとなるのはフォーム設定がサンプルアドレスになっているためです

3. インポートしたフォームをページに表示する

次に、フォームを設置するために「ショートコード」をコピーします。

da53e8950e788c4d19c34f2fba2fa221

ショートコードを選択して「Ctrl+C」等でコピーしましょう。

c5c9e259a8af7d14d77423c62a465096

次に、設置する固定ページを準備します。LPや固定ページまたはブログ投稿などのお好きなページに貼り付け可能です。今回は「contact」というディレクトリ名で固定ページを作りました。

4. フォームの動作を確認する

ショートコードを貼り付けたらページをプレビューしてみましょう。

スクリーンショット 2016-05-25 19.48.47

無事、インポートしたサンプルフォームが表示されています。

まとめ

以上で、専用フォームの設置は完了です。

送信テストチェックは忘れずに

今回インポートしたサンプルフォームは初期設定で「info@exampe.com」が入っています。ここは任意のメールアドレスに置き換えてください。

スクリーンショット 2016-05-25 20.01.10

ページ側からもフォーム送信テストを行い「返信メール・表示名」の確認を行いましょう。
※ちなみに「メール (2)」のチェックマークを外すことで自動返信メールを省略も可能です

なお、「送信元」は以下の形式で入力する必要がございます。

サイト名 <info@example.com>

※半角スペースや括弧の形式も規定ルールがあるためコピペの上、サイト名とメールアドレスのみ置き換えてください※

スクリーンショット_2016-06-15_9_49_42

上記キャプチャ画像では「info@exmaple.com」となっていたサンプル入力を「support@xlab-online.com」に置き換えています。入力箇所も併せてご参照ください。

何度か自分宛に送信テストを行うと使い勝手がわかってきますのでぜひお試しください。

例)サポートサイトの場合

参考までにサポートサイトの入力内容を掲載いたします。

screencapture-support-xlab-online-com-wp-admin-admin-php-1467784250120

3日間で覚える運用基礎講座

無料メール講座を受講される場合は以下よりメールアドレスを入力ください。準備が完了次第で順次メールをお送りいたします。

規約に同意の上お申込みください(利用規約

avatar
執筆者:XLabサポート (https://support.xlab-online.com)

オウンドメディア運用に関するサポートを中心として執筆しています。記事にして欲しい内容やご要望などお気軽にご連絡ください。

記事が気に入ったらいいねをクリック♪

最新記事をお届けいたします

目的別で探す 初めての方はまず基本設定から