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

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

サインアップページのデザイン方法(+7例)

WordPressでサインアップページをデザインする方法 

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

より多くの人にEメールリストに参加してもらいたい、またはオファーに登録してもらいたい場合、最も手っ取り早い方法は専用の登録ページです。訪問者に明確な道筋を示すことで、気が散ることなく購読してもらうことができ、ほとんどの場合コンバージョンの向上につながります。

サインアップページは作成が簡単で、サイドバーのフォームやポップアップよりも常に優れているからです。このチュートリアルでは、WordPressでサインアップページをデザインする方法を順を追って説明します。

登録ページを作成する簡単な手順

サインアップページとは?

サインアップページは、訪問者がEメールリストへの参加、イベントへの登録、オファーへのアクセスなどを行うために必要な情報を素早く入力できる専用のウェブページです。登録ページ」と呼ばれることもありますが、目的は常に同じで、あなたのビジネスのために新しいリードを獲得することです。

サイドバーやフッターに設置された一般的なフォームとは異なり、サインアップページは、気が散るものを取り除き、人々が取るべきアクションを1つに絞ります。そのため、他の方法よりもコンバージョン率が高くなることが多いのです。

ほとんどの登録ページは、広告クリック、ソーシャル投稿、サイトメニューのリンクの後に表示されます。この時点で、訪問者はすでに自分が何を求めているかを知っているので、あなたのデザインはプロセスを迅速かつ簡単にすることに重点を置くべきです。

最高のサインアップページは、フォームフィールドを最小限に抑え、明確な行動喚起を使い、購読の価値を強調しています。シンプルなデザインは通常、最も高いコンバージョン率を実現します。

登録ページの例

自分でデザインする前に、インスピレーションをお探しですか?私が集めたコンバージョンの高いサインアップページの例をご覧ください。近日公開のページ、クーポンのサインアップ、ウェビナーの登録ページなどが見つかります。

可能なことを確認したら、ここに戻ってきて、以下の手順に従って自分のページを作成してください。

WordPressでサインアップページをデザインする方法

デフォルトのWordPressエディタを使ってサインアップページを作成するのは、必ずしもベストな選択とは限りません。ブロックエディタを使っても、プロに手伝ってもらわなければ、思い通りのページに仕上げるのは難しいでしょう。

そのため、SeedProdのようなページビルダー・プラグインを使って登録ページをデザインすることをお勧めします。

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

SeedProdは最高のWordPressランディングページビルダーです。多目的ランディングページテンプレートのライブラリとドロップ&ドロップビルダーが付属しており、開発者を雇うことなくランディングページを作成することができます。

豊富なカスタマイズオプションで、コードを一行も書かずにページをデザインできます。また、1クリックでランディングページを作成できるモードでは、サイトをメンテナンスモードにしたり、近日公開のページを立ち上げたりすることもできます。

SeedProdは、高コンバージョンのランディングページを作成するために必要なすべての機能とともに、電光石火の速さで、肥大化することがありません。これは、SEOとコンバージョン率に影響を与える可能性のあるウェブサイトの速度を低下させないことを意味します。

SeedProdを使ってWordPressで登録ページをデザインする方法を見てみましょう。

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

まず、ここをクリックしてSeedProdを開始し、プラグインをコンピュータにダウンロードします。その後、WordPressウェブサイトにプラグインをインストールし、有効化する必要があります。

SeedProdのインストールについては、以下のステップに従ってください。

プラグインをインストールし、SeedProdライセンスキーを入力したら、「Create Your First Page」ボタンをクリックします。

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

SeedProdのランディングページの概要が表示されます。

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

ページの上部には、有効化できるさまざまなランディングページモードがあります:

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

ランディングページのモードセクションの下には、SeedProdで作成したすべてのページが表示されます。

最初のページを作成するには、「新しいランディングページを作成」ボタンをクリックします。

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

3.登録ページのテンプレートを選ぶ

次の画面で、登録ページのテンプレートを選択できます。

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

SeedProdには、カスタマイズ可能な様々なランディングページテンプレートが用意されています:

また、ビジュアルエディターでカスタマイズできるため、各テンプレートは多目的です。つまり、どのテンプレートもあなたのランディングページのニーズに合わせてカスタマイズできるのです。

ですから、あなたの登録ページをどのように見せたいかに似たテンプレートを選んでください。このガイドでは、Hustle Squeeze Pageテンプレートを使用します。

登録ページのテンプレートを選択する

テンプレートのサムネイルにマウスカーソルを合わせ、チェックアイコンをクリックするだけでデザインを選択できます。

サインアップページのテンプレートを立ち上げる

ページ名とURLを入力するポップアップが表示されます。これらの設定は、必要に応じて後で変更することができます。

登録ページの名前とURLを入力してください。

保存してページの編集を開始するボタンをクリックして、ドラッグ&ドロップページビルダーでテンプレートを起動します。

4.サインアップ・ランディングページをカスタマイズする

SeedProdエディタは、ページのカスタマイズを簡単にします。左側には、ドラッグして配置できるブロックとセクションがあります。右側には、デザインのライブプレビューが表示されます。

SeedProdのドラッグ&ドロップ・ビジュアル・ページ・ビルダー

ブロックとセクション

コンテンツを追加するには、フォーム、カウントダウンタイマー、ソーシャルボタンなどのブロックをレイアウトにドラッグするだけです。また、既成のセクション(ヒーロー、コールトゥアクション、機能など)をドロップして、作業をスピードアップすることもできます。

ドラッグ&ドロップ・エディター

