2018.10.18WebサイトにMailChimpの登録フォームを設置する場合、通常はHTMLタグを発行して、HTMLコードを張り付ける手間が必要となりますが、WordPressのプラグインを使うことで、ショートコードを貼り付けるだけで簡単にフォームを設置する事ができるようになります。WordPress」を使って、メールマガジンの登録フォームを簡単に設置する方法を解説します。WordPress」の使い方について解説していきます。WordPress」をインストールしていきます。WordPress」と入力するとプラグインが表示されますので、「今すぐインストール」をクリックします。インストール終了後「有効化」をクリックして、プラグインを有効化します。WP」という項目が追加されたことが確認できます。WordPressの設定方法について解説していきます。選択して、1プラグインの管理画面に移動します。here」をクリックします。here」をクリックすると、メールチンプの管理画面に移動し、APIキーが発行されますので、こちらのAPIキー取得します。プラグインの管理画面に戻り、1取得したAPIキーを貼り付け、2「変更を保存」をクリックします。MailChimpとWordPressが接続できると、Statusが「CONNECTED」と表示されます。これで、API接続は完了です。ちなみに、リストが表示されます。リストの選択WordPressサイトとMailChimpをAPIで接続したら、次に、登録フォーム作成対象となるリストを選択します。選択してリスト選択画面に移動します。form」をクリックします。すると、以下のようにショートコードが発行されますので、ショートコードをコピーします。ウィジェットに張り付けてサイドバーに設置サイドバーに設置するので、ウィジェットに移動します。フォームを設置したい場所にカスタムHTMウィジェットを設置し、ショートコードを貼り付け、保存ボタンをクリックします。これで登録フォームをサイドバーに設置する事ができました。フォームの見た目を変更する出力されたショートコードをそのまま貼り付けると、以下のように英語表記となってしまいます。このままでも使える事は使えますが、ユーザーが分かり難いと思いますので、フォームの見た目を変更したいと思います。選択し、フォーム設定画面に移動します。移動したら、画面下の方にあるコードがありますので、ここを英語から日本語に変更します。画面下に以下のようなコードが書かれた場所がありますが、こちらは編集できますので、次のように編集すると良いかと思います。address:</label>と書かれたコードを<label>メールアドレス:</label>と編集する(文言はお好みで編集して下さい)。address”と書かれた部分をplaceholder=”メールアドレスを入力して下さい”と編集する(文言はお好みで編集して下さい)。up”と書かれた部分をvalue=”メールマガジンを購読する”と編集する(文言はお好みで編集して下さい)。全て変更しましたら、画面下にある「変更を保存」ボタンをクリックして、設定を保存して下さい。トップページを確認してみると、以下のように表示が変更されたことが確認できます。送信ボタンの色を変更する送信ボタンの色を変更する事も出来ます。初期設定ではテーマ固有の色が表示されますが、5色のボタンカラー(Light、Dark、Red、Green、Blue)が用意されているので、お好みで変更するが出来ます。Styleを選択します。すると、以下のようにカラーを選択できますので、お好みのカラーを選択して下さい。Theme」を選択し、2「変更を保存」をクリックします。トップページを確認すると、送信ボタンが緑色に変更されたのが確認できます。登録後のメッセージ初期設定のまま使用すると「ご登録ありがとうございます!」といったメッセージが英語で表示されてしまうので、セッティングで変更する必要があります。メッセージを英語から日本語に編集するには、フォーム設定画面で「Messages」タブを選択して設定します。登録後に表示されるメッセージなので、「ご登録ありがとうございます!」というように変更したほうがよいです。無効なメールアドレスが入力された時に表示するメッセージなので、「有効なメールアドレスを入力してください。」と変更すれば良いです。入力必須項目に記入していないと表示される警告メッセ―ジ。メールアドレス以外に入力させる場合は変更しましょう。リストに登録してあると表示されるメッセージ。一般的なエラーが発生したときに表示されるメッセージです。「後でもう一度お試しください。」と変更しておけば良いです。ユーザーが登録解除を申請した際に、登録されていない時に表示させるメッセージ。登録解除ボタンを表示させる際に使用します。ユーザーが登録解除を申請した際、ユーザーが指定したリストに登録されていないときに表示させるメッセージ。ユーザーに登録リストを選択させる際、リストの選択がされていないと表示される警告メッセ―ジ。作成するメールフォームが、メールアドレスだけを登録させるメールアドレス+名前を登録させるという事であれば、1~5だけを変更しておけば良いと思います。私もこのプラグインを使用してメールアドレスだけを登録させるフォーム作成しましたが、下記項目しか変更していません。他の項目は表示されないので変更する必要はありません。ダブルオプトインを使用するかしないか。リストに登録している購読者情報を更新するかどうか。ユーザーが登録した後、フォームを非表示にするかどうか。サンクスページを表示させたい場合は、URLを入力すると、登録後にリダイレクトさせる事ができます。WordPress」の使い方や設定方法について解説しました。WordPress」のショートコードを貼り付けると、ポップアップ表示のフォームを簡単に作る事ができます。具体的な方法は「ポップアップ表示を簡単に作れるプラグイン「Boxzilla」を使ってメールマガジンの登録アピールしよう」で解説していますので、参考にして下さい。違うポップアップフォームに興味があるようでしたら、以下の記事も併せて参考にして下さい。隆司ブログ・Webマーケティング・SEO、アフィリエイトの情報など、実践していることや、ITガジェット・RPA・チャットボット・ドローンなどの情報を発信。me!WordPressを活用したWebマーケティング、SEOを中心に情報を発信しています。このブログを通してブログマーケティングに取り組んでいます。隆司ブログ・Webマーケティング・SEO、アフィリエイトの情報など、実践していることや、ITガジェット・RPA・チャットボット・ドローンなどの情報を発信。t("").html(tocplus.visibility_show).text():default:t(this).html(tocplus.visibility_hide),t.cookie&&(o?t.cookie("tocplus_hidetoc","1",{expires:30,path:"/"}):t.cookie("tocplus_hidetoc",null,{path:"/"})),t("#toc_container").css("width",tocplus.width).removeClass("contracted"),t("ul.toc_list").show("fast")}})}}});タイトルとURLをコピーしました。