忍者コスチューム

副業 在宅

メルマガ設定その1お問い合わせプラグイン「Ninja Forms」画像で説明

ワードプレスでもっとも愛用されているお問い合わせフォームは「Contact Form 7」プラグインなのですが、チョット、バージョンアップやメンテナンスがされていない古いプラグインなので不具合が出るようです。

最近では、お問い合わせフォームから送信できない、送信したけど私にはメールが全く届いていないなどの不具合とか…

GoogleAnalyticsのコンバージョン設定が反映されなくなったり…

メルマガを使っている場合、ちょっと困りますよね。^^;

その点では、メルマガ配信のお問い合わせフォームは、メンテナンスもされているNinja Formsが最適です。

ポイント!
ポイント!
こんにちは!
旅好き♪猫好き♡和歌山で田舎暮らしをしながら、在宅副業でチョット稼いでいるネネです。
私のサイトに来てくださった、あなたにお礼のプレゼントです。
イイ収入ガイド 無料ですから安心して受け取ってくださいね。

今日も訪問ありがとうございます(^^♪

ブログランキングの応援をお願いします!

パソコンランキング

Ninja Formsはメルマガをするのに最適な「お問い合わせフォーム」を作成してくれるプラグインなので、使わないのはもったいないです。

この「Ninja Forms」設定方法を、画像で詳しく説明しますね。

Ninja Formsお問合せの設定方法を画像で詳しく説明

インストール方法

自分のWordPressダッシュボードのプラグイン」をクリック新規追加」で右上の検索窓にNinja Forms」と入力します。

赤の中に隠れた忍者の顔がある「Ninja Forms – The Easy and Powerful Forms Buider」を今すぐインストール」します。

有効化

あとは「有効化」をクリックします。

では、基本的なお問い合わせフォームの作成にかかりましょう。

Ninja Formsお問い合わせフォーム作成を画像で説明

Ninja Forms 設定1

まず、左のダッシュボードの中の「忍者フォーム」をクリックして、次に出る「新規追加」をクリックします。

すると、画面が暗くなりの英語の文書が出るかもしれません。

日本語に翻訳してみると、時々忍者フォームから改善策メール案内が届くようなので、興味があれば同意にクリックですが、いやなら「今はやめろ」をクリックです。

Ninja Forms 設定2

するとしたから「空のフォーム」が出るのでクリック。

また、画面が変わり右画面の半分を拡大すると、名前」から順番にクリックしていきます。

メール」次に段落テキスト」最後送信」を順番に選択します。

設定4

そうすると、画面全体の左にお問い合わせメールに必要な項目が並びましたね。♫♪

このままでも十分ですが、「名前」「メール」などの文字を変更したい場合の操作方法も念のため図で説明しますね。

フォームフィールドのラベル名の変更方法

項目アレンジ

するとこんな画面に変わります。

文字変更

名前欄にグリーンの大きな枠ができ、右側に名前の下のラベルの中の「名前」を消し、好きの文字に変更します。

名前変更

右側の拡大画面ですが、で「好きな名前に変更はグリーン色に変わると「必須フィールド」の赤い星が付きます。

を最後クリックして「終了」保存しましょう。

後、「メール」や「段落テキスト」も同じ順番で変えられます。

「メールとアクション」でメール設定をする方法

メール設定

では、メール設定していきましょう。

上のフォームフィールドの隣にある「メールとアクション」をクリックします。

すると上の画面に変わるので、ここから設定していきますね。

サイト受取人のメール設定の方法

メールアドレス設定

すると、次はこの画面に変わり、右側の図を拡大しています。

メール設定 順番

このの説明をしますね。

  1. アクション名=自分へのメール
  2. 宛先=自分のメールアドレス
  3. 送信元=お相手、送信側のメールアドレス
  4. 件名=ブログに来たお問い合わせ
  5. お問合せ本文={fields_table}はそのままでOKです。

では、アナタのわかりやすいようにからを変更していきます。

設定 順番

まずはの「管理者のメールアドレス」を選択します。

すると右半分がこの画面に変わります。

ココは、アナタに届くお問い合わせメールを、自分がわかりやすいように設定していきます。

まずはアナタが日ごろチェックしやすいメールアドレスに変更しておきましょう。

は読者さんからのメールアドレスに当たるので、図のように薄い四角をクリック。

設定 途中

すると、選択画面が開くので真ん中の「メールアドレス」を選択します。

選択画面

すると、問い合わせされた読者さんのメールアドレスを入力する「{field:field_1580871987725}{field:field_1580871987725}」が入力されます。

は、読者さんからのメールと分かりやすい文面に変更しておきましょう。

たとえば、私の場合は「★お問い合わせメールが届きました。」としていますが、自分がわかりやすくアレンジしてくださいね。

最後は、右上の「終了」を押し保存します。

お問い合わせの読者にアナタからの受取り確認メールの設定

メール設定5

まず、右下にある大きな「+」をクリックします。

すると画面が変わるので、右側にある中の「メール」をクリックします。

設定6

すると、また画面が変わります。

設定7

まず、のスペルを消し、のうすい四角をクリックします。

そうすると、また画面が変わり、この画面に!

設定⑻

ここで、メールを選択します。

設定⑻

すると、自動で宛先が入力され、送信した相手のメールアドレスが自動で入るようになり、メルマガなど相手の方に送るメールアドレスになります。

追加設定

つぎはに「自分のメールアドレス」を入力してください。

 

は、相手の方に自動送信される「受け取りました」的な確認の件名になります。

私の場合は消して「【自動送信】お問い合わせありがとうございます。」にしました。

あとは、下のメール本文ですが枠の中には「{fields_table}」しか入力されていません。

設定⑼

この、{fields_table}は相手方の問い合わせメッセージ本文が、そのまま入力される仕組みなので消さないでおきましょう。

でも、これだけでは寂しいので「お問い合わせありがとうございます。以下の内容でメッセージを受け付けました。

などのメッセージを上に入れてあげると親切ですね。

これで右上にある「終了」ボタンを押しましょう。

設定10

今度は「終了」ボタンから、「公開」ボタンに変わります。

一度、「公開」ボタンを押します。

すると、上にもうすぐ完了します…」の文字がやっと出ました!

お疲れ様でした!

フォームタイトル欄に「お問い合わせフォーム」と入力して。

の「公開」ボタンを押しましょう。

 

設定11

高度な設定でお問い合わせフォームのタイトルを付ける

タイトル設定

つぎは、メールとアクションの隣にある「高度な設定」を選択します。

設定1

次の画面で「表示設定」を選択します。

設定2

画面が変わり、右側の画面でのフォームタイトルが空の場合空、フォームタイトルを入れ

のフォームタイトル表示の緑色をOFにします。

あとは右上の「終了」を押しては存します。

やっと「Ninja Forms」の設定が終わりました!!

おめでとうございます。長かったですねー(笑)

あともう一息なので頑張りましょう。

サイトにお問い合わせフォームの設置方法

サイト設定

ダッシュボード画面のNinja Forms」を選択、次はダッシュボード」を選択します。

すると、さっき設定した「お問い合わせフォーム」のタイトルが出ています。

その横のショートコードをコピーしてください。

固定ページ

つぎはダッシュボードの中の固定ページ新規追加」とクリックします。

新規追加

タイトルにお問い合わせフォーム」と入力、の「下書き保存」を選択します。

パーマリング

では、記事を書く順番で進めていきましょう。

のパーマリングで「編集」をクリック、「mail」と入力してで「OK」で保存。

の「テキスト」を選択し、コピーしたショートコードを張り付けます。

あとはの「ビジュアル」に戻し「公開」をします

カンタンでしたね。♫♪

もう、この一つの設定で終わりですからね。^^

お問い合わせフォームをグローバルメニューに設置

メニュー

また、ダッシュボードの外観」から「メニュー」を選択します。

固定ページ

すると先ほど固定ページで作ったお問い合わせフォーム」にチェックしての「メニューに追加」を選択すると…

メニュー設置

お問い合わせフォーム」が下に現れています。

お疲れ様でしたー!

これで、「Ninja Forms」の基本的な設定はおしまいです。

メールテスト

あとはグローバルメニューにできた「お問い合わせフォーム」を自分で記入して、メールが届くか必ずテストしてみましょう

今日はNinja Formsの基本的なメール設定をしましたが、Ninja Formsはメルマガは欠かせない多種多様な便利な設定がたくさんあります。

また、ボチボチとその2、その3、など記事を書いていきますね。^^

メルマガ登録で報酬を増やす!無料オファーをざっくりと説明

 

  • この記事を書いた人
  • 最新記事

-副業 在宅

© 2020 田舎暮らしを実現♪副業在宅でゆとり生活チェンジ Powered by AFFINGER5