任意のブロックをクリックすると、そのブロックの設定が開き、テキスト、色、スペーシングを編集したり、組み込みのスタイル・テンプレートから選択したりできます。

ランディングページのブロックコンテンツ設定

人気のブロックには、オプトインフォーム、景品、お客様の声、プログレスバーなどがあり、すべてリードジェネレーションのためにデザインされています。

グローバル設定

グローバル設定パネル(歯車のアイコン)を使って、ページ全体のフォント、色、背景を一度に変更できます。厳選されたフォントテーマやカラーパレットから選ぶことも、独自のブランディングをアップロードすることもできます。

SeedProdグローバル設定

デザインに満足したら、緑色の「保存」ボタンをクリックして変更を保持します。

サインアップページの設定を保存する

5.メールマーケティングサービスに接続する

登録ページをデザインする方法を学ぶ次のステップは、メール収集の設定を行うことです。これは、SeedProdをメールマーケティングプロバイダに接続することを意味します。

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

画面上部の「接続」タブをクリックすると、SeedProdと統合している人気のメールマーケティングサービスが表示されます:

Zapierの統合を使用することで、他の多くのサービスに接続することもできる。

Eメールリストに接続するには、お好みのEメールサービスを選択し、接続をクリックし、指示に従ってください。

Eメールマーケティングサービスに接続する

各メールマーケティングサービスの具体的な統合方法については、メール統合のドキュメントをご覧ください。

また、WordPressの管理エリアからSeedProd " Subscribersに移動することで、メールリストの購読者を確認することも可能です。

SeedProd契約者の概要

これにより、SeedProdの購読者概要が表示され、新規購読者の詳細が確認できます。

6.サインアップページの設定

Eメールリストを登録ページに接続した後、さらにいくつかの設定を行うことができます。これらの設定を見るには、画面上部のページ設定タブをクリックしてください。

登録ページ設定

このページでは、新しい名前やURLをつけたり、下書きや公開に設定したりと、一般設定を編集することができます。

Analyticsセクションでは、MonsterInsightsのようなGoogle Analyticsプラグインで登録ページのパフォーマンス設定を見ることができます。SEOセクションでも同様に、All in One SEOのようなWordPress SEOプラグインを使って、ページのSEOメタデータを設定することができます。

スクリプトエリアでは、クッキーやトラッキングピクセルなどのカスタムスクリプトやコードスニペットを追加できます。

最後に、カスタム・ドメイン・セクションでは、WordPressをインストールすることなく、好きなドメイン名にランディング・ページを接続することができます。

ランディングページのドメインマッピングについては、ステップバイステップのガイドをご覧ください:ランディングページのドメインマッピングについては、ステップバイステップのガイドをご覧ください。

登録ページの設定をカスタマイズしたら、忘れずに「保存」ボタンをクリックしてください。

7.WordPressでサインアップページを公開する

登録ページを公開する前に、モバイルデバイスで正しく表示されるかどうかを確認するのは良い習慣です。もしそうでなければ、リードを失い、大量の潜在顧客を逃すことになりかねません。

幸いなことに、SeedProdではモバイルでページをプレビューすることができます。デザインタブをクリックし、画面の下にあるモバイルアイコンを選択するだけです。

ランディングページをプレビューするには、モバイルアイコンをクリックしてください。

ランディングページのモバイルプレビューが表示されます。何か違和感がある場合は、ページのどこかをクリックしてデザインを調整してください。

あなたが行った変更は、自動的にあなたのページのデスクトップとモバイルの両方のレイアウトに適用されます。

モバイルデバイスでサインアップページをプレビューする

すべてのカスタマイズが完了したら、サインアップページを公開しましょう。そのためには、保存ボタンの隣にある下向き矢印をクリックし、公開を選択します。

WordPressでサインアップページを公開する

あなたのページが公開されたというウィンドウが表示されます。

あなたのページが公開されました

ライブページを見る」ボタンをクリックして、どのように見えるか確認してください。

完成したWordPressサインアップページのプレビュー。

WordPressでサインアップページをデザインする際のFAQ

登録ページには何を含めるべきか?
良いサインアップページには通常、短い見出し、明確なバリューステートメント、最小限のフィールドを持つオプトインフォーム、コールトゥアクションボタンがあります。証言、信頼バッジ、カウントダウンタイマーなどのオプションは、コンバージョンを高めるのに役立ちます。
登録フォームにはいくつのフィールドを設けるべきでしょうか?
できるだけ短く。多くの場合、名前とEメールアドレスだけの入力が最適です。必要なステップが少なければ少ないほど、人々がフォームに記入する可能性は高くなります。
サインアップページはサイドバーのフォームに比べてコンバージョンを向上させるか?
そのため、一般的なフォームをサイドバーやフッターに設置するよりもコンバージョン率が高くなります。
登録ページをEメール購読以外にも使用できますか?
もちろんです。ウェビナー登録、オンラインコース、イベント登録、無料トライアルなど、訪問者に登録してもらいたいあらゆる場面でご利用いただけます。
登録ページにトラフィックを誘導するには?
最も一般的な方法は、Eメールキャンペーン、ソーシャルメディアリンク、有料広告、またはウェブサイトのナビゲーションメニューにページを追加することです。

このガイドが、WordPressでサインアップページをデザインし、開発者の手を借りずに構築する方法を学ぶのに役立てば幸いです。

あとは、あなたがそれを作成し、あなたのビジネスのためにリードとコンバージョンを生み出し始めるだけだ。

以下のガイドも参考になるだろう:

この記事を気に入っていただけたなら、YouTubeTwitterFacebookで、あなたのビジネスの成長に役立つ有益なコンテンツをもっとご覧ください。

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

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