あなたが学ぶことができる16のサインアップフォームの例

公開: 2022-07-27

サインアップフォームの例をお探しですか?

はいの場合、私はあなたのための素晴らしいリストを持っています。

この1週間、私はサインアップフォームの最良の例をWebで探してきました。 さまざまな申し込みフォームを評価し、美しく魅力的なフォームを選ぶには、多くの検索が必要でした。

今-

同じような感動的な体験をしていただきたいと思います。 これらの最良のサインアップフォームの例とあなたの知識があれば、大量のリードを生み出すことに近づくでしょう。

はじめに:

  • サインアップフォームとは何ですか?
  • 最高のサインアップフォームの例

サインアップフォームとは何ですか?

サインアップフォームは、Webサイトの訪問者が電子メールまたは電話番号を送信することにより、電子メールリストに参加できるようにするポップアップ、Webページ、またはモーダルです。 サインアップフォームは、リードを生成し、エンゲージメントのあるサブスクライバーの基盤を構築するために不可欠な方法です。

サインアップフォームは、Webサイトに統合することも、ポップアップとして表示することもできます。 どちらのシナリオでも、電子メール、名前、さらには製品の設定などの情報を取得するための1つまたは複数の入力フィールドが含まれています。

これは、見出し、サポートテキスト、および電子メールキャプチャ用の1つの入力フィールドを含む一般的なサインアップフォームです。

クレジット:Allbirds

このようなサインアップフォームを作成してみませんか?

あなたはそれを簡単に行うことができます。

これは、Wisepopsで電子メールサインアップフォームを作成する方法に関する2分間のビデオです。

サインアップフォームを作成する(無料)

それでは、サインアップフォームの最良の例を見てみましょう。

サインアップフォームの例

成功したブランドからのサインアップフォームのこれらの例からインスピレーションを得てください。

1.ハイウェイロバリー

「ローブの周りからのニュースやメモにサインアップしてください!」

この文に間違いはありません。 このサインアップフォームの例で輝いているのは、ハイウェイロバリーの遊び心のある個性です。 このブランドはローブを販売しているため、コピーライティングで訪問者の注目を集めるクリエイティブな方法を見つけました。

このサインアップフォームの例のデザインは単純です—

魅力的なテキスト、1つの入力フィールド、対照的なCTAボタンがあります。 フォームには画像が含まれていないため、ここでは魅力的なコピーが主な注目を集めています。

プロのコピーライターが使用するテクニックを知りたいですか? ヒントと例については、eコマースコピーライティングガイドをご覧ください。

2.プライマルペットフード

ほとんどのサインアップフォームの例はかなり一般的です…

しかし、これはPrimalPetFoodsのものではありません。 彼らはより創造的なデザインアプローチを選択しました。サインアップフォームには、登録プロセスを観察するための2人の毛皮のような「観客」がいます。

また、このサインアップフォームの例が要求する情報の量にも注意してください。 電子メールのほかに、Primal Pet Foodsは加入者の名前、郵便番号、およびペット関連の情報を要求します。

サインアップフォームに記入するのは大変なようですが、さまざまなUIコンポーネントを使用することでデザインがスマートになります。 たとえば、テキストを書く代わりにオプションを選択することで、2つの質問に答えることができます。これは簡単です。

この大胆な動きのおかげで、ブランドは訪問者から製品の好みに関する貴重な情報を収集します。 ウェブサイト調査のように!


このようなポップアップで訪問者から情報やフィードバックを得たいですか?

ウェブサイト調査を作成する方法は次のとおりです。

3.デスウィッシュコーヒー

デスウィッシュコーヒーは、顧客の創造性と価値の両方を釘付けにします。

「15%オフにしたいですか?」という質問すぐに私たちの注意を引き付けます。 答えが「はい」の場合は、質問の下の文を読んで、割引を受ける方法を確認します。

したがって、このサインアップフォームの例では、簡単な3語の見出しで購入を聞いて検討しています。 また、入力するフィールドは1つだけなので、割引を受けるのは非常に簡単です。

これはSMSポップアップであることに注意してください。つまり、電子メールではなく電話番号を要求します。

これは、Death WishCoffeeがテキストメッセージマーケティングを行っていることを示唆しています。これは、顧客を引き付けるための一般的な方法です。

電子メールを収集するために、ブランドはWebサイトに埋め込まれた別のより単純なサインアップフォームを使用します。 それも見てみましょう。これは、コピーライティングを通じて伝えられる、楽しくて遊び心のあるブランドの個性のもう1つの例です。

