28 Email Sign Up Form Examples You Can Take Design Inspiration From.

 28 Email Sign Up Form Examples You Can Take Design Inspiration From.

Patrick Harvey

最近では、様々な種類のメール登録フォームがあり、どれがあなたのサイトやブログに適しているのか、判断するのがとても難しくなっています。

ポップオーバー、ポップアップ、スライドイン、インセンティブ、フリービー...あまりにも多くの選択肢があり、それらを理解するのに十分な時間がないため、私はあなたの人生を少し楽にすることを試みることにしました。

今回は、インターネット上の人気メール登録フォームを28個ピックアップし、その内容を精査して、効果的なトリック、自分のメール登録フォームに取り入れたい機能、そして避けるべきいくつかの失敗作をメモしてみました。

ゆったりと座っていますか?

メールサインアップフォームにこだわろう:

トップページにメール登録フォームを設置

メールマガジンを購読してもらうためには、派手でポップな、歌って踊れるフォームが必要だと誰もが思っていますが、必ずしもそうとは限りません。

素晴らしいコンテンツ、サービス、製品、役立つアドバイスや情報、あるいは読者が楽しめるものを提供すれば、読者は次のように考えます。 ウォンツ をクリックすると、ポップアップなしで購読することができます。

そのような訪問者のために、トップページやブログやサイトのコンテンツの主要な大部分にメールフォームを追加することを検討する必要があり、ここではまさにそのためのいくつかの方法を紹介します。

1 - ファネルの過負荷 (現在はスタートアップ盆栽)

Funnel Overload(現Startup Bonsai)のトップページは、まず訪問者からのメールを取り込み、役立つコンテンツに誘導することを目的としています その

このようなメールキャプチャーのスタイルは、特に訪問者がまだそのサイトが何を提供しているのかを知らない可能性があるため、大胆な行動だと言う人もいるかもしれませんが、メールアドレスを入力することで正しいことを行っていると確信させるのに役立つことがいくつかあります。

フリーペーパーは、インセンティブとして機能します。

コンテンツプロモーションハックの電子書籍と、私たちの最高のコンテンツを手に入れましょう。

ONLY メールマガジンを購読している人ならともかく、ビジターの場合はメールアドレスを渡さない限り、本当に良いものを手に入れることはできないのです。

2 - ヴォーグ(イギリス)

英国版『VOGUE』のウェブサイトを覗いてみると、同じような配置のメール登録フォームがありますが、少し違った方法で行われていることがわかります。

ロゴとメインメニューの真下にフォームがありますが、過度にわかりやすく目を引くものではありません。 以下のようにデザインされています。 ノット メインコンテンツから注意をそらしすぎる。

パネルが気になる場合は「×」にして閉じるオプションもありますが、かなりミュートされたボックスなので、サイト上ではあまり気にならないし、大胆な機能でもありませんね。

3 - Schuh

シュウのウェブサイトには 丸ごと のページで、電子メールをキャプチャするための専用ページがあります。

... 全ページの下部、フッターにメールキャプチャフォームを併設しています。

登録の機会を複数設けることは、潜在的な購読者を逃さないための素晴らしい方法です。 Schuhは、それを顧客の顔に押し付けることなく行う方法を示しています。 電子メールアドレスを取得することは良いことですが、小売業者が は、訪問者に何かを買わせることに興味があります。

購読者リストが長くても、売上が増えるとは限りません。

お客様が何かを購入するとき、とにかくほとんどの場合、メールアドレスを渡します。

最後にもうひとつ、シュフのメール登録ページで、ぜひ覗いてみてほしいのが、使われている言葉です。

おたがいさま

ソール/ソウルという言葉を使って、サインアップのプロセスを少し楽しくしています。 訪問者は、このダジャレに気づくために、実際に文字をよく見る必要があります。

*アポストロフィの欠落は絶対に見逃さず、意図的なものと判断します。

4 - ライフハック

トップページにあるもう一つのメールキャプチャフォーム「ライフハック」は、ソーシャルプルーフ(社会的証明)と呼ばれる方法で、訪問者を説得し、サインアップさせます。

最初のメールキャプチャポイントの直下にある大企業の名前の帯をご覧ください。そこには、訪問者がそのサイトに初めて出会ったとしても、信頼できるようにするための名前が並んでいます。

