シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WordPressでGetResponseのランディングページを作成する方法

GetResponseランディングページの作り方 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

GetResponseのランディングページを作成しようとしているが、デザインの制限、不便なエディタ、または一般的なサブドメインに不満を感じていますか?

あなただけではありません。GetResponseはEメールマーケティングには最適ですが、ランディングページビルダーには制限があります。レイアウトオプションは数種類しかなく、ページは自社のドメインでホスティングされ、デザインのカスタマイズには必要以上に時間がかかります。

このガイドでは、SeedProdを使用してWordPressでGetResponseのランディングページを構築する方法を紹介します。SeedProdを使用することで、より速く、より使いやすく、ページの見た目や表示場所を完全にコントロールすることができます。

技術的なスキルは必要ありません。ドラッグして、ドロップして、公開するだけ。

簡単なまとめ

GetResponseとは?

GetResponseランディングページ

GetResponseは、インバウンドマーケティングソリューションを提供するオンラインマーケティングプラットフォームです。このソフトウェアには、以下のような重要なマーケティング機能が含まれています:

  • メールマーケティング
  • ウェブサイトビルダー
  • マーケティングオートメーション
  • コンバージョンファネル
  • セグメンテーション・オプション
  • 登録フォーム
  • ランディングページ
  • ウェブプッシュ通知
  • ウェビナー
  • ライブチャット
  • などなど。

ただし、GetResponseの無料プランは機能が限られており、プレミアムプランは月額13.30ドルからとなっている。

GetResponseのランディングページとは?

WordPressのGetResponseランディングページは、ターゲットオーディエンスからメールアドレスを収集するために作成されたWebページの一種です。このページには通常、GetResponseCRM のメールリストにリンクするサインアップフォームが含まれています。

このタイプのランディングページには、サイト訪問者にメールアドレスを提供してもらうためのインセンティブがあることが多い。電子ブックやチェックリストのような無料ダウンロードかもしれません。あるいは、無料トライアルや製品・サービスのデモをチェックするよう訪問者に促すこともできます。

訪問者がメールアドレスを入力すると、自動的にオプトインしてメールリストに登録されます。その後、GetResponseのマーケティングオートメーションワークフローを使用して、ニュースレターや最新情報を受信トレイに送信することができます。

多くのマーケティング担当者は、Google広告やその他の広告キャンペーンにランディングページを利用しています。また、ShopifyやWooCommerceのストアで、適切なバリアントとインセンティブを使用して売上を増やすために使用することもできます。

なぜWordPressでGetResponseのランディングページを作るのか?

ランディングページはEメールリストを増やす最良の方法のひとつです。一度オプトインしてもらえれば、その人のメールボックスに直接つながるので、信頼を築き、最新情報を共有し、セールスを促進しやすくなります。

GetResponseは、組み込みのランディングページビルダーを提供していますが、それはあなたの速度を遅くすることができるいくつかのトレードオフが付属しています。簡単に比較してみましょう:

特徴GetResponseビルダーWordPressのSeedProd
使いやすさ学習曲線のある不便なエディタドラッグ&ドロップ、初心者にやさしい
ホスティングGetResponseのサーバーでホストされる独自ドメインでの生活
デザイン・オプション限定テンプレート100以上のプロフェッショナルなテンプレート
ドメイン・コントロールgr8.comのようなデフォルトのサブドメインyoursite.com/pageのようなクリーンなURL
パフォーマンスGetResponseに依存高速で軽量なページ

ランディングページの外観、パフォーマンス、サイトとの統合を完全にコントロールしたいのであれば、WordPressの方がよい選択です。

次に、SeedProdを使ってWordPressでコンバージョンの高いGetResponseランディングページを作成する方法を紹介します。

GetResponseランディングページの作り方

SeedProdは、初心者に優しい設定を備えたWordPress用の最高のランディングページビルダーです。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

また、あなたのビジネスのためのリードを生成するために100以上のモバイルフレンドリーなランディングページのテンプレートから選択することができます。さらに、ドラッグ&ドロップエディターを使えば、開発者を雇ったり、HTMLを一から書いたりしなくても、ランディングページのデザインを視覚的にカスタマイズすることができます。

カスタマイズ可能なページ要素がたくさんあるので、思い通りにページをデザインするのは簡単です。サインアップフォーム、コンタクトフォーム、ソーシャルボタン、カウントダウンタイマーなどを追加して、リードジェネレーションの努力を後押しすることができます。