「報酬を獲得する」、「専用コード」…
eコマースでは、いわゆるパワーワード(読者に行動を促す説得力のある単語)を使用して、より多くの顧客を引き付けることができます。
詳細:変換のための100パワーワード

4.クイーンガーネット

これは、物事を迅速に保つためのサインアップフォームの例の1つです。

ここで注目すべき機能は、「女王からの電報」という見出しです。 このブランドは、世界で最も暗いプラムとして世界的に知られているクイーンガーネットプラムから作られたジュースを販売しています。

では、ちょっと楽しんで、このニュースレターの登録を大したことのように聞こえさせてみませんか?

サインアップフォームにはフィールドが1つしかないため、すぐにサブスクライブできます。

ブランドは、入力フィールドの下に小さな文字で割引について言及するという珍しい決定をしました。 しかし、主な焦点は大胆な動きである見出しです。

そして、何を推測しますか?

実際にサインアップして[OK]をクリックすると、物事はさらにクリエイティブになります。 ブランド(または陛下と言うべきですか?)は、購読してくれてありがとう。

ガーネット女王のサインアップフォームの例は、リードを獲得するためにコピーがどれほど重要であるかを示す良い例です。 また、もう1つの企業が、ウェブサイトのテキストをブランドの個性と完全に一致させていることもわかります。

5.ビアードブランド

ここにあるすべてのサインアップフォームの例の中で、これには共感が随所に書かれています。

ブランドは、ニュースレターを購読することの利点を十分に詳細に説明しています。 これは素晴らしいアイデアです。多くの潜在的な顧客は、景品に参加したり、手入れのテクニックを学んだりできることを知って喜ぶでしょう。

ここには言葉遊びもあります。

ブランドの使命の1つは、顧客が素晴らしいあごひげを生やせるよう支援することです。 ニュースレターの登録フォームは、スキル、つまり「心」を伸ばすための資料を提供することで、この使命をサポートしています。

6.スタンプタウンコーヒーロースター

ウェブサイトのサインアップフォームに購読者を獲得するための最良の機会を与えるには、デザインが非常に重要です。 サインアップフォームの次のサンプルは、この点を示しています。

ブランドは、このポップアップに静止画像の代わりにgifを追加しました。

現在、カップにはブラックコーヒーだけでなく、回転する銀河全体が含まれています。 それはきっと訪問者の注目を集めるでしょう!

構造的には、これはサインアップフォームの簡単な例です。

フォーム全体に1つのステップ(電子メールサブスクリプション)しかないため、訪問者は簡単かつ迅速に通過できます。 アニメーション画像と割引を組み合わせた構造は、このリストで最高のサインアップフォームのこの例になります。

ポップアップの詳細:
ポップアップとは何ですか?
️41の企業からのポップアップの例
企業が1つのポップアップで5,000人の訪問者を変換する方法

7.Pedegoバイク

この次のサインアップフォームの例は少し一般的に見えるかもしれませんが—

その配置について一般的なものは何もありません。 ここにあるほとんどのサインアップフォームの例とは異なり、これはオンサイト通知フィードの一部です。

これはソーシャルメディアのようなフィードであり、どのWebサイトにも追加できます。これは、訪問者を引き付けるまったく新しい方法です。 フィードには、ニュースレターの登録フォームなど、あらゆる種類のマーケティングメッセージを含めることができます。

これがPedegoのフィードです—

訪問者は「ベル」をクリックしてフィードを確認し、電子メールサインアップフォームを見つけます。

Webサイトのエクスペリエンスをよりインタラクティブにするだけでなく、オンサイト通知は重要なことも行います。

彼らは訪問者の注意をマーケティングメッセージに集中させます。

このようにして、Pedegoは重要なマーケティングメッセージをより迅速に(そして1か所で!)提供します。 たとえば、ブランドは割引を共有したり、他のページへのトラフィックを増やしたり、もちろんリードを生成したりできます。

リードジェネレーションと言えば、フォームは次のようになります。

この革新的なウェブサイト訪問者エンゲージメントツールは、統合のおかげでウェブサイトの一部になります。 しかし、それはアプリなので、訪問者とコミュニケーションを取り、エンゲージするための別のチャネルのように管理します。

通知フィードの詳細をご覧ください

8.WP標準

このサインアップフォームの例には、すばらしい配置があります。

