記事の詳細
解決!完了画面にならない…初心者向けMW WP Formの確認画面の作り方
こんにちは。
今日はMW WP Formの確認画面の作り方について書きます。
この名前で検索するとたくさん出てくると思います。
WordPress を使っている且つ問い合わせ等のフォームを使っている方はほとんどの方が愛用されているのではないかと思います。
このフォームは使いやすいことはもちろんなのですが、他と大きく違うのは確認画面が出せる!!
しかしながらたくさんの記事がこう書かれています。
それはそうなのですが…
なぜ敢えて、たくさん情報があるにも関わらず、MW WP Form の記事を書くのか…
理由は…
はまったからっ!!!!
ページがたくさんあるのに、
確認画面の作り方が書いてあるページがない!!!
フォーム用の固定ページ、確認用の固定ページをそれぞれ作り、アドレスをそれぞれ設定して終わり…かと思いきや終わりじゃない!!
お陰で結構さまよい、そして奮闘しました。
なので…書きました!!
自分と同じような境遇の人が、自分のページで解決できたらとても嬉しいですね。
一応はまったポイント(3つぐらいあります|д゚))も書いてありますので参考にして頂けるとよろしいかと思います(^^♪
今回のブログの見出しはコチラです!
MW WP Form のインストール
もうここは、たくさんの人が書いているので、ざっと流します。
- WordPress ログインします。
- プラグインを選択します。
- 新規追加をクリックします。
- 検索ワードで「MW WP Form」と入力し検索します。
- 「MW WP Form」の今すぐインストール を選択し、有効化
これでMW WP Formのインストールが終了です。
入力用フォーム作成
インストールしますと、MW WP Formという項目ができていると思います。
この項目の中の新規追加でフォームを作成していきます。
こんな感じでフォームを作成していき…
項目が完成したら、確認ボタンと送信ボタンを取り付けたいと思います。
★ここ実は、はまったポイント①です。★
なぜ「確認・送信ボタンを選ぶ」のかというと…
入力画面と確認画面勝手にボタンを切り替えてくれます!!|д゚)
どこにはまったかというと…ボタンがあるとは知らず自分で作って、メールが送れないって騒いでいました…(^_^;)
※ここでは説明しませんが、メールの自動送信機能がMW WP Formには備わっています!!
項目を埋めて、Insertボタンをクリックします。
これから、作ったフォームをページに掲載します。
固定ページ→新規追加で新しいページを作ります。
★ここ実は、はまったポイント②です。★
日本語のページを作ると、パーマリンクが日本語になることがあります。
あとでURLを設定するのですが、ページが開きません!!Σ(゚Д゚)
半角英数字を使うほうがいいです!
終わりましたら、「公開ボタン」をクリックして公開します。
※もう既に公開押してしまったので、写真上は更新になっています…
ちなみに、この入力画面だけでも、一応形式上では確認画面が表示されます。
こんな感じになります。
【入力フォーム画面】
【確認画面】
確認画面なのに、入力フォームになっている!!Σ(゚Д゚)
確認画面作成
ではここから、本題の確認画面の作成の作り方いきます!!!!。
手順として入力フォームの固定ページを作った時と同じになります。
固定ページ→新規追加で新しいページを作ります。(確認ページ用)
一応完了画面も作っておきましょう。
作り方は同じで別固定ページ新規で作成し、完了ページを用意するだけです。
ここで注意する事と言えば、リンクのアドレスは英数一部記号表記にするという事ですね。
あと、それぞれのページのURLは(フルアドレスを)コピーしておいてください。
MW WP Formに戻り、先ほどフォームを作成したファイルを再度開きます。
それぞれにURLを設定します。
★ここ実ははまったポイント③です。★
アドレスを設定する時に後ろに「/」をつけ忘れており、
正しいアドレスになっていなかったのでページが開きませんでした!!Σ(゚Д゚)
固定ページに設定したアドレスをちゃんとコピーする事です( `ー´)ノ
結果
【入力フォーム】
【確認画面】
【完了画面】
とこんな感じになりました。
色々なサイトでも記載されていますが、とても使いやすいですね。
なのに、確認画面の作り方が明確に出ていなく…もったいない…
今回触れていませんが、必須入力、自動メール返信の機能ももちろんついていますので、是非使ってみて下さい( `ー´)ノ
追記:完了画面にもショートコードを忘れずに!!
完了画面にショートコードを貼りつけるのを忘れないでください。
ちなみにショートコードの場所ですが、
MW WP Formでフォームを作成していると思いますが、そのMW WP Form一覧にある「フォーム識別子」の項目にあります。
フォーム識別子にあるショートコードをコピーして、完了画面に貼り付けてあげます。
このようにすることで、完了画面でのループはしないようになります。
<<英語講座>>Behind
久しぶりのサンジョリ先生から教わった英語講座です( `ー´)ノ
このタイトルにもありますが、”Behind”この単語は「~の後ろに」が日本人が覚えている意味だと思います。
おおよそあまり使わないと思いますが、サンジョリ先生と会話をしていると、登場する頻度は多めです。
例えば…
- Behind story
- Behind history
- Behind passion
“背景”,”hide:隠れた”に近い意味でも使われているようですね。
“behind story” とかちょっとアクセントで使ってみるとカッコいいですね( `ー´)ノ
Thank you for reading my blog.
See you next time.
Have a nice day!!
コメント
この記事へのトラックバックはありません。
確認画面の作り方、なぜかどこにもなくてテンパっていたので助かりました!ありがとうございます。
コメントありがとうございます!
お役に立てたみたいで良かったです!^^
質問です。
「追記:完了画面にもショートコードを忘れずに!!」
初心者なので上記のショートコードがよくわかりません。
画像で見ても何も表示されてません。
よろしくお願いします。
山口様
初めまして、この記事を執筆致しました田中です。
【初めてでも作れる】MW WP Formの確認画面の作り方の記事にコメントを頂きましてありがとうございます。
また、ご不便な思いをさせてしまいまして申し訳ございません。
記事の方は書き直させて頂きました。
まずショートコードの場所ですが、MW WPFormのメニューを一度開いて頂くと、
「フォーム識別子」という項目を見つける事ができるかと思います。
作成した問い合わせフォームの「フォーム識別子」をコピーして頂き、
完了画面のページに先ほどコピーをしましたフォーム識別子(ショートコード)を貼り付けて頂ければ大丈夫だと思います。
ありがとうございます!!!
同じ場所で止まってしまっていて、完了画面にいかなくて困っていました!
そういう事だったんですね〜。
こういうナレッジに本当に助けられます。ありがとうございます。
acha 様
【初めてでも作れる】MW WP Formの確認画面の作り方の記事を読んで頂き、ありがとうございました。
この記事がお役に立つことができたようで、良かったです。
これからも誰かのお役に立てるような記事を書いていきたいと思います。
温かいコメントありがとうございました。
ショートコードは理解出来ましたが、メールが全く送れません。
何度もやってもこのメッセージが出るばかりです。
There was an error trying to send your message. Please try again later.
MW WP Form 完了画面がでない でググってたどり着きました。.MW WP Formは初心者向けといわれていますが、完了画面が出ない、何かしら設定が必要な時点で初心者向けでないですね。
あまりにも難しいのでcontactformを入れたら、設定なしに普通に使えて普通に自動的にメールが届きました。
コメントありがとうございます。
contact form7のほうが簡単に使えると思います。
無事に使えて良かったですね!