Stripeの決済ブロックを使えば、クレジットカードでの支払いも可能だ。

また、SeedProdには、ワンクリックで有効にできる強力なページモードがあります:

そのため、ウェブサイトにこの機能を追加するために複数のWordPressプラグインを必要とすることはない。

最も重要なことは、SeedProdはあなたのウェブサイトを遅くしないということです。軽量で、肥大化しないコードで作られているため、ページの読み込みが可能な限り速くなり、コンバージョンファネルがより効率的になります。

SeedProdの無制限無料トライアルができることをご存知ですか?リンクをクリックして、その方法をご覧ください。

GetResponseのランディングページを作成する準備はできましたか?以下のチュートリアルに従って、SeedProdによるランディングページを始めましょう。

ビデオ・チュートリアル

ステップ1.SeedProdのインストールとアクティベート

まず、ここをクリックしてSeedProdを始め、プラグインをダウンロードしてください。その後、WordPressウェブサイトにプラグインをインストールし、有効化してください。

WordPressプラグインのインストール方法については、こちらのステップバイステップガイドをご参照ください。

注:SeedProdは無料版を提供しており、簡単に無料のランディングページを作成することができます。ただし、GetResponseやMailchimpなどのメールマーケティングサービスとの統合にはプレミアム版を使用します。

プラグインを有効化すると、SeedProdライセンスキーの入力を求めるウェルカムスクリーンが表示されます。 

ライセンスキーを入力する

SeedProdアカウントにログインし、[View License Key, Details, and Downloads]リンクをクリックしてライセンスを検索します。

SeedProdライセンスキーをコピーする

次に、キーをコピーしてクリップボードに保存します。その後、キーをライセンスキーフィールドに貼り付け、 Verify Keyボタンをクリックします。

最初のSeedProdランディングページを作成する

次に、ページを下にスクロールし、「最初のページを作成」ボタンをクリックします。これでSeedProdのランディングページダッシュボードに移動します。

SeedProdランディングページ・モード

ページ上部には、4つの異なるページモードが表示されます:

  • 近日公開
  • メンテナンス・モード
  • 404
  • ログイン

これらのモードでは、ワンクリックで特定のランディングページを有効にすることができます。

例えば、Coming Soonモードを有効にすると、新しいウェブサイトを紹介するcoming soonページを追加することができます。また、ログインモードを有効にして、WordPressのカスタムログインページを追加することもできます。

そのセクションの下に、SeedProdで作成した他のページのリストが表示されます。まだ作成していないので、新規ランディングページ作成ボタンをクリックします。

新しいランディングページを作成する

ステップ2.ランディングページのテンプレートを選ぶ

次の画面で、SeedProdのレスポンシブ・ランディングページ・テンプレート・ライブラリを見ることができます。

SeedProdランディングページテンプレート

上部のタブをクリックすることで、目標や業界ごとにテンプレートを絞り込むことができます:

SeedProdのテンプレートはすべて多機能です。つまり、どのデザインでも使用でき、ドラッグ&ドロップビルダーでニーズに合わせてカスタマイズできます。

リードスクイーズフィルターをクリックして、このガイドのスクイーズページのリストを見ます。

スクイーズページは、Eメールアドレスの収集に最適なランディングページのひとつです。登録フォームに注目し、訪問者からメールアドレスを「搾り取る」ようにデザインされています。

デザインを見て、気に入ったデザインにマウスカーソルを合わせ、ティックアイコンをクリックして起動します。

GetResponseランディングページのテンプレートを選択する

私たちはインフルエンサーのスクイーズページを選んだ。

テンプレートを選ぶと、ランディングページの名前とURLを入力するポップアップが表示されます。保存してページの編集を開始]ボタンをクリックすると、ビジュアルエディターが起動します。

GetResponseのランディングページに名前とURLを付けます。

ステップ3.ランディングページのテンプレートをカスタマイズする

テンプレートが起動すると、以下の例のように表示されます。

SeedProdでGetResponseのランディングページをカスタマイズする

左側には、ページにコンテンツを追加するためのブロックやセクションを選択するタブがあります。右側はランディングページのプレビューです。

コンテンツの追加は、左側のブロックをドラッグして右側にドロップするだけ。

例えば、ソーシャルプルーフをページに追加したい場合は、Testimonialブロックをクリックしてドラッグし、ページ上の配置したい場所にドロップします。

証言ブロックをGetResponseのランディングページにドラッグ&ドロップする

