WordPress に Mailchimp ポップアップを追加する方法 [2 つの簡単な方法!]

公開: 2023-01-26

Mailchimp ポップアップを WordPress に追加したいですか? このガイドでは、WordPress を使用して Mailchimp ポップアップを追加する方法を 2 つの簡単な方法で紹介します。

WordPressにMailchimpポップアップを追加する方法

おおよその読み取り時間: 5 分

Mailchimp を使用してポップアップ フォームを埋め込むと、購読者をニュースレターのメーリング リストに簡単に追加できます。

しかし、Web サイトに Mailchimp ポップアップを表示しますか? 簡単ではないようです。

ただし、実際には見た目よりもはるかに簡単です。 そして、このガイドでは、今日、WordPress Web サイトに Mailchimp ポップアップ フォームを 2 つの方法で提供します。Mailchimp と Formidable Forms を使用します。

Formidable Forms は、最高の WordPress Form Builder プラグインです。 無料で手に入れよう!

始めましょう。

  • Mailchimp を使用して WordPress に Mailchimp ポップアップを追加する方法
    • WordPressでMailchimpポップアップフォームを削除する方法
    • WordPress に Mailchimp ポップアップ フォームを追加する簡単な方法

      Mailchimp を使用して WordPress に Mailchimp ポップアップを追加する方法

      最初に、Mailchimp チュートリアルでその方法を示します。

      そうすれば、すべてのオプションを使用して、最適なものを使用できます。

      まず、Mailchimp アカウントに移動し、 Create → Signup Form → Pop-up formをクリックします。

      次に、サブスクライバーがサインアップしたときに割り当てられるオーディエンスを選択し、[開始] をクリックします

      Mailchimp オーディエンスを選択する

      Mailchimp オーディエンスと Mailchimp サブスクライバーが期待する内容に合わせて、サブスクライバー ポップアップを自由にカスタマイズしてください。

      完了したら、ページの上部にある [サイトに接続] ボタンをクリックします。

      ページの上部にある [サイトに接続] をクリックします。

      次に、Web サイトの URL を入力すると、Mailchimp がコードを生成します。 これをコピーして、WordPress のウェブサイトの <head> に Mailchimp ポップアップ コードを追加します。

      WordPress サイトのコードを Mailchimp からコピーします。

      次に、WordPress ダッシュボードに移動して、Mailchimp ポップアップを WordPress に埋め込みます。

      これを行うには、セットアップに応じていくつかのオプションがあります。

      1. サイトのファイルを手動で編集する
      2. テーマのエディターを使用する
      3. サードパーティのプラグインをインストールして使用する

      1.サイトのファイルを手動で編集する

      WordPress ダッシュボードで、[外観] → [エディター] に移動し、 header.phpファイルを見つけます。

      <head> タグが、ファイルの上部近くの <html> タグと <body> タグの間にあるはずです。

      <head> 開始タグと終了タグの間に Mailchimp コードを貼り付けます。

      変更を保存し、Mailchimp に戻り、[接続の確認] ボタンをクリックして接続を確認します。

      すべて問題なければ、Mailchimp ポップアップ フォームを WordPress に埋め込む方法がわかりました。

      2.テーマのエディターを使用する

      ほとんどのテーマには、サイトのファイルを簡単に調整するためのエディターが組み込まれています。

      テーマによって、エディターの場所は異なります。 ただし、エディターを使用すると、上記で示した手順と同様の手順に従います。

      <head> を見つけてタグの間に Mailchimp コードを入力し、Mailchimp との接続を確認します。

      3. サードパーティのプラグインをインストールして使用する

      サイトのファイルを編集するのが緊張する場合は、プラグインがそのトリックを行うことができます.

      WordPress プラグイン ライブラリには多くの選択肢がありますが、人気のあるオプションは WPCode で、コードの編集がはるかに簡単になります。

      WordPress サイトにインストールしてアクティブ化したら、ヘッダーとフッターのセクションに移動し、コードを貼り付けて保存します。

      WPCode はコードを追加する簡単な方法を提供します

      以上です!

      Mailchimp に戻って接続を確認すると、準備完了です。 これが、Mailchimp にポップアップ フォームを追加する方法です。

      しかし、それを取り除くのはどうですか?

      WordPressでMailchimpポップアップフォームを削除する方法

      Mailchimp 埋め込みフォームを削除するには、 <head> タグに貼り付けたコードを削除する必要があります。

      上記の 3 つの方法のいずれかを使用して、WordPress ダッシュボードにアクセスし、コードを削除します。

      削除すると、サイトは Mailchimp から解放されます。

      WordPress に Mailchimp ポップアップ フォームを追加する簡単な方法

      恐るべきフォーム×OptinMonster

      ここの部屋にいるゾウに話しかけましょう。

      サイトのコードを編集するのは面倒な場合があります。 特に経験がない場合は、Web サイトを台無しにしたくないでしょう。 また、Mailchimp サインアップ フォーム用の Mailchimp プラグインがないため、それを行う必要があります。

      しかし、もっと簡単な解決策があります: Formidable Forms と OptinMonster を使用します

      手ごわいフォームを今すぐ入手!

      Formidable Forms には Mailchimp が統合されているため、Mailchimp フォームを簡単に作成できます。 OptinMonster は、ポップアップを作成するための主要なプラグインです。 したがって、この 2 つを組み合わせると、Mailchimp が提供するすべてのものと、さらに多くのものを手に入れることができます!

      とてもシンプルです。 次の 3 つの簡単な手順だけです。

      1. フォームを作成する
      2. OptinMonster を使用してポップアップを作成する
      3. ポップアップをサイトに公開する

      それでは、Mailchimp サブスクライバー ポップアップを WordPress に追加する方法を学びましょう。

      手ごわいフォームプロプラン

      ステップ 1: フォームを作成する

      Web サイトに Formidable Forms と OptinMonster をインストールしてアクティブ化したら、あとは Mailchimp アドオンをインストールするだけです。

      次に、WordPress ダッシュボードでFormidable → Forms → Add Newに移動します。

      新規追加をクリック

      次に、Formidable の既製のテンプレートまたは空白のフォームのいずれかを選択します。 次に、フォームに名前を付けて [作成] をクリックします。

      Formidable のドラッグ アンド ドロップ フォーム ビルダーを使用して、Web サイトのフォームを自由にカスタマイズできます。 たとえば、テキスト、電子メール、および段落フォーム フィールドを追加して、単純な連絡先フォームを設計できます。

      Formidable のドラッグ アンド ドロップ ビルダー

      フォームのデザインが完了したら、[更新]をクリックして変更を保存します。

      最後に、[埋め込み] → [手動で挿入] をクリックして、 WordPress ショートコードをコピーします。 これは次のステップで必要になります。

      ステップ 2: OptinMonster を使用してポップアップを作成する

      ダッシュボードでOptinMonsterに移動し、新しいキャンペーンを作成します。

      [ポップアップ] を選択し、[新規作成] をクリックします。

      OptinMonster でポップアップを選択

      OptinMonster のポップアップ ビルダー内で、 Canvasポップアップを検索します。 次に、[テンプレートを使用] をクリックして、キャンペーンに名前を付けます。

      1. キャンバス上のすべての要素を削除します。 ブロックの右上隅にあるゴミ箱を見つけてクリックします。
      2. ブロックをクリックして、キャンバスにドラッグします。
      3. [ブロック] タブで、 HTMLブロックを追加します。
      4. 前のステップのショートコードHTMLブロックに貼り付けます。
      5. フォームを保存します。

      次に、ポップアップがいつ表示されるかを設定するだけです。

      ポップアップ表示ルールの構成

      OptinMonster のページの上部にある [表示規則] をクリックします。

      ポップアップを表示するにはいくつかのオプションがありますが、 Time on Pageでその方法を説明します。

      それで、[人気] タブをクリックして、[ページ滞在時間] を見つけます。 セットアップで、他の設定とともに、表示されるまでの時間の長さをカスタマイズできます。

      ページ滞在時間

      最後に、右上隅にある [保存] をクリックします。

      ステップ 3: サイトでポップアップを公開する

      ポップアップのステータスをPublishに変更するだけです。

      あなたの手ごわいフォームは、あなたのサイトの好きな場所に OptinMonster ポップアップ内に表示されます!

      ポップアップフォームの例

      素晴らしいパートナーシップについて話してください!

      WordPressにMailchimpポップアップをどのように配置しますか?

      WordPress に Mailchimp ポップアップを追加することは、複雑である必要はありません。

      そして、この投稿では、Mailchimp と Formidable Forms x OptinMonster を使用して WordPress に Mailchimp ポップアップをインストールし、今日からメーリング リストの拡大を開始する方法を学びました。

      WordPress でポップアップを作成する方法について詳しく知りたい場合は、ポップアップの作成に関する詳細なガイドをご覧ください。

      手ごわいフォームを今すぐ入手!

      最後に、Facebook、Twitter、YouTube でフォローして、WordPress のその他のヒントやコツを入手してください。

      メールチンプについてもっと読む


      Formidable Forms は、現在入手可能な最速の WordPress フォーム ビルダー プラグインの 1 つであることをご存知ですか? まだ使用していない場合は、無料のプラグインまたはフル機能のプロ版から始めましょう!