記事の詳細

こんにちは。

今日はMW WP Formの確認画面の作り方について書きます。

 

この名前で検索するとたくさん出てくると思います。

WordPress を使っている且つ問い合わせ等のフォームを使っている方はほとんどの方が愛用されているのではないかと思います。

 

このフォームは使いやすいことはもちろんなのですが、他と大きく違うのは確認画面が出せる!!

しかしながらたくさんの記事がこう書かれています。

それはそうなのですが…

なぜ敢えて、たくさん情報があるにも関わらず、MW WP Form の記事を書くのか…

理由は…

はまったからっ!!!!

 

ページがたくさんあるのに、

確認画面の作り方が書いてあるページがない!!!

フォーム用の固定ページ、確認用の固定ページをそれぞれ作り、アドレスをそれぞれ設定して終わり…かと思いきや終わりじゃない!!

お陰で結構さまよい、そして奮闘しました。

なので…書きました!!

自分と同じような境遇の人が、自分のページで解決できたらとても嬉しいですね。

一応はまったポイント(3つぐらいあります|д゚))も書いてありますので参考にして頂けるとよろしいかと思います(^^♪

 

MW WP Form のインストール

 

もうここは、たくさんの人が書いているので、ざっと流します。

 

  1. WordPress ログインします。
  2. プラグインを選択します。
  3. 新規追加をクリックします。
  4. 検索ワードで「MW WP Form」と入力し検索します。
  5. 「MW WP Form」の今すぐインストール を選択し、有効化

 

これでMW WP Formのインストールが終了です。

 

入力用フォーム作成

 

インストールしますと、MW WP Formという項目ができていると思います。

この項目の中の新規追加でフォームを作成していきます。

MW WP Form 01

矢印

MW WP Form 02

矢印

MW WP Form 03

 

矢印

MW WP Form 04

矢印

MW WP Form 5

こんな感じでフォームを作成していき…

矢印

MW WP Form 6

 

項目が完成したら、確認ボタンと送信ボタンを取り付けたいと思います。

矢印

MW WP Form 7

矢印

MW WP Form 8

★ここ実は、はまったポイント①です。★

なぜ「確認・送信ボタンを選ぶ」のかというと…

入力画面と確認画面勝手にボタンを切り替えてくれます!!|д゚)

どこにはまったかというと…ボタンがあるとは知らず自分で作って、メールが送れないって騒いでいました…(^_^;)

※ここでは説明しませんが、メールの自動送信機能がMW WP Formには備わっています!!

 

矢印

項目を埋めて、Insertボタンをクリックします。

MW WP Form 9

矢印

MW WP Form 10

矢印

これから、作ったフォームをページに掲載します。

固定ページ→新規追加で新しいページを作ります。

MW WP Form 11

★ここ実は、はまったポイント②です。★

日本語のページを作ると、パーマリンクが日本語になることがあります。

あとでURLを設定するのですが、ページが開きません!!Σ(゚Д゚)

半角英数字を使うほうがいいです!

終わりましたら、「公開ボタン」をクリックして公開します。

※もう既に公開押してしまったので、写真上は更新になっています…

 

ちなみに、この入力画面だけでも、一応形式上では確認画面が表示されます。

こんな感じになります。

【入力フォーム画面】

MW WP Form 12

 

【確認画面】

MW WP Form 13

確認画面なのに、入力フォームになっている!!Σ(゚Д゚)

確認画面作成

ではここから、本題の確認画面の作成の作り方いきます!!!!。

手順として入力フォームの固定ページを作った時と同じになります。

固定ページ→新規追加で新しいページを作ります。(確認ページ用)

MW WP Form 14

 

一応完了画面も作っておきましょう。

作り方は同じで別固定ページ新規で作成し、完了ページを用意するだけです。

MW WP Form 14-2

ここで注意する事と言えば、リンクのアドレスは英数一部記号表記にするという事ですね。

あと、それぞれのページのURLは(フルアドレスを)コピーしておいてください。

矢印

 

MW WP Formに戻り、先ほどフォームを作成したファイルを再度開きます。

MW WP Form 15

矢印

それぞれにURLを設定します。

MW WP Form 23

★ここ実ははまったポイント③です。★

アドレスを設定する時に後ろに「/」をつけ忘れており、