プレビューでページブロックをクリックすると、カスタマイズできます。左側にコンテンツ設定を変更するためのパネルが開きます。

ブロックをクリックしてコンテンツ設定を編集する

どのブロックでも「詳細設定」タブをクリックすると、色、フォント、パディングなどを変更するためのさまざまな設定が表示されます。

詳細タブをクリックし、追加のブロック設定を表示する

SeedProdのブロックの多くには、テンプレートと呼ばれる3番目のタブもあります。このパネルでは、即座に使用できるいくつかの異なるブロックスタイルを見ることができます。

テンプレート・タブをクリックすると、個々のブロック・テンプレートが表示されます

これにより、各ブロックの設定を手動で編集する手間が省け、ブロックの見栄えを素早く良くする簡単な方法です。

たくさんのブロックから選ぶことができます。ボタン、画像、動画、テキストなどのシンプルなデザイン機能を提供するものもある。高度なブロックは、マジックが起こる場所です。

ここでは、リードを生み出すためだけに作られた要素をページに追加することができる:

  • オプティン・フォーム
  • お問い合わせフォーム
  • ログインフォーム
  • CTAボタン
  • 景品ウィジェット
  • ソーシャル・プロフィール
  • ソーシャルメディアへの埋め込み
  • カウントダウン・タイマー
  • お客様の声
  • チェックアウトボタン(PayPalボタンのようなもの)
  • チェックアウト・エリア
  • 製品グリッド
  • そしてもっと。

例えば、RafflePressのプレゼントアプリをランディングページに追加して、ユーザーに購読を促すことができます。

ブロックだけでなく、ランディングページに余分な領域を追加することもできます。

セクションタブをクリックして、GetResponseのランディングページにあらかじめ用意された領域を追加します。

左側の「セクション」タブをクリックするだけで、特定のページ領域用にデザインされた、あらかじめ用意された行や列を見ることができます:

お好きなセクションを見つけてクリックするだけで、あなたのページに自動的に表示されます。他のブロックと同じようにセクションをカスタマイズできます。

ランディングページ・セクション

また、ブロックやセクションを別のページで再利用したい場合は、保存アイコンをクリックして保存セクションエリアに追加できます。

ランディングページのセクションを保存する

ランディングページのルック&フィールをもっとコントロールしたい場合は、グローバル設定パネルにもっと多くのカスタマイズオプションがあります。それを見つけるには、画面の左下にある歯車のアイコンをクリックしてください。

ランディングページのグローバル設定

その後、タブをクリックして変更を加え、ページ全体に適用することができます。

フォントの見出しを展開すると、ヘッダーと本文のフォントとウェイトを変更できます。ドロップダウンメニューからGoogleフォントを選ぶだけです。

SeedProdグローバルフォント設定

また、「フォントテーマ」ボタンをクリックすると、さまざまなフォントの組み合わせ例を見ることができます。そこから、あなたのページに適用するにはクリックするだけです。

フォントテーマ

色のセクションも同様です。任意の色をクリックすると、カラードロッパーツールが表示され、見出し、テキスト、ボタンなどの色を個別に選択できます。

SeedProdグローバルカラー設定

また、「カラーパレット」ボタンをクリックすれば、20種類以上のデザイン済みの配色から選ぶこともできます。

カラーパレット

背景セクションでは、背景色、グラデーション、画像をコントロールできます。お好みで、ビデオ背景や全幅スライドショーを追加することもできます。 

SeedProdランディングページの背景設定

すべてが思い通りになったら、画面右上の緑色の「保存」ボタンをクリックします。

GetResponseのランディングページを保存する

ステップ4.ランディングページにGetResponseを統合する

デザインが完成したら、いよいよGetResponseのメールリストをWordPressのランディングページに統合します。SeedProdは、GetResponseを含むすべての一般的なメールマーケティングサービスと統合しているので、このステップはとても簡単です。

画面上部の「Connect」タブをクリックすると、メールマーケティングツールが表示されます。そこからGetResponseのロゴにマウスカーソルを合わせ、Connectをクリックします

seedprodメールマーケティング統合

新しいアカウントに接続]ボタンをクリックし、[GetResponse API Key]をクリックしてアカウントにログインします。

GetResponseアカウントに接続する

次に、API キーを取得します。API キーは、GetResponse アカウントのアカウント詳細 " API で確認できます。

GetResponse API キーを生成する

最後に、SeedProdにAPI Keyを入力し、Connectボタンをクリックする。

GetResponse API Key を貼り付け、Connect をクリックします。

