無料で使えるメルマガサービス「MailPoet3」。前回の記事「MailPoetの初期設定【MailPoet導入奮闘記 第2回】」で初期設定が完了しました。
今回は、いよいよメルマガ登録ページを作成していきます。
メルマガ登録ページを作る手順は以下の通りです。
- リストを作る
- フォームを作る
- 登録ページを作る
リストを作る
MailPoetでは複数のメルマガやステップメールを運用することが可能です。その1つ1つのメルマガやステップメールの読者の集まりを「リスト」という単位で管理します。
ということで、まずは、不要なリストを削除し、必要なリストを追加します。メルマガ登録フォームを使って登録する際、どのリストに対して読者を追加するか設定するので、フォームより先にリストを作って下さい。
WordPressの管理画面からMailPoetのリストをクリックします。
[imgshadow]
[/imgshadow]
現在、MailPoetに設定されているリストが表示されます。
[imgshadow]
[/imgshadow]
このリストは不要なので、削除します。削除の方法は、名前の横にあるチェックボックスにチェックを入れて、ゴミ箱に移動をクリックします。
[imgshadow]
[/imgshadow]
削除できなかった「WordPressユーザー」は、『ゴミ箱に入れて無効にする』をクリックして削除します。
[imgshadow]
[/imgshadow]
削除が完了したら、新しくリストを作成します。「＋新しいリスト」をクリックします。
[imgshadow]
[/imgshadow]
「名前」「説明」を入力し、「保存」をクリックします。
[imgshadow]
[/imgshadow]
リスト完成。
[imgshadow]
[/imgshadow]
続いて、フォームの作成を行っています。
フォームを作る
MailPoetにはメールアドレス登録用フォームのテンプレートが用意されています。基本的には、テンプレートを書き換えてページやイメージに合ったフォームに作り替えていきます。
WordPressの管理画面にあるフォームをクリックします。
[imgshadow]
[/imgshadow]
「＋新規フォーム」をクリックします。
[imgshadow]
[/imgshadow]
テンプレートから好きなフォームのデザインを選択します。フォームのタイプは、ポップアップ、スライドイン、固定バー、ページの下、その他（ウィジェット）の5つから選べます（タイプは後から変更可能）。
[imgshadow]
[/imgshadow]
画面の左がフォームのテンプレートです。この部分を書き換えます
[imgshadow]
[/imgshadow]
今回は、メールアドレスとボタンを残して残りは削除します。理由は後から登録ページを別途作成し、このフォームを差し込む予定だからです。
[imgshadow]
[/imgshadow]
次にボタンの文字を書き換えます。ボタンをクリックして、画面右側のブロックのラベル「クラブに加わる」を「今すぐ登録する」と書き換えます。
[imgshadow]
[/imgshadow]
[sankaku][/sankaku]
[imgshadow]
[/imgshadow]
フォームをクリックして、設定を変更します。「クラブに加わる」→「メルマガ登録」。
[imgshadow]
[/imgshadow]
「リストを選択して下さい」をクリックし、リスト「メルマガ」を選択します。
[imgshadow]
[/imgshadow]
ひとまず、送信後はそのまま。メッセージを表示にしておきます。後ほど、サンクスページを作成後に変更予定。
[imgshadow]
[/imgshadow]
フォームの配置で「ショートコードとその他」をクリックします。
[imgshadow]
[/imgshadow]
ショートコード（赤下線）をコピーしておきます。
[imgshadow]
[/imgshadow]
作成できたら保存して、フォームの作成が完了です。次はいよいよ登録ページを作成します。
登録ページを作成する
登録ページは、固定ページを使って作成します。ポイントは、先ほどコピーしたショートコードを登録ページ中に貼る事です。
今回はテストで、ショートコードを貼っただけの簡単なページにします。固定ページから新規作成をクリックし、新しく固定ページを作成します。
[imgshadow]
[/imgshadow]
タイトルを入力し、『ブロックを選択するには「/」を入力』と表示されている部分に、ショートコードを貼り付けます。
[imgshadow]
[/imgshadow]
できあがったらプレビューでページを確認します。
[imgshadow]
[/imgshadow]
この記事ではココまでで終わりです。
後は、申し込みページを書き上げれば本当の意味での完成になります。
次の記事では、MailPoetで使う認証ページなどの作成を行っています。
[topic color="" title="MailPoet導入奮闘記"]
- 第1回 WordPressで使える無料ステップメールはMailPoetで決まり
- 第2回 MailPoetの初期設定
- 第3回 MailPoetのメルマガ登録ページ作成
- 第4回 MailPoetのサブスクリプション管理ページ作成
- 第5回 MailPoetのメルマガ登録の動作確認
- 第6回 MailPoetのサインアップ認証の設定と承認ページ作成
- 第7回 メルマガ申し込み後のサンクスメールの設定
- 第8回 メルマガの「購読中止」と「購読を管理する」の設定
[/topic]