ブランドは、ポップアップをすぐに表示する代わりに、Webサイトの右下隅に小さなティーザーを表示します。 ティーザーは興味をそそる質問をします:「トートに勝ちますか?」

クリックすると、サインアップフォームが表示されます。

このように、WP Standardは、ポップアップサインアップフォームが邪魔にならないようにします。 訪問者はいつでもフォームを起動でき、ショッピング体験に最適です。

しかし、サインアップフォームを詳しく見てみましょう。

見事な製品画像、注目を集める見出し、単一の簡単な入力フィールドなど、いくつかの点を強調できます。

それだけではありません—

サインアップすると、2番目のステップのポップアップが表示されます。

そしてそれは驚きです!

トートプレゼントへの参加を確認するだけでなく、このブランドは最初の注文から10ドルの割引も受けます。 それは私たちに穏やかな購入を与える良い方法です。

したがって、このサンプルのサインアップフォームには、もう1つのポイントがあります。

過剰配信してみてください。

ここでWPStandardが行ったことは、訪問者が景品に参加できるようにし、オファーに加えて割引を追加することです。 これは、初めての訪問者を変換するための優れた方法です。結局のところ、オンライン買い物客が購入を決定する2番目の理由は割引です。

9.ボンバス

ティーザー付きの登録フォームの別の例を次に示します。

今回は、Shopifyの最高のストアの1つであるBombasから来ています。 製品の景品の代わりに、ブランドは20%の割引を提供します。

ティーザーはウェブサイトの中央下に配置されているため、訪問者はいつでも使用したいときに割引を受けることができます。

メインの申し込みフォームはとてもシンプルです。

多くのお客様が「はい」と答える可能性が高い質問が1つだけあります。 また、ご覧のとおり、このサインアップフォームの例にはまだ入力フィールドがありません。

「はい、お願いします」をクリックすると、メール入力フィールドが表示されます。

フィールドは1つしかないため、プロセスは迅速になります。 一人称で書かれた「GetMy20%Off」というボタンのテキストにも注意してください。

顧客の視点からCTAボタンのテキストを書くことは、古いマーケティングのコピーライティングのトリックです。

ある有名な調査によると、一人称の言語は二人称の言語よりもクリック数が90%多いことがわかりました。「30日間の無料トライアルを取得する」と「30日間の無料トライアルを取得する」です。 したがって、このトリックをWebサイトのサインアップフォームでテストすることも検討できます。

10.ホロタコ

このサインアップフォームの例は固定位置にあり、2つのコンテンツセクションを分割しています。

それは非常にわかりやすく、1つのフィールドしか含まれていません。 ここにある他のメール登録フォームの例と同様に、これもブランドの楽しみを愛する個性と一致しています。 絵文字の使用にも注意してください。

これらの要素が一緒になって、サインアップフォームの例を作成します。これは、優れたエクスペリエンスを提供し、HoloTacoのアイデンティティである遊び心と刺激性に共鳴します。 その上、全体的なデザインは、この電子メールサインアップフォームを非常に洗練されたエレガントな外観にします。

ホロタコサクセスストーリー

Cristine Rosenbergは、ブランドビジョンの違いを理由に、大企業からの投資を拒否しました。 ブランドアイデンティティへの執拗な焦点のおかげで、彼女は自分で最もユニークなマニキュア会社の1つを設立しました。

Chubbies、Allbirdsなどのストーリーについては、これらのShopifyサクセスストーリーを参照してください。

11.ブルーム

顧客がBlumeのサイトにアクセスする理由の1つは、セルフケアのヒントを得ることです。

ブランドのマーケティングチームの人々はこれを知っています。 そのため、このニュースレターの申し込みフォームには、にきび治療やその他のセルフケア関連のコンテンツなどの役立つコンテンツが約束されています。

blume-example-signup-form

このエレガントなサインアップフォームの例は、ブログのあるオンラインストアのインスピレーションに適しています。 優れたデザインに加えて、フォームには、割引、役立つコンテンツ、「楽しいコミュニティサプライズ」など、購読する理由がたくさん記載されています。

したがって、eコマースストアをお持ちの場合は、Blumeからのサインアップフォームのこの例に従うことを検討してください。

12.ウィリアムズソノマ

この次のサインアップフォームのサンプルは、ホームページのポップアップです。 それは、シンプルさ、デザイン、そして価値という3つのことを釘付けにします。