正しいアドレスになっていなかったのでページが開きませんでした!!Σ(゚Д゚)

固定ページに設定したアドレスをちゃんとコピーする事です( `ー´)ノ

 

結果

【入力フォーム】

MW WP Form 17

 

【確認画面】

MW WP Form 18

 

【完了画面】

MW WP Form 19

とこんな感じになりました。

色々なサイトでも記載されていますが、とても使いやすいですね。

なのに、確認画面の作り方が明確に出ていなく…もったいない…

今回触れていませんが、必須入力、自動メール返信の機能ももちろんついていますので、是非使ってみて下さい( `ー´)ノ

 

追記:完了画面にもショートコードを忘れずに!!

完了画面にショートコードを貼りつけるのを忘れないでください。

ちなみにショートコードの場所ですが、
MW WP Formでフォームを作成していると思いますが、そのMW WP Form一覧にある「フォーム識別子」の項目にあります。

フォーム識別子にあるショートコードをコピーして、完了画面に貼り付けてあげます。

このようにすることで、完了画面でのループはしないようになります。

 

tanaka_english_lesson

<<英語講座>>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!!

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。


ほかの投稿も読んでみませんか?

  1. アバター
    • さすらいエンジニア
    • 2017年 1月 05日

    確認画面の作り方、なぜかどこにもなくてテンパっていたので助かりました!ありがとうございます。

  2. インクループ株式会社
    • インクループ株式会社
    • 2017年 1月 05日

    コメントありがとうございます!
    お役に立てたみたいで良かったです!^^

  3. アバター
    • 山口
    • 2017年 7月 13日

    質問です。

    「追記:完了画面にもショートコードを忘れずに!!」

    初心者なので上記のショートコードがよくわかりません。
    画像で見ても何も表示されてません。

    よろしくお願いします。

  4. インクループ株式会社
    • インクループ株式会社
    • 2017年 7月 13日

    山口様

    初めまして、この記事を執筆致しました田中です。
    【初めてでも作れる】MW WP Formの確認画面の作り方の記事にコメントを頂きましてありがとうございます。
    また、ご不便な思いをさせてしまいまして申し訳ございません。

    記事の方は書き直させて頂きました。

    まずショートコードの場所ですが、MW WPFormのメニューを一度開いて頂くと、
    「フォーム識別子」という項目を見つける事ができるかと思います。
    作成した問い合わせフォームの「フォーム識別子」をコピーして頂き、
    完了画面のページに先ほどコピーをしましたフォーム識別子(ショートコード)を貼り付けて頂ければ大丈夫だと思います。

  5. アバター
    • acha
    • 2017年 7月 20日

    ありがとうございます!!!
    同じ場所で止まってしまっていて、完了画面にいかなくて困っていました!
    そういう事だったんですね〜。
    こういうナレッジに本当に助けられます。ありがとうございます。

  6. インクループ株式会社
    • インクループ株式会社
    • 2017年 7月 20日

    acha 様

    【初めてでも作れる】MW WP Formの確認画面の作り方の記事を読んで頂き、ありがとうございました。
    この記事がお役に立つことができたようで、良かったです。

    これからも誰かのお役に立てるような記事を書いていきたいと思います。
    温かいコメントありがとうございました。

  7. アバター
    • 山口
    • 2017年 8月 16日

    ショートコードは理解出来ましたが、メールが全く送れません。
    何度もやってもこのメッセージが出るばかりです。
    There was an error trying to send your message. Please try again later.

  8. アバター
    • 沢渡
    • 2018年 2月 08日

    MW WP Form 完了画面がでない でググってたどり着きました。.MW WP Formは初心者向けといわれていますが、完了画面が出ない、何かしら設定が必要な時点で初心者向けでないですね。
    あまりにも難しいのでcontactformを入れたら、設定なしに普通に使えて普通に自動的にメールが届きました。

  9. インクループ株式会社
    • インクループ株式会社
    • 2018年 2月 08日

    コメントありがとうございます。
    contact form7のほうが簡単に使えると思います。
    無事に使えて良かったですね!

  1. この記事へのトラックバックはありません。

相模原のお店やサービスをどんどん紹介!

行ってみよう相模原 相模原市のお店限定

飲食店

ページ上部へ戻る