2018.12.08WordPressサイトに、スクロールボックスやポップアップフォーム等といった動きのあるフォームを設置できる「MailMunch」というプラグインがあります。「MailMunch」はMailChimpと連携できるので、動きのあるフォームを簡単に設置することができます。以下の記事で似たようなプラグインを紹介していますが、こちらのプラグインは単体では使う事が出来ず、2つのプラグインを使用する必要があります。「MailMunch」は単体で動きますので、手っ取り早く動きのあるフォームを設置したい方にはお勧めのプラグインです。フォーム作成の完了MailMunchにログインまとめスポンサーリンク「MailMunch」とは「MailMunch」は無料から利用できるリード獲得(見込み客)に主軸を置いたサービスで、MailChimpだけでなく、様々なメール配信システムと統合できる、メールマーケティングツールです。https://www.mailmunch.co/作成できるフォームは、ポップアップ、埋め込みフォーム、トップバー、スクロールボックス、サイドバーなど、ユーザーの目に留まるようなフォームを簡単に設置する事ができます。Monitor、Infusionsoft、ActiveCampaign、GetResponse、ConvertKit、Zapierなど、様々な外部サービスと連携できるほか、A/Bテスト等の分析も可能(有料プラン)です。「MailMunch」をWordPressに設置する流れそれでは、「MailMunch」の設置方法や設定について解説していきます。MailMunchのインストールまずは「MailMunch」をインストールして下さい。プラグイン検索窓に「MailMunch」と入力するとプラグインが表示されますので、「今すぐインストール」をクリックします。インストール終了後「有効化」をクリックして、プラグインを有効化します。左側メニューを見ると、「MailMunch」という項目が追加されたことが確認できます。Pages」という項目も追加されます。Pages」機能は使ったことが無いので、今回はポップアップ機能のみ解説します。フォームの作成と設定方法プラグインをインストールしたら、「MailMunch」でフォームを作成します。Form」をクリックします。最初に、フォームタイプを選択します。今回はスクロールタイプのフォームを作成するので「Scrollbox」を選択します。次に、フォームデザインを選択します。「PREMIUM」というロゴがついているフォームは有料プランでしか使えないので、左上のシンプルなフォームを選択します。Form」をクリックします。フォームメッセージの設定フォームに表示されるメッセージを設定します。申し込み前と、申し込み後の表示を設定できます。入力画面のテキストを設定します。1フォームのタイトル、2フォームの説明文を入力します。申し込み後のフォームを設定します。1メッセージを入力し、2タイトルを入力します。Continue」をクリックして次に進みます。フォーム外観の設定フォームの外観を設定します。フォームの背景、ボタン、テキストの配色を変更できます。フォームの表示ポジションも変更可能です。サンプルとして、以下のように設定しました。COLOR:フォームの背景を変更できます。COLOR:申し込みボタンの色を設定できます。TEXT:申し込みボタンのテキストカラーを設定できます。Position:フォームの表示場所を選択できます(初期設定は右側に表示されます)。フォームフィールドの設定フォームフィールドの表示設定を行います。サンプルとして以下のように設定しました。LABEL:チェックを入れるとラベルが表示され、チェックボックスの下にある記入欄にラベル表示のテキストを設定します。TEXT:入力フォーム記入欄に表示される、入力に関する案内を示したテキストを設定できます。Text:ボタンテキストを設定できます。フォームの動作設定ここでは、フォームをどのように動作させるかを設定します。Showユーザーがページをスクロールした時、何時フォームを表示させるか、ユーザーが閉じるボタンを押したら何日間フォームを表示させないかを設定します。POINT:ユーザーがどれぐらいページをスクロールした時に表示させるかを設定をします。初期設定では50(%)スクロールした時に表示されます。DURATION:ユーザーがフォームを閉じた時、何日間表示させないかを設定できます。初期設定では1日です。Subscribersユーザーが登録した後の動作を設定できます。この項目は初期設定のままでOKです。Rulesフォームの表示ルールを設定します。初期設定では、全てのデバイスで表示されるようになっていますが、表示させたくないデバイスがあれば、OFFにすると非表示になります。Rule」をクリックすると、さらに細かい表示設定ができます。on)のルールを設定します。1で設定したルールの詳しい条件を選択します。RegEx:正規表現と一致するURL2で設定した条件を指定します。post」を選択した場合、記事IDを入力すると、その記事にだけ表示させる事ができますし、空欄であれば全ての投稿に表示させる事ができます。URLで指定した場合はURLを入力します。「Done」をクリックして設定を保存します。Protectionスパム登録の設定を行います。初期設定では、MailMunchによるスパム保護機能がONになっていますので、このままでも問題無いと思います(この機能は「OFF」にはできません)。Googleの「reCAPTCHA」を有効にしたい方はここで設定できます。Form」をクリックします。ポップアップ表示で「MailMunch」と「MailChimp」を接続するために、MailChimpのアカウント情報を入力します。接続完了すると、以下の画面が表示されますので「Finish」をクリックします。MORE」をクリックするとプラン詳細を確認できます。Now」をクリックします。Up」をクリックします。MailMunchのアカウント登録をします。URL:サイトのURLを入力します。Address:アカウントに登録するメールドレスを入力します。Password:パスワードを入力します。Up」をクリックします。アカウント登録が完了すると、MailMunchの設定画面に戻り、フォームが稼働している事が確認できます。以上でMailMunchの設定は完了です。まとめ以上、WordPressサイトにMailChimpのフォームを簡単に設置できるMailMunchの設置方法や設定方法について解説しました。MailMunchを使えば簡単にユーザーの目に留まりやすい動きのあるフォームを設置できますので、MailChimpを使っている方は、是非、MailMunchを試してみて下さい。Monitor、Infusionsoft、ActiveCampaign、GetResponse、ConvertKit、Zapier等を利用されてる方にもお勧めです。今なら無料で下記ノウハウが手に入ります。隆司ブログ・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をコピーしました。