シンプルさという点では、メッセージを一目で理解するのは非常に簡単です。 フォームが節約、レシピ、その他の特典を提供していることにすぐに気付きます。 デザインは印象的で魅力的です—ビジュアルのおかげです。 そしてもちろん、読者にとっての価値も非常に明確です。

このような人目を引くポップアップデザインは、印象が長くなるため、コンバージョンにプラスの影響を与えることがよくあります。 したがって、このようなポップアップとしてニュースレターの登録フォームを作成しようとしている場合は、この例から間違いなくインスピレーションを得てください。

成功しているブランドがポップアップをサインアップフォームとしてデザインする方法についてのヒントが必要ですか? ティンバーランドのようなブランドからのこれらのポップアップのベストプラクティスをチェックしてください。

13.ナイキ

Nikeは、購読していない訪問者にこの終了インテントポップアップを表示します。

メール入力フィールドに加えて、ナイキは生年月日と買い物の好み(男性/女性)も尋ねます。 このようにして、ブランドは高品質のリードを獲得し、それらとの電子メール通信をパーソナライズしようとします。

フォームの3つのステップは、簡単かつ迅速に完了できます。

訪問者が情報を追加する必要がある唯一のフィールドは電子メールです。残りはドロップダウンメニューで選択されます。 これは、ユーザーに何も入力させずに、より多くの情報を取得するための良い方法です。

14.ジンで飛ぶ

これは、最もユニークな電子メールサインアップフォームの1つです。

カラフルなウェブサイトのデザインで知られるオンラインストアのFlybyJingは、ホームページの下部にあるこのフォームを使用しています。 スパイスはブランドの人気商品カテゴリーです、そして…これのデザインは確かに燃えています!

他の多くのサインアップフォームと同様に、これも電話番号を要求します。

ニュースレターを購読すると、フォームによってテキストが変更されます。 今回は、SMSアップデートへのサインアップを奨励するために、さらに多くのメリットがリストされています。 しかし、公平を期すために、これらのメリットは素晴らしいと思います。VIPの顧客になりたくない人はいますか?

このサインアップフォームのサンプルでも、「Textme!」で一人称の言語が使用されていることに注意してください。 それは素晴らしいUXライティングです。

魅力的なテキストの書き方を学びたい場合は、ガイド「コンバージョンのためのポップアップコピーの書き方」をご覧ください。

15. MailChimp

リストにある他の最高のサインアップフォームとは異なり、これはWebページです。

これは、人気のあるメールマーケティングアプリであるMailChimpからのものです。 彼らのウェブサイトでアカウントを作成すると、以下のサインアップフォームが表示されます。 きれいで、記入が簡単で、非常に単純です。

フォームは、Mailchimpからのマーケティングおよびプロモーションメールからオプトアウトすることを提案していることに注意してください。 これは、ユーザーがアプリのエクスペリエンスをより細かく制御できるようにする1つの方法です。

全体として、これはSaaSビジネスのサインアップフォームの良い例です。 最も重要な情報(ユーザー名、パスワード、メールアドレス)のみが必要であり、ユーザーはアプリをすばやく使い始めることができます。

16. Gymshark

ほとんどのサインアップフォームの例は、ポップアップまたは固定位置フォームのいずれかです。 これは通常の配置の例外です。 そして、見るべき興味深いサンプル。

ニュースレターにサインアップするには、ブランドのホームページのこの固定位置セクションにある[サインアップ]ボタンをクリックする必要があります。

クリックしたら—

サインアップフォームを使用して、新しいページにリダイレクトされます。

外観は次のとおりです。 フォームは、実際のサインアップフォーム(左)とメリットのある部分(右)の2つのセクションに分かれています。

多くの人にとって、このサインアップフォームは少し圧倒されるかもしれません。 そのため、Gymsharkは、気を散らすものを最小限に抑えるために、専用のWebページを作成しました。

さらに、特典のリストは、訪問者がサインアップすることを奨励するためにも機能します。 フォームがほとんどより少し長いことを考えると、これは必須です。

概要

それで、あなたは今見たサインアップフォームの例が好きでしたか?

リストから多くのインスピレーションを得られたことを願っています。

ご覧のとおり、オンラインビジネスでは非常に異なる登録フォームが作成されるため、従うべき単一の戦略はありません。 ただし、最善の策は、物事をシンプルで説得力のあるものに保ち、サブスクライバーの価値を中心に据えることです。