The Guardian、The Washington Post、Harvard College......これらは決して無視できない名前です。 もし彼らがこのウェブサイトを支持しているのなら、訪問者はおそらく同じことをしなければならないと感じることでしょう。

また、「ブログの魔術師」サイトのトップページでも、まったく同じソーシャルプルーフツールを使用し、同じメールキャプチャ効果を実現しています。

その後、ホームページは変わりましたが、これは今でも素晴らしい例です。

ポップアップ、ポップオーバー、ライトボックスとしてのメールサインアップフォーム

5 - ハーパーコリンズUK

このポップアップ・ランディングページは、マーケターが「スクイーズ」ページと呼ぶものの非常に良い例で、基本的に訪問者から情報(この場合はEメールアドレス)を「搾り取る」ことになります。

ハーパーコリンズは、潜在的な顧客に対して、今後の購入時に20%の割引を提供することで、実際に個人情報(Eメールアドレス)を共有するだけでなく、何かを購入することを促している。

技術的に見ると、二重苦のようなアプローチですね。

私たちは、20%(またはそれに近い)価格割引の約束があれば、その購入に踏み切る気になるのではないでしょうか?

このようなページの唯一の目的は、将来のマーケティング目的のために電子メールアドレスを取得することです!

まだお気づきでないようですが、割引を受ける(または断る)こととメールアドレスの入力は、ページを閉じることを除けば、事実上このページでできる唯一のことなのです。

これ以上ないくらいに、来場者に大切な情報を手渡すことができます!

6 - ブログウィザード

ブログウィザードは、スライド式のポップアップを使用して、訪問者に新しいブログ記事などの通知を購読する方法を提供するだけでなく、個人情報を入力し始める動機となる、いくつかの無料アイテムを得ることができます。

ブログをより速く成長させるための15以上のガイド、チェックリスト、テンプレート...しかも無料です!

まあ、断るにはあまりに嬉しいオファーですよね?

訪問者があなたのEメールリストにサインアップするためのインセンティブを与えることで、トラフィックや販売などのための素晴らしいファネルを作成する可能性を提供することは、Eメールアドレスを獲得するための最も速く、最も簡単な方法です。

そして、メールアドレスって何?

そうです、足元にも及んでいるのです!

特別割引、リソースライブラリへの無料アクセス、ダウンロード可能なアイテム、ボーナスコンテンツなど、購読者候補にさまざまなものを提供することができます。 ウェブサイトのポップアップという手段ですべてを宣伝すれば、あなたのEメールリストはあっという間に増えていくでしょう!

7 - レイバン

レイバンのウェブサイトを例にとると、その理由はよくわかります。

画面に何かが表示されたとき、訪問者はそれに対してアクションを起こすしかない。 X」を使って、それまでやっていたことを続けるか、それとも...。

...あるいは、何かの会員に登録し、会員になるだけで報酬がもらえ、メールアドレスのような簡単なものを入力するだけで、たくさんの特典を得ることができるのです。

特に、赤いボタンの「UNLOCK ACCESS」という言葉遣いに注目してください。 これは、その特典やリワードに興味を持ち、自ら申し込むように仕向けるためのものです。

FOMOが強い(Fear Of Missing Out)。

8 - シェイン

Sheinのファッションサイトでは、マーケターがスクロールボックス(またはスライドイン)と呼ぶ電子メール登録フォームの例を見ることができます。

画面右側のパネルにカーソルを合わせると、メール登録フォームが表示されます。 これは、良い意味でも悪い意味でも、両方あります。

それは 悪い というのも、ポップオーバーはユーザーが命令するまで画面に表示されないので、訪問者が見逃したりスキップしたりしやすいからです。

同じ意味で、それは 利口 Eメール登録フォーム。 訪問者が買い物をしようとしているときに、画面上に何かが飛び出してきて邪魔されることがない。

9 - ドクターマーチン

ドクターマーチンのウェブサイトでは、メールアドレス取得ページのもう一つの例として、一般にエントリーやエントランスポップオーバー、ポップアップと呼ばれるものを紹介しています。

関連項目: インスタグラムストーリーズで再生回数を増やす方法(正しい方法)

訪問者が着地してから数秒以内に、カーソルロールなどを必要とせずにページ上に表示され、行動や注意を要求するものです。