ドロップダウンメニューからEメールリストを選択し、「統合の詳細を保存」ボタンをクリックします。

GetResponseのメールリストを選択する

これで完了です!これであなたのランディングページはGetResponseに接続され、簡単にリストを管理できるようになりました。登録フォームから連絡先情報を収集すると、自動的にGetResponseのメールリストに更新されます。

ステップ5.ランディングページの設定

GetResponseのメールリストを接続した後、ページ設定タブをクリックすると、SeedProdで設定できるその他の設定が表示されます。設定ページには通常5つのセクションがありますが、これは構築するページのタイプやSeedProdのプランによって異なります。

一般設定

SeedProdランディングページの設定

一般設定では、ページの名前とURLを変更できます。また、公開と下書きを切り替えることもできます。

プラグインの競合を避け、ページを高速化するために、アイソレーションモードを有効にすることができます。これは、特定のヘッダーとフッターのスクリプトが実行され、パフォーマンスに干渉するのを防ぎます。

SEOとアナリティクス

ランディングページSEO設定

SEOタブではWordPressのSEOプラグインを使って、ランディングページのタイトルタグやメタディスクリプションなどを設定することができる。これに最適なプラグインのひとつがAll In One SEOだ。

Analyticsタブも同様です。ここでは、お気に入りのGoogle Analyticsプラグインを接続し、ランディングページのパフォーマンスを監視することができます。MonsterInsights for Google Analyticsを試してみませんか?

詳細がお知りになりたければ、いつでもMonsterInsightsのレビューをご覧ください。

スクリプト

ランディングページ・スクリプトの設定

スクリプトエリアでは、ページのヘッダー、本文、フッターにコードを追加することができます。トラッキングクッキー、Facebookピクセル、Facebook広告、アナリティクススクリプトなど、デジタルマーケティングに必要なものであれば何でも構いません。

カスタムドメイン

SeedProdのプロ料金プランのユーザーであれば、ランディングページに既存のウェブサイトとは関係のないカスタムドメインを与えることもできます。

seedprod カスタムドメイン設定

例えば、新しいウェブサイトを立ち上げたいが、まだ立ち上げていない場合、既存のウェブサイトにSeedProdでcoming soonページを作成し、それを新しいサイトに向けることができます。

この戦術を使えば、WordPressを新たにインストールすることなく、将来のウェブサイトのGetResponseリストに新しい購読者を誘導することができます。

設定後、変更を保存し、デザインタブに戻ります。

ステップ6.WordPressでGetResponseランディングページを公開する

ランディングページを公開する前に、モバイルデバイスでテストするのがベストプラクティスです。ランディングページがモバイル対応でない場合、タブレットやスマートフォンのような小さなタッチスクリーンでは見栄えもパフォーマンスも悪くなります。

良いニュースは、SeedProdにはモバイルプレビューオプションが組み込まれており、あなたのページがモバイルフレンドリーであることを確認できることです。画面下のモバイルアイコンをクリックしてください。

モバイルプレビューアイコンをクリック

これで、ランディングページがモバイルでどのように見えるかを確認し、正しく表示されないものや動作しないものを変更することができます。

モバイルデバイスでGetResponseのランディングページをプレビューする

すべてがうまくいったら、いよいよ本番です。緑色の保存ボタンの隣にある下向き矢印をクリックし、公開をクリックします。

WordPressでGetResponseのランディングページを公開する

その後、ページが公開されたことを知らせるウィンドウが表示されます。ライブプレビューを見るには、「ライブページを見る」ボタンをクリックしてください。

ランディングページのプレビューを見るには、「ライブページを見る」ボタンをクリックしてください。

おめでとうございます!これで、GetResponseのメーリングリスト用の素晴らしいランディングページが完成しました!

WordPressでGetResponseのランディングページをプレビューする

それだけだ!

SeedProdを使用してWordPressでGetResponseリストのランディングページを作成する方法がわかりました。

SeedProdのドラッグ&ドロップ式ページビルダーを使えば、コンバージョンの高いランディングページを簡単に作成できます。初心者に優しく、技術やコーディングの知識は一切不要で、リードの生成に重点を置いています。

さらに、電光石火の速さでウェブサイトが遅くなることもなく、ビジネスを成長させる理想的なソリューションです。

Eメールマーケティングとランディングページ戦略をさらに進めたいですか?

この記事を気に入っていただけたなら、ぜひTwitterや Facebookをフォローして、ビジネスの成長に役立つコンテンツをお楽しみください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。