あなたがあなたの人生の中で物事にサインアップしたすべての時間を考えてください。 Evernoteをダウンロードしたことがありますか？ ドロップボックス？ Spotify？ たぶん、あなたは総会のクラスを受講したことさえあります。
これらのサインアップのそれぞれは、効果的な召喚状（CTA）の結果である可能性があります。
考えてみてください。CTAのコピーやデザインに惹かれていなかった場合、またはサインアッププロセスを雄弁に案内されていなかった場合は、現在よりもはるかに少ないアプリやWebサイトを使用することになります。
戦略的なCTAを使用して、訪問者に購入の過程を案内することは非常に重要です。
マーケティングにおけるCTAとは何ですか？
マーケティング担当者として、CTAは、オーディエンスがマーケティングキャンペーンで行動を起こすことを奨励するため、関連性があります。
最終的に、マーケティングキャンペーンの目標は、オーディエンスを バイヤーの旅 だから彼らは最終的に購入します。
ただし、マーケティングキャンペーンごとに、オーディエンスが実行するアクションが異なる場合があります。これは、オーディエンスを旅に導くために使用できる戦術がいくつかあるためです。
以下は、マーケティングで使用する可能性のあるCTAボタンのコピーの種類の例です。
上記のタイプのCTAはすべて指定された目的を果たしますが、使用する言語は異なる場合があることに注意してください。 そして今日、世界中のマーケターは、彼らのビジネスが依存するリードを生み出すために彼らの行動への呼びかけにいくつかの創造的なスピンをかけています。
何が効果的で何が効果的でないかを特定しやすくするために、次の例をリストしました。 完全に揺れるCTA。 これらの召喚状の例は、次のXNUMXつのカテゴリに分類されます。
- シンプルで効果的なCTA
- 優れた召喚フレーズを含むCTA
- XNUMXページの複数のボタンのバランスをとるCTA
2022年の最良の召喚状の例
1. HubSpot
HubSpotを使用するメリットのXNUMXつは、HubSpotが提供する豊富な無料リソースです。 マーケティングインテリジェンスについて説明している記事にあるこのスライドインCTAは、適切に配置されたCTAがユーザーエクスペリエンスをどのように改善できるかを示しています。
目立たず、記事の途中で、読者に「今すぐダウンロード」するよう促すだけでなく、便利で無料のリソースを提供します。 マーケティングキットは、どこから始めればよいかわからない人のために、すぐに使えるソリューションを提供します。
このCTAが機能する理由
このスライドインCTAは、掲載されている記事のトピックに直接関連する無料のリソースを提供します。 読者は記事を完成させてから、テンプレート付きのガイドをダウンロードして、独自のマーケティングキットの作成を開始できます。 （（スライドインCTAをブログ投稿に追加する方法については、ここをクリックしてください.)
2. バジェットニスタ
個人金融教育者で作家のティファニーアリッシュが経営するTheBudgetnistaは、個人金融のワンストップショップです。 彼女は視聴者を喜ばせるコンテンツを提供するだけでなく、魅力的なCTAを作成するプロでもあります。
ニュースレターを宣伝するために単にサインアップCTAを出す代わりに、彼女は読者にクリックを促す言語を使用します。 「ウィークリーグッズにサインアップ」は、「ニュースレターにサインアップ」よりもはるかに興味深いものに聞こえます。 毎週のグッズが欲しくないのは誰ですか？
このCTAが機能する理由
フレンドリーで創造的な言語の使用は、訪問者が望ましい行動を取ることを奨励します。 また、Alicheの個性を反映しています。これは、いい感じで、インタラクションをパーソナライズするのに役立ちます。
3. 光沢
美容ブランドのGlossierは、さまざまな肌タイプの女性のリアルなイメージを紹介するマーケティングイメージを下に置いています。 誰が彼らを忘れることができます 少年眉キャンペーン？ 彼らのウェブサイトは、モデルやメイクの写真をポップにするたくさんの空白できれいです。
彼らのCTAは、あなたが彼らのサイトを下にスクロールし始めたときに現れるオーバーレイです。 多くの人がポップアップからすぐにクリックしますが、Glossierが選択する言語は、あなたが固執したくなるものです。 「これを受信トレイに持っていきましょう」は、ニュースレターに登録するように人々に依頼する賢い方法です。 参加する場合は、「i'min」をクリックするだけで完了です。
このCTAが機能する理由
バジェットニスタのように、グロシエはブランドをより親しみやすくし、人々に行動を起こさせる巧妙な言い回しを使用しています。 光沢のある素晴らしいメイクのモデルの画像とイラストが含まれていることも、このCTAを魅力的にするのに役立ちます。
4. 310クリエイティブ
成長エージェンシーとHubSpotパートナーの310Creativeは、B2B企業が売り上げを伸ばすためのバイヤーの旅を拡大し、洗練するのを支援することを目的としています。 サイトへの訪問者が必要な特定のサービスを完全に知らない可能性があることを知っている310Creativeは、混乱を取り除くCTAを利用します。
スライドインCTAは、訪問者に無料の評価を予約して、ビジネスが不足している可能性がある場所を明確にし、これらの結果が発生している理由を発見するように求めます。
このCTAが機能する理由
このCTAは、サービスが無料であることを明示的に示すことで障壁を取り除くだけでなく、訪問者への共感を示します。 問題を説明し、続いて「これがおなじみのように聞こえたら、話しましょう」と説明することで、310Creativeがユーザーのフラストレーションを助け理解するためにここにいることを示しています。
5. 全盛期
Heydayは、フェイシャル業界では少し反抗的です。 そのミニマリストで飾り気のないアプローチは、大騒ぎやアップセルなしでエステティシャンに会いたいだけの人たちの間で人気があります。
そのミニマリストでありながら友好的なアプローチは、CTAにも現れています。 このCTAは、肌が光る一部のモデルを最大限に活用して、視聴者を割引価格でニュースレターに登録するように促します。 「サインアップして保存」ボタンは説得力があり、ユーモラスな「いいえ、私はフル価格のスキンケアを好みます」というハイパーリンクをオプトアウトします。
このCTAが機能する理由
Heydayは、美しい美学、割引、ユーモアを駆使して、訪問者が希望する行動を取るように促しました。
6. VRBO
暇なときに美しい別荘を閲覧するのが好きなら、VRBOはそれを行うのに最適な場所です。 このブランドは、意欲的な美学とゴージャスな場所をうまく利用しています。
紺色のCTAがVRBOの白い背景に浮かび上がり、読者を引き込みます。次に、「脱出を発見」ボタンを押すと、休暇用の家を借りることに興味がある人にちょっとした冒険が追加されます。
このCTAが機能する理由
VRBOは色と言い回しをうまく利用しています。 それは休暇ではなく、彼らがあなたの信頼できるガイドとして役立つことができる冒険です。
7. Huluは
ストリーミングの巨人Huluは、このCTAで劇的なアプローチを取りました。 薄暗い背景はすべてのテレビと映画の提供を示しており、CTAの緑と白のテキストはプロモーションにあなたの注意を引き付けます。
これは、サインアップとアップセルをXNUMXつにまとめたもので、Disney+とESPN+で割引アドオンを入手できることをユーザーに通知します。
このCTAが機能する理由
このCTAは、訪問者がバンドルと取引しているという印象を与えます。 サインアップボタンを持っているだけでなく、「ディズニーバンドルを入手する」ことです。 それは訪問者に行動を起こさせるための価値を提供することに重点を置いています。
8. ヒジャ デ トゥ マドレ
アパレル企業のHijaDeTu Madreは、若々しさと新鮮さを醸し出す、すっきりとしたピンクと白の配色で新鮮さを保ちます。 彼らのCTAを非常に魅力的なものにしているのは、スペイン語と英語の両方を混ぜ合わせた言葉遊びであり、ターゲットオーディエンスへの賛歌です。
彼らは彼らの聴衆にとてもダイヤルされているので、Hija DeTuMadreは彼らの訪問者からより多くの情報を抽出することができます。 電子メール（最初の画像）を要求するCTAだけでなく、XNUMX番目のCTAに携帯電話の要求を導入しました。 彼らはどのように人々に彼らの数字を渡すように説得しますか？ 彼らに商品を獲得するチャンスを提供することによって、特に彼らの人気のあるデニムジャケット。
このCTAが機能する理由
訪問者が個人情報と引き換えに価値があると考えるものを提供することで、この場合、切望されているデニムジャケットは、人々がより多くの情報を共有する可能性を高めます。 重要なのは、視聴者を知り、彼らの興味を引き出すことです。
9. ウールとギャング
Wool and the GangのこのCTAは、内部がすべてぼやけているように感じさせます。 ウールとギャングの衣服に加えてかわいい子犬を身に着けている顧客のコラージュの背景は、本当に読者を引き付け、ブランドの聴衆に適合します。
CTAボタンには、「ニットを共有する#woolandthegang」と記載されています。これは、ブランドプロモーションとカスタマーエンゲージメントの両方として機能し、WoolとGang製品を使用して作成したものを顧客が共有することを奨励します。
このCTAが機能する理由
このCTAは、訪問者の注意を引くだけでなく、コミュニティの感覚を生み出し、訪問者を参加させます。 この特定のCTAは、ソーシャルメディア全体でキットを共有する顧客が増えるにつれて、ブランドプロモーションとしても機能します。
10. ツイーク イット スタジオ
家の装飾とデザインの会社であるTweakItStudioは、楽しむことの重要性を示していますが、CTAは明確です。
大きな太字の「JustDropped」で訪問者の注意を引き、提供されている新製品について読者に知らせ、アイテムが何であるかを正確に示すCTAボタン（この場合は「パーソナライズされた木の名前」）と組み合わせます。 「今すぐ購入」というボタンを押すよりもはるかに効果的です。
このCTAが機能する理由
このCTAは、「ドロップしたばかり」の緊急性を使用して、訪問者がストア内の新しいアイテムをチェックアウトできるようにします。また、訪問者がクリックした後に次に向かうボタンで明確に通信します。
より多くのCTAデザインのインスピレーションが必要ですか？ 以下の私たちのお気に入りの召喚状の例をいくつかチェックしてください。
1. HubSpotCTA[無料テンプレート]
より良いCTAを構築するためのインスピレーションをお探しですか？ 専門的に設計されたものを使用してください CTAテンプレート コンテンツからより多くのクリック、送信、リードを生成します。
2. Evernoteの
CTA：サインアップ
「思い出す
rすべて。 訪問者は、このページにアクセスした瞬間にそのメッセージをすぐに理解できます。 EvernoteのWebサイトのデザインにより、ユーザーはアプリを使用するメリットと実際にサインアップして使用する方法を簡単に確認できます。 さらに、メインおよびセカンダリCTAボタンの緑色は、見出しおよびEvernoteロゴと同じ緑色であり、これらはすべてページから飛び出します。
このCTAを複製する方法
CTAを目立たせるために、Webページの要素とよく対照的な明るい色を使用することを検討してください。
3. ドロップボックス
CTA：無料でサインアップ
Dropboxは常に、多くのネガティブスペースを備えたシンプルなデザインを採用してきました。 彼らのホームページのグラフィックでさえ、微妙でシンプルです。
そのシンプルなデザインとネガティブなスペースのおかげで、青い「無料でサインアップ」の召喚ボタンは、ページ上の他のすべてのものから際立っています。 CTAとDropboxのロゴは同じ色であるため、訪問者はこのCTAを「Dropboxにサインアップ」と簡単に解釈できます。 これは、効果的な召喚状のXNUMXつです。
このCTAを複製する方法
ネガティブスペースは、正しく使用すれば有利に機能します。 大胆なブランドカラーを使用してCTAを目立たせることで、これを活用してください
4. オフィスバイブ
CTA：購読する
これは、OfficeVibeから私の注意を引いたスライドインの召喚状です。 彼らのブログの投稿をスクロールしている間、バナーがページの下部からスライドし、彼らのブログを購読するための召喚状が表示されました。 一番良いところ？ スライドインのコピーは、私がより良いマネージャーになる方法についてのヒントを得るだろうと私に教えてくれました—そしてそれが現れた投稿はより良いマネージャーになる方法についての投稿でした。 言い換えれば、その申し出は私がすでに興味を持っていたものでした。
さらに、スライドインCTAが目立たないのが好きです。 私の同僚のレイチェル・スプルングが呼ぶもの 「すべてを停止して、ここでポップアップCTAをクリックしてください。」 これらのCTAは、ブログ投稿を読み続けることを可能にしながら、より多くの情報を提供するため、より愛らしい体験を提供すると思います。
このCTAを複製する方法
HubSpotのマーケティングツールを使用して、独自のスライドインCTAを作成できます。 テンプレートを使用してCTAを設計した後、HubSpotアカウントを作成します。 HubSpotアカウントで[マーケティング]>[リードキャプチャ]>[CTA]に移動し、 CTAの説明はこちら。
5. Netflix
CTA：XNUMXか月間無料で参加
ユーザーが何かにサインアップする前に持っている大きな恐怖のXNUMXつは？ 彼らがそれを気に入らなくなった場合、彼らのサブスクリプションをキャンセルするのは苦痛になるでしょう。 Netflixは、「XNUMXか月間無料で参加」CTAのすぐ上にある「いつでもキャンセル」のコピーを使用して、つぼみを恐れています。 安心感だけで申し込みが増えたと思います。 また、ここでのプライマリおよびセカンダリCTAの赤色が、Netflixのロゴの色と一致していることに気付くでしょう。
このCTAを複製する方法
色のコントラストがはっきりしているため、訪問者の注意を引くことができるだけでなく、CTAでクリックを促す言語を使用することもできます。 「無料で試す」など、潜在的な顧客のリスクを排除するCTAでの使用を検討してください。
6. 正方形である
CTA：はじめに
効果的なCTAデザインを実現するには、ボタン自体だけでなく、それ以上のことを考慮する必要があります。 背景色、周囲の画像、周囲のテキストなどの要素を考慮することも非常に重要です。
これらの追加のデザインコンポーネントを念頭に置いて、Squareの人々は、単一の画像を使用して、製品の使用の単純さを示しました。ここで、ホバーする「GetStarted」CTAがクリックを待っています。 よく見ると、画像のクレジットカードの色とCTAボタンの色が一致しているため、視聴者はクリックした場合に期待するものの点をつなぐことができます。
このCTAを複製する方法
この画像のように似たような色調を調整している場合でも、Dropboxの例のようにブランドの色を使用している場合でも、色を使用して訪問者がドットをつなぐことができます。
7. Prezi
CTA：Preziを試してみてください
Preziの人々は、彼らのWebサイトでミニマリストデザインの外観にも興味を持っています。 緑の恐竜とダークブラウンのコーヒーを除いて、主に白黒のデザインに付随する他の色は、メインのロゴと同じ青である明るい青だけです。 その明るい青は、ホームページに戦略的に配置されています。メインの「Give Prezi atry」CTAとセカンダリの「GetStarted」CTAで、どちらもユーザーを同じ価格設定ページに誘導します。
このCTAを複製する方法
このページは最小限の配色を採用しましたが、訪問者を同じランディングページに誘導する同じカラーボタンを持つXNUMXつのCTAを組み込んでいます。 ページのデザインがすっきりとしていてミニマリストの場合は、テキストの異なるXNUMXつのCTAを試して訪問者を引き込むことを検討してください。
8. フルバンドル
CTA：私たちの仕事
フルバンドルは、ネガティブスペースを使用してプライマリCTAをポップにする別の会社です。 白い「私たちの仕事」の召喚状は、背景の濃い灰色に対して際立っています。 彼らのCTAの選択も戦略的です。 彼らは主にクライアントのオンラインプレゼンスを構築するために存在することを考えると、彼らが彼らの仕事を紹介することが重要です—そしてそれはほとんどの人々が彼らのウェブサイトに行くものです。
このCTAを複製する方法
Full Bundle のグレー トーンのように、ネガティブ スペースをクリエイティブに使用します。 ご覧のとおり、グレーのさまざまな色合いが三角形を形成し、微妙なデザイン要素を追加して、
ハイト CTA が下部に表示されます。
9. 猫科
CTA：参加する
パンテーラの人々は、世界中の野生の猫を本当に気にかけていて、同じように感じる人々のグループに参加したいユーザーを探しています。 特にそれらの人々をターゲットにするために、私たちは彼らが大きな猫愛好家に話す言葉をどのように使用するかが大好きです：「今日プライドに参加してください。」 ページ自体は非常にシンプルです。 ページ上のフォーム XNUMXつのシンプルなフィールドと、（再び）「参加」するように人々に求めるボタンがあります。
このCTAを複製する方法
CTAでターゲットオーディエンスにアピールするブランドに関連する言葉を使用して、ターゲットオーディエンスとのつながりを確立します。
10. EPIC
CTA：一緒に新しいプロジェクトを始めましょう
エージェンシーEPICの人々は、主に自分の仕事を紹介するためにホームページを使用しています。 ページに到達すると、カルーセル上で回転するクライアントのために行った作業の一部を示すアニメーションビデオが表示されます。 ユーザーが自分のサイトをクリックする可能性のある場所は他にもたくさんありますが（クライアントのウェブサイトを含む）、メインの召喚状は目立ち、バックグラウンドで再生されている動画と常に対照的です。
「一緒に新しいプロジェクトを始めましょう」という親しみやすい包括的な言葉が特徴で、特に素晴らしいチームであるクリエイティブなパートナーを探しているユーザーにヒントを与えてくれるのが大好きです。
このCTAを複製する方法
魅力的な言葉を使用します。 「参加してください」というボタンを作成するのは簡単ですが、それはあまり説得力がありません。 「一緒に働きましょう」のような親しみやすいものや、提供するサービスに固有の何かを検討してください。
11. アクアスプレッソ
CTA：今すぐスペシャルを送ってください！
召喚状の要点は、サイトの訪問者を目的の行動方針に誘導することです。最高のCTAは、訪問者に役立つ方法でそれを行います。 コーヒー会社Aquaspressoの人々は、ここでポップアップCTAとのバランスをとっています。 彼らのメインのブログページ.
ここで、望ましい行動方針は、ブログの読者が実際に販売しているものを確認することです（できれば彼らから購入することもできます）。 「私たちの最も人気のある製品をチェックしてください！」と人々に促すCTAを出すなど、彼らがこれを行うことができた多くの方法があります。 または非常に直接的なもの。 しかし、私たちは彼らが代わりに行ったことを気に入っています。彼らのCTAは、ブログの読者にもっと便利で微妙な何かを提供します。読者のメールアドレスと引き換えに「今日のスペシャル」を提供します。
スペシャルは今日だけのものであると付け加えると、 希少性と呼ばれる心理的な戦術、これにより、不足していると思われるものにより多くの価値を割り当てることができます。 今日のスペシャルが明日よりも優れているという恐れから、人々はできる限りそれを記入してオファーを主張したくなるかもしれません。
このCTAを複製する方法
上記の召喚状は、 HubSpotのテンプレート。 CTAの不足を利用して、ウェブサイトの訪問者に切迫感を与えることを検討してください。 「期間限定オファー」や「今日のお得な情報を入手」などのフレーズを使用して、訪問者が希望する行動を取るように動機付けることができます。
12. QuickSprout
CTA：SEOを間違っていますか？ URLを入力して調べてください
誰もが間違っていることを望んでいません。 そのため、ブログにあるQuickSproutのスライドインCTAのような召喚ボタンはクリックする価値があります。 それは読者に「あなたはあなたのSEOを間違っているのですか？」と尋ねます。 さて、私ですか？ 私がしなければならないのは、見つけるために自分のURLを入力することだけです—十分に簡単なようです。 それは、訪問者にクリックスルーを本当に誘うことができるそのような言語です。
さらに、ブログ投稿の途中でCTAスライドを表示することは、読者がページから飛び出す前に読者を捕まえるための優れた戦術です。 従来、多くのブログでは、各ブログ投稿の一番下にCTAがありますが、 研究ショー ほとんどの読者は、記事の60％しか取得できません。
このCTAを複製する方法
CTAで、訪問者の注意を引く、または訪問者が抱えている可能性のある問題点について話す言葉を使用します。 上記のケースではSEOを使用していますが、「リードの変換に問題がありますか？」のようなものを使用できます。 そして、あなたのサービスを救済策として位置づけます。 （（スライドインCTAをブログ投稿に追加する方法については、ここをクリックしてください.)
13. グレイグース
CTA：あなたの好みに合わせたカクテルを見つけましょう
これは、人々にクリックを促すことができる、楽しくてユニークな行動を促すフレーズです。 サイト訪問者はホームページから製品ページやプレスリリースに誘導されることを期待していたかもしれませんが、「あなたの好みに合わせたカクテルを発見する」というCTAは嬉しい驚きの質問です。 人々はパーソナライズが大好きです、そしてこのCTAの種類は魅力的なゲームのように感じます。 コピーの横にある再生ボタンのアイコンは、訪問者がビデオに移動することを示唆しているため、訪問者はクリックしたときに何を期待できるかをよりよく理解できます。
このCTAを複製する方法
パーソナライズは、訪問者とのつながりを確立するために不思議に働きます。 提供する製品またはサービスに基づいて、訪問者にパーソナライズされたエクスペリエンスを提案するCTAの実装を検討してください。 たとえば、「予算に合った計画を検討する」、「ブランドに合わせたデザインを選択する」などと言うことができます。
14. ツリーハウス
CTA：無料トライアルを請求する
そこにある多くの会社のウェブサイトは、ユーザーに無料トライアルを開始する機会を提供しています。 しかし、TreehouseのWebサイトのCTAは、「無料トライアルを開始する」とだけ言っているのではありません。 「無料トライアルを請求してください」と書かれています。
言葉遣いの違いは微妙に見えるかもしれませんが、どれだけ個人的な「主張 あなたの 無料トライアル」です。 さらに、「クレーム」という言葉は、それが長く利用できない可能性があることを示唆しており、ユーザーはできる限り無料トライアルを取得する緊急性を感じています。
このCTAを複製する方法
サービスに無料トライアルを提供する場合は、「無料トライアル」というボタンを使用するのではなく、「無料トライアルを開始する」を使用してエクスペリエンスをパーソナライズします。
15. OKCupid
CTA：続行
OKCupidのCTAは一見それほど印象的ではないように見えますが、その輝きは細部にあります。
明るい緑色で、濃い青色の背景でよく目立つ召喚ボタンは、「続行」と言います。 この用語の単純さは、サインアッププロセスが短くてカジュアルであることを期待しています。 私にとって、このCTAは、退屈なフォームに記入したり、緊張する可能性のある何かにコミットしたりするよりも、楽しいゲームをプレイしているように感じます。 そして、それはすべてコピーによるものです。
このCTAを複製する方法
人々はゲームを楽しんでいるので、それがあなたの製品やサービスに役立つ場合は、CTAをゲーミフィケーションして興味をかき立てるようにしてください。
16. Blogging.org
CTA：カウントダウン時計
誰かに行動を起こさせたいと思わせるタイマーのようなものはありません。 blogging.orgのホームページに少し時間を費やした後、新しい訪問者は ポップアップCTA XNUMX分からカウントダウンするタイマー付きの「期間限定オファー」付き。
＃10のAquaspressoの例と同様に、これは 希少性と呼ばれる心理的戦術、これにより、不足していると思われるものにより多くの価値を割り当てることができます。 誰かがフォームに記入しなければならない時間を制限すると、人々はフォームに記入して、できる限りオファーを要求したくなるでしょう。
不思議なことに、時間がなくなるとどうなりますか？ 私もそうだった。陽気なことに、何も起こらない。 タイマーがゼロになっても、ポップアップCTAはページに残ります。
このCTAを複製する方法
Aquaespressoと同様に、希少性を利用して、サイトへの訪問者に行動を起こす緊急性を感じさせることを検討してください。
17. インパクトブランディングとデザイン
CTA：私たちがしていること
間違った言語が使用されている場合、CTAは本当に強引で売れ行きが悪いと感じる可能性があります（そう、それは言葉です…）。 好き 影響の教育的アプローチでは、訪問者に会社が何をしているのかを学ぶように呼びかけ、その後、さらなる行動をとるように促します。 この行動の呼びかけは、アクション動詞すら使用していないため、特に興味をそそられますが、それでも人々にクリックを促すことができます。
このCTAを複製する方法
CTAで言語を使用して、訪問者にあなたのビジネスについてもっと学ぶように促し、あなたが何をしているのかを見てもらいます。 「過去のプロジェクトを見る」、「私たちがしていること」、「私たちの仕事を見る」などを使用します。
18. ヒューモール
CTA：起動（押さないでください）
ウェブサイトにアクセスして、「Do Not Press」のコピーが付いた「Launch」CTAを見た場合、…どうなるでしょうか。 貴社 する？ 正直に言うと、あなたはそれを押したくてたまらないでしょう。 ここでの無害な逆心理学の使用は遊び心があり、Huemorのブランドの声と非常に一致しています。
このCTAを複製する方法
ブランドがより遊び心のある、またはクリエイティブ業界にある場合は、ゲーミフィケーションまたはHuemorの例のような逆心理学を使用して、CTAの利点にそれを使用できます。
19. ブルックスランニング
CTA：もっとあるときに調べてください
好きな商品を熱心に追求して、売り切れになったことは何回ありますか？ ご存知かもしれませんが、売り手にとってもピクニックではありません。 ただし、アイテムがなくなったからといって、宣伝をやめるべきではありません。
Brooks Runningは巧妙な行動を呼びかけ、お気に入りの靴が在庫切れであるという理由だけで顧客がWebサイトからバウンスしないようにします。 上のスクリーンショットでは、ブルックスがCTAで見栄えの良い靴を宣伝しているのを見ることができます。 このボタンが悪いニュースを顧客を維持する機会に変える方法が大好きです。 それがなければ、ブルックスの顧客は靴のことを忘れて他の場所を探すでしょう。
下に示されている青いCTAボタンをクリックすると、Brooksは、会社にテキストを送信できる簡単なコードを含むページに移動します。 このコードは、ブルックスに、訪問者が欲しい靴が再び利用可能になったときに自動的に警告するように促します。
このCTAを複製する方法
eコマースビジネスの場合、商品の在庫がないことを示すページに顧客を送ると、顧客がオフになり、バウンスする可能性があります。 「補充されたら通知する」または「もっとあるときに調べてください」というCTAを追加して、彼らの関心を維持し、電子メール情報を取得することを検討してください。
20. フンボルト郡
CTA：魔法に従ってください
フンボルト郡のウェブサイトはそれ自体がゴージャスです。驚くほど美しい映像のフルスクリーンビデオであなたを迎えます。 しかし、私が本当に気に入っているのは、中央下に配置された型破りな召喚ボタンです。このボタンには、バニーアイコンと「FollowtheMagic」という言葉が付いています。
それは、映像の一種の幻想的な感触を高め、おとぎ話に足を踏み入れようとしているように感じさせます。
さらに、その CTA をクリックすると、ウェブサイトは一種の自分で選択する冒険に変わります。
これは、ユーザーにとって楽しい行動を促すフレーズであり、サイトでより多くの時間を過ごすように促します。
このCTAを複製する方法
旅行会社やクリエイティブ企業に最適です。HumboltのルアーリーダーのようなCTAがあります。ブランドにクリエイティブな余裕がある場合は、それを使用してください。 「次の冒険を見つける」や「旅行を計画する」などのフレーズを試すことができます。
21. ユーバー
CTA：ドライブにサインアップ| Uberで乗り始める
Uberは、ウェブサイトに登録するXNUMXつの非常に異なるタイプの人を探しています。ライダーとドライバーです。 両方のペルソナはまったく異なるものを探していますが、それでも、ウェブサイトは、世界中の場所でUberのライダーとドライバーが楽しい時間を過ごしていることを示す、バックグラウンドで再生される大きなビデオと非常にうまく結びついています。
上部にあるドライバーのCTAのコピーも気に入っています。「車を運転してお金を稼ぐ」よりも簡単なことではありません。 今、それは人々の言語を話している。
このCTAを複製する方法
XNUMX種類の顧客をターゲットにしていますか？ Uberと同様に、ペルソナごとにCTAを作成できます。
22. Spotifyは
CTA：プレミアムに移行| 無料でプレイ
Spotifyのホームページにアクセスするとすぐに、彼らの主な目標がプレミアムアカウントにお金を払っても構わないと思っている顧客を引き付けることであるのは明らかですが、ユーザーが無料でサインアップするためのCTAは非常に二次的なものです。
これを与えるのは見出しだけではありません。 それは彼らのCTAボタンの色でもあります。 「GoPremium」CTAはライムグリーンでページから飛び出しますが、「Play Free」CTAは真っ白で、ページ上の残りのコピーと調和します。 このコントラストにより、訪問者はプレミアムCTAに引き付けられます。
このCTAを複製する方法
有料版と無料版の両方のサービスを提供する場合は、XNUMXつの別々のCTAを使用することを検討してください。有料オプションではポップな色を選択し、無料版ではより控えめな色を選択します。
23. ウグモンク
CTA：クーポンを送ってください| 興味ないです
CTAを終了します。別名 終了インテントポップアップ、通常のポップアップとは異なります。 ユーザーの行動を検出し、ユーザーがサイトを離れようとしているように見える場合にのみ表示されます。 タイムリーに介入することにより、これらのポップアップは、読者の注意を引くと同時に、滞在する理由を提供する素晴らしい方法として機能します。
Ugmonkには優れた出口CTAがあり、ユーザーがサイトを離れる前の最後の嘆願として15つのオプションを提供します。 まず、製品のXNUMX％割引を提供し、次にXNUMXつのオプションがあります。「はいお願いします：クーポンを送ってください」と「いいえありがとうございます：興味がありません」。 各CTAが「はい」と「いいえ」が実際に何を意味するのかを明確にすることは非常に役立ちます。また、他のWebサイトで見たような「いいえありがとう：私は自然が嫌いです」のような罪悪感を与える言葉を使用しなかったのも気に入っています。 最後に、「はいお願いします」ボタンは他のオプションよりもはるかに明るく、魅力的な色であることに注意してください。
このCTAを複製する方法
出口インテントCTAは、eコマースに非常に役立ちます。 訪問者にコンバージョンを促すために、サービスやその他の価値のあるものの割引を提供できます。
24. Pinterest
CTA：Facebookを続ける| サインアップ
Pinterestにサインアップしてみませんか？ いくつかのオプションがあります。FacebookまたはEメールでサインアップします。 Facebookアカウントをお持ちの場合、Pinterestは最初にそれを行うことを望んでいます。 どうすればわかりますか？ 美的には、青いFacebook CTAが最初に来て、ブランドのロゴと色のためにはるかに目立ち、カラフルで、認識しやすいので、私は知っています。 論理的には、Facebookからログインすると、PinterestはFacebookのAPIデータを取得して、メールアドレスからログインする場合よりも多くの情報を取得できるためです。
このホームページは新しいメンバーを呼び込むように最適化されていますが、Pinterestアカウントを持っている人が右上にログインするための非常に微妙なCTAに気付くでしょう。
このCTAを複製する方法
ユーザーがCTAでFacebookまたはGoogleにサインアップできるようにします。 これにより、訪問者がサインアップする時間を節約でき、訪問者に関するより多くの情報を得ることができます。
25. Madewell
CTA：私をそこに連れて行ってください| 次は何ですか？
Madewell（J.Crewが所有）は常に傑出したWebサイトのデザインを採用しており、典型的なeコマースWebサイトを次のレベルに引き上げています。 ホームページでのCTAの使用も例外ではありません。
このページに最初にアクセスすると、「私は探しています…」という見出しに続いて、「どこにでも移動する服」などのカテゴリが表示されます。 このコピーの下には、「はい、私を連れて行ってください」または「うーん…次は何ですか？」というXNUMXつのオプションがあります。 ユーザーは、XNUMXつのCTAから選択して、旅行に適した服を閲覧するか、次の種類の服に移動して、もう一度遊ぶことができます。
このゲーミフィケーションは、サイトを見つけたユーザーがどこを見たいかを具体的に考えなくても、サイトをより面白くするための優れた方法です。
このCTAを複製する方法
CTAでゲーミフィケーションを使用して、訪問者にサイトをさらに探索するように説得します。 彼らは彼らが何を探しているのか、あなたの会社がどのように助けることができるのかを具体的に知らないかもしれません。 楽しいプロンプトを作成すると、訪問者が探しているものを見つけるのに役立ちます。
26. Instagram
CTA：AppStoreでダウンロード| Google Playで入手する
Instagram は主にモバイル アプリであるため、e の XNUMX つの黒い CTA が表示されます。
定サイズ: XNUMX つは Apple の App Store で Instagram をダウンロードするためのもので、もう XNUMX つは Google Play でダウンロードするためのものです。 これらの CTA が同等である理由は、誰かがアプリを App Store でダウンロードするか、Google Play でダウンロードするかは問題ではないためです。ダウンロードはダウンロードであり、まさに Instagram が最適化しているものです。 すでに Instagram をお持ちの場合は、CTA をクリックして「ログイン」することもできます。
このCTAを複製する方法
アプリをお持ちの場合は、訪問者がアプリをダウンロードできるプラットフォームごとにCTAを追加することを検討してください。 これにより摩擦がなくなり、訪問者が検索しなくてもアプリを簡単にダウンロードできるようになります。
27. バークボックス
CTA：はじめに| 贈り物をする
BarkboxのホームページにあるXNUMXつのCTAは、そこのチームが顧客を知っていることを示しています。サイトにアクセスする多くの人々が自分でサインアップしている一方で、Barkboxをギフトとして贈りたいと思っている人々がたくさんいます。 これらの人々に簡単に購入できるように、ページには「はじめに」と「ギフトを贈る」というXNUMXつの同じサイズのCTAがあります。
追加のボーナスとして、画面の右側に愛らしいポップアップの召喚状があり、必要に応じてユーザーにメッセージを残すように促します。 クリックすると、「Woof！」という小さなダイアログボックスが表示されます。 私たちのパックはオンラインではありません。 メッセージを残してください。できるだけ早く吠えます。」 楽しいコピーについて話してください。
このCTAを複製する方法
Uberと同様に、複数のCTAを使用してさまざまなオーディエンスにサービスを提供できます。 言語で遊んで、ブランドの声に最適なフレーズを考えてください。
28. tcファーマ
CTA：詳細| 製品を見る
レッドブルは独自の親会社ではないことが判明しました。タイを拠点とするtcpharmaが所有しており、人気のあるエネルギードリンク、電解質飲料、機能性ドリンクやスナックを製造しています。
そのホームページには、同じサイズのXNUMXつの召喚ボタンがあります。「詳細を確認」と「製品を表示」ですが、最初のボタンの明るい黄色から、人々に「詳細を確認」するように指示していることがわかります。 」
このCTAを複製する方法
色を使用して、訪問者に希望の行動を取るように説得します。 他の人にクリックしてもらいたい優先ボタンがある場合は、XNUMXつのうちで目立つようにします。
29. 総会
CTA：フルタイムコースを表示| 購読
総会のWebサイトをスクロールすると、サインアップする場合としない場合があるさまざまなコースのCTAが表示されます。 ただし、スクロールしているときにページの下からスライドするCTAに注意を向けたいと思います。これは、電子メールの更新を購読していることを示しています。
これは、その場所とマナーからはセカンダリCTAのように感じますが、実際には、個々のクラスのCTAよりもはるかにカラフルで目立つため、これを忍び込んでプライマリCTAにしようとしていると思います。
このCTAを複製する方法
独自のCTAを作成するときは、通常のスタイルと衝突する色であっても、より大胆な色を使用して、人々の注意を引くのに効果的かどうかを確認してください。 （（スライドインCTAをWebページに追加する方法のチュートリアルについては、ここをクリックしてください.)
30. チャリティー水
CTA：クレジットカードで贈る| PayPalで贈る
チャリティー：水の主な目標は、人々にきれいな水にお金を寄付してもらうことですが、誰もが同じように支払いたいと思っているとは限りません。
ホームページに掲載されているCTAは、60行のフォームにXNUMXドルを事前に入力し、クレジットカードまたはPayPalで支払うXNUMXつの同等に重要なCTAを含めることで、さまざまな支払い方法を提供するという非常にユニークなアプローチを採用しています。 両方のCTAが同じサイズとデザインであることに注意してください。これは、チャリティー：ウォーターが気にしない可能性があるためです。 の あなたが寄付している限り、あなたは寄付します。
このCTAを複製する方法
支払いCTAについては、訪問者に支払い方法のオプションを提供することを検討してください。 最も重要なのは、彼らが購入することです。
31. Hipmunk
CTA：フライト| ホテル| 車| パッケージ
Hipmunkサイトにアクセスするときの主なオプションは、フライトを検索することです。 ただし、フライト、ホテル、車、パッケージのXNUMXつのタブをめくることができます。
これらのオプションのいずれかをクリックすると、フォームが変更されるため、より多くの情報を入力できます。 探しているものを100％確実に把握するために、Hipmunkはフォームの右端に明るいオレンジ色のCTAを配置しました。 このCTAでは、「検索」という単語の横に飛行機の認識可能なアイコンが表示されるので、ホテルではなくフライトを検索していることが確実にわかります。 [ホテル]タブを表示すると、そのアイコンがホテルアイコンに変わります。 車やパッケージについても同じことが言えます。
このCTAを複製する方法
アイコンを使用して、CTAの詳細をユーザーに説明します。
32. MakeMyペルソナ
CTA：テンプレートを入手してください！ | 結構です
複数の召喚状を含む優れたポップアップの別の例を次に示します。ただし、この場合を除いて、ユーザーのXNUMXつのオプションのサイズ、色、デザインが互いに大きく異なることに気付くでしょう。 この場合、MakeMyPersonaの人々は「テンプレートを入手してください！」を作成しています。 CTAは、「いいえ、今は大丈夫です。ありがとう」CTAよりもはるかに魅力的でクリック可能です。CTAはクリック可能なボタンのようにも見えません。
また、「いいえ」オプションの丁寧語の使用方法も気に入っています。 罪悪感を抱かないブランドを見つけた
もっともっと愛らしくなるために行動を起こすことです。
このCTAを複製する方法
友好的であることは、訪問者に望ましい行動をとらせることだけではありません。 オプトアウトしたい人にとって、CTAでは友好的な言葉を使うことも同様に重要です。 「ノーサンクス」などのフレーズを使用することを検討してください。これは、顧客がまだ購入する準備ができていない場合でも、MakeMyPersonaが心のこもったフレーズを維持するために使用したものに似ています。
33. TeuxDeux
CTA：無料で始めましょう| 無料でお試しください
シンプルなデザインのもうXNUMXつの例として、TeuxDeuxのメインWebサイトには、XNUMXつのフレーズとXNUMXつのCTAボタンがあります。
それでおしまい。
会社の色を使用して、背景は赤と黒のスプラッシュです。
CTAボタンは色に対して際立っており、製品を無料で試すことができることを強調しています。
私はこれらのCTAが好きです。なぜなら、会社がオーディエンスを理解していることを示しているからです。 やることリストアプリを調べているときはいつでも、購入する前に試してみたいと思っています。 それは人々が非常にこだわり、試乗したいものです。 TeuxDeuxのCTAは、オーディエンスについてこれを理解していることを示しています。
このCTAを複製する方法
あなたの聴衆を知り、彼らがあなたのサービスを試乗できるようにします。 彼らのニーズと関心を活用し、それらをCTAに含めて、リスクのない、より速く必要なものにナビゲートできるようにします。 「無料で始めましょう」、「テンプレートを無料でダウンロード」、「無料でお試しください」などの場合があります。
34. ベタブラン
CTA：参加する
Betabrandは、女性向けのヨガ/ドレスパンツを販売する衣料品会社です。 通常、衣料品ブランドは「ShopNow」などの同様のCTAを使用する傾向があります。
ただし、BetabrandのホームページCTAは、オーディエンスが関与するという点で独特です。 ここで、ユーザーは投票して新製品のデザインに影響を与えることができます。
これは、聴衆を巻き込み、何か違うことをするための楽しい方法です。
このCTAを複製する方法
必要に応じて、投票または調査タイプのCTAを使用して、訪問者の参加を促します。 顧客は意思決定プロセスに貢献しているため、ブランドとの個人的な関係を築くのに役立ちます。
35. ファブティクス
CTA：限定版
このFableticsCTAは、希少性と休日といういくつかのマーケティング戦術を使用しています。
ホームページでは、休日（母の日）をテーマにした限定コレクションを発表しています。
さらに、CTAは明るい色を使用しているため、シンプルなホームページでCTAが目立ちます。
このCTAを複製する方法
必要に応じてCTAタイプを組み合わせます。 たとえば、グランドオープン、ホリデー、または新製品の発売を祝うために、期間限定のプロモーションで希少性を使用できます。
36. アシュリー・スチュワート
CTA：ルックブックを購入する
アシュリースチュワートは、プラスサイズの女性を対象とした衣料品ブランドです。 このCTAでは、会社は楽しいデザインを使用してWebサイトの訪問者を誘惑しています。 画像のコラージュ全体は、舞台裏のカメラロールのように見えます。これは見るのが面白いです。
さらに、CTAのコピーは的を射たものであり、閲覧を検討している訪問者に役立ちます。
このCTAを複製する方法
短くて甘いことが最善のアプローチである場合があります。 CTAを使用して要点を把握し、訪問者が望むものを入手します。 「このルックを購入する」や「今すぐガイドをダウンロードする」などの方法を使用できます。
37. アマゾン・ミュージック
CTA：3か月間無料
これは、XNUMXつのCTAで説明したいくつかの要素の優れた例です。
Amazonは、戦略的に配置されたXNUMXつのCTA、カラフルでありながらシンプルなデザインを使用しており、製品を無料で提供しています。
このCTAにより、Amazonは、サイトで販売されている他の製品ではなく、自社の製品およびサービスのXNUMXつをホームページで宣伝しています。
彼らが伝えたい唯一のメッセージは？ 彼らの製品であるAmazonMusicを丸XNUMXか月間無料で試すことができます。 このCTAは、シンプルな設計でその目標を達成します。
このCTAを複製する方法
無料トライアルを提供していますか？ ポップする目立つCTAを使用し、ランディングページを乱雑にする不要な機能を排除して、それを知らせます。
38. バーンズ＆ノーブル
CTA：今すぐ購入
Barnes and Nobleは、シンプルなCTAを使用して、母の日の休暇中に限定コレクションを購入するように訪問者を誘導します。
ランディングページのデザインが会社全体のブランディングと非常にまとまりがあるので、私はこのCTAが好きです。
さらに、グラフィックとフォントはすべて興味深いものであり、ブランドのメッセージと一致しています。
このCTAを複製する方法
視聴者にアピールし、ブランドの声に合ったまとまりのある外観を作成します。 互いに補完し合い、目に心地よいフォントと色で遊んでください。 「今すぐ購入」または「今すぐダウンロード」ボタンを使用して、CTAをシンプルに保ちます。
39. Slack
CTA：詳細| お問い合わせ
Slackは、ホームページに美しくシンプルなデザインを使用して、訪問者にXNUMXつのCTAボタンのいずれかをクリックするように促しています。
SlackにはXNUMXつの異なるオーディエンス用のXNUMXつのCTAボタンがあるため、この例が気に入っています。 研究を始めたばかりの場合は、「詳細」をクリックしてください。 ただし、リピーターで営業担当者と話をしたい場合は、「お問い合わせ」をクリックしてください。
これは、ホームページのCTAでXNUMX人のオーディエンスにサービスを提供する良い例です。
このCTAを複製する方法
同じランディングページで別々のCTAを使用してXNUMX人のオーディエンスにサービスを提供します。 XNUMXつのボタンを対比するために色を使用してそれらを区別したり、目的の選択により多くの注意を引くことができます。
40. Nintendo
CTA：機能の比較
任天堂のウェブサイトでは、同社は訪問者からの質問に答えることに重点を置いています。
実際、主要なCTAのXNUMXつは「機能の比較」です。 このCTAを使用すると、任天堂は、多くの訪問者が製品を購入する前にまだ調査を行っていることを理解しているため、最も人気のある質問のXNUMXつに答えます。
このCTAを複製する方法
複数の価格設定または機能オプションがありますか？ ユーザーがより多くの情報に基づいて決定できるように、ユーザーが選択内容を比較するのに役立つCTAの使用を検討してください。
独自のCTAを作成する
そこにあります。 これで、いくつかの小さなCTAの調整がどれほど重要であるかがわかります。 上記の例からインスピレーションを得て、変換するCTAを作成します。
全開示： これらがすべて科学的に成功しているかどうかを知るためのデータはありませんが、これらの例はすべて私たちのベストプラクティスに従っています。 これらのCTAをサイトで再作成する場合は、オーディエンスに対して機能するかどうかをテストすることを忘れないでください。
編集者注：この投稿は元々2014年XNUMX月に公開され、包括的に更新されました。