エントリーポップオーバーは、実は 破壊的 その結果、訪問者の行動が妨げられるだけでなく、そのウェブサイトが潜在的に要求しているのは ブランニュー お客さまが全く知らない会社であっても、お客さまの情報をお渡しすることができます。

その邪魔な押しつけに対抗するために、ドクターマーチンをはじめとする多くのサイトでは、通常、報酬に近いインセンティブを用意しています。

もし、あなたが私たちのことを何も知らなくても、あなたの情報を渡してくれるのであれば、初回注文を10%オフで購入することができます!

を求めるのであれば マイ 個人的なアドバイスですが、ポップオーバーのメール登録フォームを使用する際には、必ず割引やフリーペーパーなどのインセンティブを提供することをお勧めします。

(メール登録のインセンティブについては、このまま読み進めていただくと、より詳しい情報が得られます!)

最後に、メール登録フォームがページの中央にないのは、本当にイライラさせられますね。

10 - Kylie Skin

カイリー・スキンの新しいウェブサイトでは、メールマガジンの登録をお願いしても、割引やお得な情報は提供されませんが、その代わりに、実はとても賢いことを行っています ...

ページが読み込まれてから数秒でポップアップが表示されるので、そのまま終了して閲覧を続ける人もいるはずです。

ページをスクロールしていくうちに、なぜそのメールアドレス登録フォームがもう少し注目されるべきものだったのかに気づくのです...。

だから、品切れの商品が多い!

また、再入荷のお知らせを受け取るための「リストへの登録」は、ページ左下にあるクリックで開けるボックスで行うことができます。

カイリー・ジェンナーの美容製品の多くはすぐに売り切れてしまうので、メールアドレスを獲得するために割引や取引は必要ありません。 一方、再入荷のお知らせは 保障付き を、ファンの皆様にお渡ししています。

最後に、他の多くのウェブサイトと同様に、ページの下部、フッター、すべてのページに表示されるメールマガジンにサインアップするスペースがあります... 同様に、左下側の「リストに参加する」ポップアップです。

11 - Kat Von D Beauty

しかし、Kat Von D Beautyの製品の多くは、ウェブサイト上で*在庫がある*ので、在庫ありの通知を提供することは、おそらく会社にとって有利には働かないだろう、と私たちは言っているのです。

このウェブサイトがエントリーのポップアップやポップオーバーで代わりに提供するのは、あなたがすでに買おうと思っていた商品をお得に購入できる10%の割引コード-プレゼント-です。 そもそも、あなたがこのウェブサイトを訪れた理由はそれでしょう?

このコールトゥアクションボタンで使われている言葉に注目してください:「無料ギフトを請求する」。

確かにディスカウントコードではありますが 特別な贈り物 訪問者のために、登録するだけで割引コードを提供します。 誰もが、すでに買おうと思っていたものが安くなるのは嬉しいものです!

