[`yahoo` not found]
Pocket

bandicam-2016-10-17-18-29-57-218 今回は、ワードプレスへのメルマガフォームの設置方法についての解説をします。

メルマガフォームの作成方法については以下の記事をご覧下さい。
エキスパートメール設定方法2メルマガフォームの作成方法

簡単フォームの設置方法


エキスパートメールの「メルマガ一覧」画面を開き、
フォームを作成したいメルマガを選択します。

赤枠の「メルマガタイトル」をクリックします。

bandicam-2016-10-13-21-55-28-455

画面左側のメニューバーから「簡単フォーム」をクリック。

bandicam-2016-10-13-22-26-09-642

簡単フォームの画面が表示されたら、フォームタグをクリック。
赤枠で囲ったタグを全てコピーし、HPやブログに貼り付けて使います。

bandicam-2016-10-14-12-11-20-566

これで、簡単フォームタグを取得できました。

ワードプレス、ダッシュボードのメニューバーから、
「固定のページ」⇒「新規追加」を開きます。

bandicam-2016-10-14-13-26-25-383
まずタイトルを記入します。
私は「メルマガ登録フォーム」とタイトルを記入しました。

記事投稿画面に、エキスパートメールで取得したメルマガ登録フォーム設置用の
タグを貼り付けます。

赤枠の部分は元々「登録」と記載されていましたが、
「メルマガ登録」に書き換えました。

最後に「公開」ボタンをクリックします。

bandicam-2016-10-14-14-23-25-198

しかしこのままでは、
メルマガ登録フォームはトップページのメニューバーに表示されませんので
グローバルメニューの設定を変更していきます。

ワードプレスのダッシュボードメニューバーから、
「外観」⇒「メニュー」を開きます。

bandicam-2016-10-14-14-00-34-667
画面左側の固定ページの中から、「メルマガ登録フォーム」のチェックボックスに
チェックを入れます。

「メニューに追加」をクリック。

画面右側のメニュー構造に「メルマガ登録フォーム」が追加されました。

画面下の「メニュー設定」から「グローバルメニュー」にチェックを入れます。

「メニューを保存」クリック。

7fwk9bb8aftoaer1476435027_1476435201

これで、トップページのメニューバーに
「メルマガ登録フォーム」が表示されました。

bandicam-2016-10-14-17-09-54-426

確認のためにメニューバーの「メルマガ登録フォーム」をクリックします。
画像のように「メルマガ登録フォーム」が完成しました。

bandicam-2016-10-14-17-16-14-550

それでは、「メルマガ登録フォーム」の動作テストをします。
メールアドレスを記入し、「メルマガ登録」クリック。

bandicam-2016-10-14-17-25-05-007

メルマガのタイトルと、
「以下のメールアドレスを登録しますか。」と画面に表示されます。
「登録」をクリックします。

bandicam-2016-10-14-13-16-36-709

「メールアドレスを登録しました。」と以下の様な画面が表示されたら、
「メルマガ登録フォーム」の動作テストは成功です。

bandicam-2016-10-14-13-16-53-808

今回は、まだメルマガ自体が完成しておらず配信されませんが、
動作テスト自体は正常に作動しました。

これでワードプレスにエキスパートメールの
メルマガ登録「簡単フォーム」の設置は完了です。

詳細フォーム設置方法


基本的なやり方は簡単フォームの設置方法と同じです。

エキスパートメールの「登録フォーム」を開き、
「HTMLタグ発行」をクリック。

bandicam-2016-10-17-13-19-19-624

HTMLフォームタグの画面が表示されたら、タグを全てコピー、
ワードプレスの固定ページへ貼り付けます。

bandicam-2016-10-17-13-30-41-424

ワードプレス、ダッシュボードのメニューバーから、
「固定のページ」⇒「新規追加」を開きます。

bandicam-2016-10-14-13-26-25-383
まずタイトルを記入します。
私は「メルマガ登録フォーム」とタイトル記入しました。

記事投稿画面に、エキスパートメールで取得したメルマガ登録フォーム設置用の
タグを貼り付けます。

赤枠が貼り付けたタグです。
最後に「公開」ボタンをクリックします。

bandicam-2016-10-17-15-28-42-287

出来上がった登録フォームをプレビューで確認すると以下の様になります。

bandicam-2016-10-17-16-26-26-581

次にメルマガ登録フォームをトップページのグローバルメニューに表示させます。

ワードプレスのダッシュボードメニューバーから、
「外観」⇒「メニュー」を開きます。

bandicam-2016-10-14-14-00-34-667
画面左側の固定ページの中から、「メルマガ登録フォーム」のチェックボックスに
チェックを入れます。

「メニューに追加」をクリック。

画面右側のメニュー構造に「メルマガ登録フォーム」が追加されました。

画面下の「メニュー設定」から「グローバルメニュー」にチェックを入れます。

「メニューを保存」クリック。

7fwk9bb8aftoaer1476435027_1476435201

これで、トップページのメニューバーに
「メルマガ登録フォーム」が表示されました。

bandicam-2016-10-14-17-09-54-426

確認のためにメニューバーの「メルマガ登録フォーム」をクリックします。
画像のように「メルマガ登録フォーム」が完成しました。

bandicam-2016-10-17-16-30-03-445

それでは、「メルマガ登録フォーム」の動作テストをします。
必要事項を記入し、「送信」クリック。

以下のような画面が表示されたら、登録テストは成功です。

bandicam-2016-10-17-15-44-15-226

これでワードプレスにエキスパートメールの
メルマガ登録「詳細フォーム」の設置は完了です。



[`yahoo` not found]
Pocket