WordPressでMailchimpのランディングページを作りませんか？Eメールリストを増やす一番の近道は、サインアップを獲得するためだけにデザインされたページに訪問者を送り込むことです。
問題は、Mailchimpの組み込みランディングページが限られていることです。ランディングページはMailchimpのサーバーでホスティングされ、追加料金を支払わない限り独自ドメインは使用できず、しばしば以下のような不便なURLになってしまいます：
https://mailchi.mp/6c3044bf2117/your-landing-page/
そのため、MailchimpのランディングページをWordPress内に直接構築するのが良い方法です。Mailchimpとシームレスに接続しながら、デザイン、SEO、ドメイン名を完全にコントロールすることができます。
このチュートリアルでは、SeedProdを使ってWordPressでMailchimpのランディングページを作る方法をステップバイステップで紹介します。SeedProdはドラッグ＆ドロップで簡単にプロフェッショナルでコンバージョンの高いページを作ることができます。
WordPressでMailchimpのランディングページを作成する簡単な手順です：
なぜMailchimpのビルダーではなくSeedProdを使うのか？
SeedProdは、あなたのWordPressサイト上でランディングページをホストすることができ、クリーンでブランド化されたURLを提供します。また、何百ものテンプレート、ドラッグアンドドロップのデザインブロック、Mailchimpのような組み込みの統合にアクセスできるので、すぐに購読者を集め始めることができます。
それを念頭に置いて、ステップに飛び込もう。
ステップ1.SeedProdランディングページプラグインのインストールと有効化
まず、ここをクリックしてSeedProdを開始し、プラグインをコンピュータにダウンロードします。その後、WordPressウェブサイトにプラグインをインストールし、有効化してください。
このステップで助けが必要な場合は、WordPressプラグインをインストールする手順をご覧ください。
SeedProdをインストールしてアクティベートすると、ライセンスキーの入力を求めるウェルカムスクリーンが表示されます。
SeedProdアカウントにログインし、[View License Key, Details, and Downloads]リンクをクリックしてライセンスを検索します。
そこからライセンスキーをコピーします。
その後、WordPressサイトに用意されているフィールドにキーを貼り付けることができます。
そうしたら、画面を少し下にスクロールし、「最初のページを作成」ボタンをクリックします。
ステップ2.SeedProdで新しいランディングページを作成する
次の画面は、SeedProdランディングページの概要です。画面上部には、SeedProdで有効化できるさまざまなページモードがあります：
非アクティブからアクティブに切り替えるには、それぞれのトグルをクリックします。
ページモードのセクションの下には、ランディングページを作成した後に表示される場所があります。
最初のページを作成するには、「新しいランディングページを追加」ボタンをクリックします。
ステップ3.ランディングページのテンプレートを選ぶ
ランディングページを作成するボタンをクリックすると、SeedProdのレスポンシブランディングページテンプレートのライブラリが表示されます。各テンプレートはドラッグ＆ドロップのビジュアルエディタでカスタマイズできます。
ページ上部にある以下のカテゴリーをクリックすると、テンプレートを絞り込むことができます：
あとは、あなたのニーズに最も適したテンプレートを選ぶだけです。SeedProdのビジュアルエディタでテンプレートを起動するには、テンプレートのサムネイルにマウスカーソルを合わせ、チェックアイコンをクリックします。
このチュートリアルでは、ニュースレタースクイーズページのテンプレートを使用します。
ステップ4.ランディングページのデザインをカスタマイズする
テンプレートを起動すると、SeedProdのドラッグアンドドロップビジュアルエディタが表示されます。画面は2つのセクションに分かれています。
ページに追加できるさまざまな要素は左側にあり、右側にはランディングページのライブプレビューがあります。これにより、あなたが自動的に加えた変更をリアルタイムで確認することができます。
ランディングページのコンテンツをカスタマイズするには、ライブプレビューのどこかをクリックしてください。
例えば、本文のコピーを変更するには、既存のコピーをクリックします。すると、左側に設定パネルが開き、自分のコンテンツを追加することができます。また、右側のインライン編集オプションを使用することもできます。
この方法でページの画像を変更することもできます。既存の画像をクリックするだけで、左側のパネルにある設定が開きます。
そこから、デフォルトの画像を削除し、あなたのコンピュータまたはWordPressのメディアライブラリから画像に置き換えることができます。また、SeedProdプランに無料で含まれている何千ものストック画像から検索することもできます。
ランディングページのコンテンツをカスタマイズした後、SeedProdのランディングページブロックを使って追加コンテンツを追加することができます。
ランディング・ページ・ブロック
ランディングページのブロックは、訪問者をより魅力的にするためにページに追加できるさまざまな要素です。ブロックの種類は2種類あります：スタンダードとアドバンスです、
標準ブロックには、画像、ボタン、見出しなどの基本的なページ要素がすべて含まれています。
しかし、アドバンス・ブロックは、リードを生み出すことに重点を置いている：
- 景品ブロック
- オプティン・フォーム
- お問い合わせフォーム
- ソーシャル・プロフィール
- カウントダウン・タイマー
- 星の評価
- アンカーリンク
- プログレス・バー
- そしてもっと。
ランディングページにブロックを追加するには、左側のパネルからブロックをドラッグしてページのプレビューにドロップするだけです。そこから、設定パネルでコンテンツをカスタマイズできます。
SeedProdのランディングページブロックの多くには、既製のテンプレートも付属しています。これらはあらかじめ設定されたブロックスタイルで、マウスをクリックするだけで変更することができます。
これらを見つけるには、任意のページ要素をクリックし、「テンプレート」タブに移動します。次に、最も気に入ったスタイルをクリックして、ブロックに適用します。
ランディングページのセクション
ブロックと同様に、SeedProdには様々なランディングページセクションがあります。これらはあらかじめ用意されたブロックの組み合わせで、ワンクリックで挿入できるページ全体の領域を形成します。
セクション」タブをクリックし、いくつかのセクションから選択する：
- ヘッダー
- ヒーローセクション
- 行動への呼びかけ
- よくある質問
- フィーチャー・エリア
- フッター
ランディングページのブロックと同じように、ページセクションをカスタマイズすることができます。FAQセクションの例を以下に示します。
よくある質問（FAQ）をページに掲載することで、リスト登録前のユーザーの不安を解消することができます。
グローバル設定
さらにカスタマイズオプションが必要な場合は、ページビルダーの左下にある歯車のアイコンをクリックしてください。グローバルランディングページのデザイン設定が開きます。
このエリアでは、ページの色、フォント、背景、CSSをカスタマイズし、変更をページにグローバルに適用することができます。
例えば、ランディングページの配色を変更するには、「色」の見出しをクリックします。そこから、ヘッダー、リンク、ボタンテキストなどの新しい色を選択できます。
どの色が相性がいいかわからない場合は、「カラーパレット」ボタンをクリックしてください。クリックするだけでページに追加できる20種類以上の色の組み合わせのライブラリが表示されます。
デザインに満足するまで、ページのカスタマイズを続けてください。定期的に緑色の保存ボタンをクリックして、設定を保存することを忘れないでください。
ステップ5.ランディングページをMailchimpに接続する
ランディングページのデザインが完成したら、いよいよページをMailchimpアカウントとEメールリストに接続しましょう。
これを行うには、画面上部の接続タブをクリックします。これにより、SeedProdと統合可能なすべてのメールマーケティングサービスが表示されます。
Mailchimpアカウントをリンクするには、Mailchimpアイコンにマウスカーソルを合わせ、接続をクリックします。
次に、[Connect a New Account]ボタンをクリックします。
その後、Mailchimp APIキーの入力と接続名の選択を求められます。APIキーを確認するには、「Get Mailchimp API Key」ボタンをクリックしてください。
ポップアップウィンドウが開きますので、Mailchimpアカウントにログインしてください。ログイン後、APIキーにリダイレクトされます。
キーをコピーし、SeedProdのフィールドに貼り付ける。
次に、接続に名前を付け、接続ボタンをクリックする。
そうしたら、ドロップダウンメニューからお好みのリストを選択し、「統合の詳細を保存」をクリックします。
これで、ランディングページに登録した人は誰でも自動的にMailchimpのメールリストに追加されます。
ステップ6.ページ設定を行う
次に、ページ設定タブを開いてランディングページの詳細を調整します。ここでは、ページ名とURLを変更したり、下書きか公開かを切り替えたり、プラグインの競合を避けるために分離モードを有効にしたりできます。
また、SEO＆アナリティクス（All in One SEOや MonsterInsightsなどのプラグインと連動）のオプションや、トラッキングピクセルやカスタムコードなどのためのスクリプトエリアもあります。
プロプランをご利用の場合、ページにカスタムドメインを割り当てることもできます。例えば、oldsite.comのcoming soonページをnewsite.comのような新しいドメインに指定し、購読者を早期に集め始めることができます。
これらの設定が完了したら、Saveをクリックし、Designタブに戻ります。
ステップ7.モバイルでページをプレビューする
ランディングページを公開する前に、モバイル画面での見栄えを確認しておきましょう。モバイルデバイスで正しく表示されないと、プロらしくない印象を与え、潜在的なリードを失う可能性があります。
幸いなことに、SeedProdにはモバイルプレビューオプションが組み込まれており、ランディングページをモバイルデバイスでプレビューすることができます。モバイルプレビューアイコンをクリックするだけで、あなたのページがモバイルとデスクトップでどのように見えるかを見ることができます。
見た目がおかしい場合は、デスクトップ表示と同じようにモバイルのランディングページを編集することができます。
あなたが加えた変更は自動的に両方のバージョンに適用され、見た目の一貫性が保たれます。
ステップ8.WordPressでMailchimpページを公開する
さて、いよいよランディングページをWordPressで公開する時が来た。
ページを公開するには、画面右上の保存ボタンの横にある下向き矢印をクリックします。次に、「公開」をクリックします。
次に、ページが公開されたことを知らせるポップアップが表示されます。
ライブページを見る]ボタンをクリックして、新しいランディングページがどのように見えるかを確認してください。
Mailchimpのランディングページ作成に関するFAQ
WordPressでMailchimpのランディングページをコーディングなしで簡単に作成できることがお分かりいただけたと思います。SeedProdでページを作成することで、デザイン、ドメイン、SEOを完全にコントロールしながら、Mailchimpのメールリストに直接接続することができます。
既製のテンプレート、ドラッグ＆ドロップ編集、高速統合により、より多くの購読者を獲得し、より早くビジネスを成長させるプロフェッショナルなページを立ち上げることができます。
さらにヒントをお探しですか？ランディングページのベストプラクティスや Eメールリストの拡大に関するガイドをご覧ください。
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