12 - HomeOwners Alliance(ホームオーナーズ・アライアンス

HomeOwners Allianceのポップアップは、これまでの例のようにページを読み込んですぐに表示されるのではなく、一定の時間(30秒、60秒など)が経過するか、ページのある部分までスクロールするとメールサインアップフォームが表示されます。

このフォームは、ページの約半分まで進むと表示されます。

時間指定ポップアップは、訪問者をその場に立たせ、個人情報を求める前に、サイト内を少し見てもらい、そのサイトから得られるものを感じてもらう機会を与えるため、入り口ポップアップよりも好ましいと言えます。

また、一度にすべてを読み込むことができないため、サイトの速度が低下する可能性があります。

13 - エキスパートフォトグラフィー

このメール登録フォームは、単なる終了ポップアップではなく、インセンティブやフリーペーパーを利用して新規登録者を誘引する例となります。

出口ポップアップとは、訪問者がそれ以上のアクションを起こさずに立ち去ろうとしているとサイトが判断した場合に表示されるもので、訪問者を永遠に失う前に情報を得るための最後の切り札となります。

サイトが立ち去る前に、訪問者の注意を絶対に引きつけるために、断るには惜しいフリーペーパーを提供する。

訪問者は、より良い、よりシャープな写真を撮るための7つのステップを網羅した21分間のビデオを完全に無料で手に入れることができます。 サイトがそれを教えてくれるから、彼らは、メールアドレスと引き換えに価値あるものを手に入れているという安心感を得ることができます。

訪問者は、自分が学ぶべきことをカバーしない5分間のビデオを得るだけでなく、幅広い問題をカバーし、すべての問題に対する解決策を見つける、かなり深いビデオを得ることができると知っています。

関連項目: MyThemeShop Membership Review - How Do They Shape Up?

それは、写真をより良くすることに興味がある人にとって、実は断るには惜しい情報なのでしょう。

14 - ヴィクトリア・ベッカム

このミニマルなモノクロのポップアップは、ページに表示されてから数秒後に表示されますが、Victoria Beckhamのメール登録フォームのチェックボックスの選択肢「ファッション」「リーボック」「ビューティー」に注目していただきたいと思います。

これにより、読者はどのマーケティング資料を受け取るかを具体的に選択することができ、より読者に合った、より適切なニュースレターを提供することができます。

という気持ちにさせることもできます。 興味のないものは除外し、興味のあるものについては情報を得ることができます。

15 - Tech Crunch

選択肢を持つというテーマで、もう一つ素晴らしい例を紹介しましょう。それは、Tech Crunchのサイトです。

メルマガ登録時に、受信したいメルマガを選ぶことができるので、興味のないものが大量に送られてきて配信停止になることを防げます。

メールアドレスを渡してもらうのは良いことですが、その人たちをリストアップしておくことも必要です!

サイドバーのメール登録フォーム

多くのブログやウェブサイトには、サイドバー(ページの上部から下部にかけて、右側または左側にあるバー)があり、ソーシャルメディアアカウントへのリンクや広告などのウィジェットが配置されています。

サイドバーが表示されるすべてのページで、メール登録フォームが表示され、登録することができるようになります。

残念ながら、モバイル端末ではデスクトップやノートパソコンと同じようにサイドバーが表示されるわけではありません。

このバーは通常、ページの一番下、主要なコンテンツ(ホームページ、ブログ記事など)の下に配置されています。 訪問者が下までスクロールしない限り、サインアップボックスを完全に見逃してしまう可能性があるのです。

あなたのウェブサイトやブログは、デスクトップサイトよりもモバイルデバイスでチェックする人が多いことを覚悟しなければなりません。

サイドバーのウィジェットにメール登録フォームを設置するだけでは、多くの潜在的な購読者を逃すことになります。

16 - Pixiewoo

イギリスで最も人気のある美容ブログの一つであるPixiewooは、メール登録フォームがサイドバーにきちんと収まる典型的な例です。

ただし、モバイル端末では、同じメール登録フォームがページ下部にも表示されません。 この場合、別のメール登録フォーム(ページ内またはポップアップ/ライトボックス)で詳細を取得することが有効です。

17 - ディッシュ・デイリー

もうひとつのサイドバーの例は、とてもとてもシンプルなものですが、ライフハックの「あなたの人生を刺激する世界のベストブログ」トップ10の5位に選ばれたThe Dish Dailyのウェブサイトです。

最新のゴシップを知りたいなら、Eメールで購読してもらう必要があります。

そして、メール登録ボックスは、Pixiewooとは異なり、モバイル端末ではページの下部に*表示されます。

18 - ゲイリー・ヴェイナチャック

このライフスタイルブログは、同じライフハックの「人生を刺激する世界のベストブログ10」で1位を獲得しており、またサイドバーのメール登録フォームの本拠地でもあります。

サイドバーはトップページには表示されませんが、記事をクリックするとすぐに右側に表示されます。 そこに表示され、明確ですが、顔や過度に目立つことはありません。 あなたのブログやサイトにサイドバーがある場合は、間違いなくこの事例からインスピレーションを得ることができます。

フッターにメールサインアップフォームを設置

多くのウェブサイトでは、下部のフッターやそのすぐ上に、小さくて目立たないメール登録フォームが設置されています。

これは、サインアップフォームを訪問者の喉に押し込むことなく(いわば)、そのページ(すべてのページ)に確実に設置する方法であり、また、魅力的で目を引くような外観にすることで、メールアドレスをボックスに入力してもらうことができます。

19 - おいしい

Tastyは、Facebookで、まるで自分が5つ星のシェフになったかのような、素晴らしい料理動画を作成することで知られています!

このサイトでは、フッターにメール登録フォームのスペースを設けています。 このスペースは、おいしい食材の画像で彩られ、明るくカラフルになっています。 そこまでスクロールしていただくと デフィニテリー に気づく。

簡単なレシピやクッキングハックを受信トレイに直接お届けします。

コールトゥアクションの文言は、まるで料理を簡単に作れるかのように、すぐにマスターシェフになれるようなハックをたくさん紹介しています。

でも、その前に、あなたのメールアドレスが必要なんです。

20 - EA / ザ・シムズ4

ザ・シムズ4(地球上で最も中毒性の高いゲームの1つ)の詳細情報を探しに行くと、おそらくEAのウェブサイトを目にすると思います。

フッターというより、その上、他のシムズゲームを紹介するセクションの上です。

私はDIE-HARDシムズファンなので、何年も何年も前にメールマガジンに登録したんだ。

また、最新のアドオンパックやエクステンションパックがいつ発売されるかを知ることができるので、予定を空けて、何時間でもゲームを楽しめるようになりました。

サインアップフォームでは、何にサインアップするのかが明確にされています!(私のような)人は、事前に何が得られるのかを知りたがるものなのです。

21 - スキニーディップ

フッターのメール登録のもう一つの例は、セール予告や限定特典、10%オフコードなどを盛り込み、メールアドレスを最大限に活用したものです!

インセンティブは、訪問者に興味を持ってもらうのにとても良い方法です。 メールキャプチャーの見返りとして何かを与え、訪問者もまた何かを得ることができます。 この場合、プレビュー、ご馳走、割引など、たくさんのものを提供します ...

インセンティブについてもう少し詳しく説明しますと・・・。

インセンティブやフリーペーパーを提供するメールサインアップフォーム

ウェブサイトやブログの訪問者に絶対、確実に情報を渡してもらいたいのであれば、特に関係のかなり早い段階で情報を求める場合は、その理由を説明する必要があります。

訪問者に何かお返しをする方法はたくさんあります。

22 - コスタ・コーヒー・クラブ

コスタコーヒーをよく飲む人で、(私のように)賢い人は、コスタコーヒークラブに登録するでしょう。これは、顧客に何かを還元するロイヤリティスキームです まんかんしょく は、電子メールアドレスやその他のデータを収集し、マーケティング目的に使用するのに最適な方法です。

お金を使うとポイントが貯まり、貯まるとコーヒーやケーキなどが無料で食べられるという、典型的なロイヤリティ・スキームです。

さらに、最新のキャンペーンや新商品をお知らせするEメールも定期的に届きます!

23 - エイミー・シャムブレン

パスワードで保護されたエリアを持つブロガーと同様のアプローチを取ることができます。訪問者や忠実な信者は、電子メールアドレスと引き換えに、本当に、本当に良いものが満載の「リソースライブラリ」にアクセスすることができます。

訪問者はサインアップし、最初のウェルカムメールでリソースライブラリへのリンクとアクセスするためのパスワードを渡されます。 メールアドレスを渡さなければアクセスできませんが、そうすればアクセスできるようになる良いものの一部を見ることができます。

24 - Thomas Sabo

ページ下部のフッターにあるThomas SaboのEメールアドレスに登録すると、10ポンド引きになります。

これはシンプルで効果的な戦略です。訪問者にインセンティブを与えることで、メールアドレスを渡し、マーケティングのニュースレターリストに登録させることができます。

25 - バッグ Borrow or Steal

Eメールのサインアップフォームには、Vogueのウェブサイトのように、落ち着いたミニマルなものもありますが、Bag Borrow or StealのEメールサインアップフォームは違います。 このウェブサイトでは、訪問者をサインアップさせるために、さまざまな仕掛けが施されています。

まず、エントリーのポップオーバー自体が大きく(ページの多くを覆う)、明るく、太く、そして よほど 白と黒で統一されたページとは対照的な、鮮やかなピンクが目を引きますね。

また、会員登録すると、20%オフの特典があります。ただし、初回注文の価格からです。

そして、お客さまが情報を入力するページでは、お客さまを "部隊 "の一員として招待し、お客さまに "仲間"、"報酬"、"特別 "を感じていただけるように設計されています。

このように、大胆に、そして鮮やかに、インセンティブを与えてくれるのです。

26 - セルフパブリッシングスクール

90日以内にベストセラー作家になるためのヒントが詰まった本を無料でプレゼントします!

ページ右下の小さなクリックで開くポップアップが常に表示され、いつでもアクセスできるようになっており、文言も目立つように使用され、サイトを閲覧する訪問者に真に訴えかけています。

無料本を手に入れる前に帰らないでください!!!

まるで、お母さんが「お弁当箱を忘れないでね!」と声をかけてくれるようなものです。

親しみやすく、親しみやすく、会話も弾みます。 今までその無料本の存在を知らなかった人も、興味をもってじっくり見てくれるはずです。 また、まだ十分でない人は、これからもらえるものを説明するビデオを見て、安心して納得してくれるでしょう。

会員制のメールサインアップフォーム

会員制のシステムは、訪問者にメールアドレスを渡してもらうのに最適ですが、実際に登録する価値のある会員制である場合に限ります ...

27 - Nike Exclusive Membership

メンバーシップ(メールアドレスの取得から始まる)がなければ、ナイキのウェブサイトでは購入できないトレーナーのスタイルやデザインがあります。

ロックされた」デザインを手に入れるには、実は特別なクラブの一員になる必要があるのです。

クラブは 自由自在 つまり、訪問者は失うものは何もなく、おそらくいくつかの特別/限定版のトレーナーデザインを得ることができるのです。

ナイキのメールキャプチャーのコンバージョンレートがどのようなものかは当然分かりませんが、あのような独占的な会員制のスタイルであれば、かなり高いことが想像できますね。

28 - グルーポン

グルーポンのような割引サイトでは、メールアドレスを登録しないとサイト内で多くのことができないため、メールキャプチャに似たアプローチをとっていることが多い。

訪問者がお得な情報を手に入れたいなら、その詳細を共有するしかない。 見ることはできても、触れることはできないのです。

グルーポンのポップアップで重要かつ興味深いのは、訪問者が「はい」か「いいえ」をクリックすることでしかポップアップを終了できないことです(基本的に)。

メールアドレスを入力して続けることもできますし、初回サービス20%オフ、初回商品注文10%オフの追加特典に「No Thanks」と言うこともできます。

人々は物事にノーと言うことを過度に快く思っていません。ポップアップから「×」だけではないアクションを取る必要があるとしたら、それはメールキャプチャの方かもしれません。 33.3%どころか、50/50の確率があるのですから。

包み込むように

ここまで、メールサインアップフォームの事例をたっぷりお話ししてきました。

これらのフォームのデザイン、コピー、レイアウトからインスピレーションを得て、より早くメールリストを増やすことができるのです。

オーディエンスのペルソナを意識してランディングページを作るのと同じように、メールフォームでも同じことをする必要があります。

まだオーディエンスペルソナを作成していない場合、始める前に1つ(または複数)作成する必要があります。

でも、一番大事なのは

CROのベストプラクティスのアドバイスを受けながら、何が有効かを知る唯一の確実な方法は、テストすることです。

そこで、異なるフォーム同士をテストできるオプトインフォームツールを使用する必要があります。 WordPressを使用している場合、この種のものに最適なオプションの1つはThrive Leadsです。

しかし、フォームの作成に使用するツールやWordPressプラグインにかかわらず、スプリットテストが可能であることを確認してください。 さもなければ、単なる推測に過ぎません。

Patrick Harvey

パトリック・ハーベイは、業界で 10 年以上の経験を持つベテランのライター兼デジタル マーケティング担当者です。彼は、ブログ、ソーシャルメディア、eコマース、WordPressなどのさまざまなトピックについて豊富な知識を持っています。執筆とオンラインでの人々の成功を支援することに対する彼の情熱が、視聴者に価値を提供する洞察力に富んだ魅力的な投稿を作成する原動力となっています。 Patrick は熟練した WordPress ユーザーとして、成功する Web サイト構築の詳細に精通しており、この知識を活用して企業や個人が同様にオンライン プレゼンスを確立できるよう支援しています。細部への鋭い目と卓越性への揺るぎない取り組みにより、パトリックはデジタル マーケティング業界の最新トレンドとアドバイスを読者に提供することに専念しています。ブログを書いていないときは、パトリックは新しい場所を探索したり、本を読んだり、バスケットボールをしたりしています。