ウェブサイト検索

CTA を WordPress に追加する方法


CTA(Call To Action)とは、ユーザーに望ましい行動をとるよう動機づけ、設定されたコンバージョンファネルへと誘導するボタンを意味する派手なマーケティング用語にすぎません。

これを考慮してください。あなたは、人生で少なくとも 1 回は、何らかのサブスクリプション サービス (Spotify、Amazon Prime など) にサインアップしたり、Web サイトから無料のリソース (電子書籍、テンプレートなど) をダウンロードしたりしたことがあるはずです。私たちの個人情報と交換します。

AmazonプライムのCTA

そう、強力な行動喚起があなたの「行動」を促進したのです。これらの魅力的な小さなボタンは、マーケティング担当者のユーティリティ ベルトに欠かせない部分です。これらは、見込み顧客を変換するか、潜在的なパトロンを失うかの大きな違いを生む可能性があります。

CTA がなぜそれほど重要なのでしょうか?

適切に作成された CTA は、コインの両面にとって資産となります。

  • Web サイトの場合: これは、サイトを訪問したり電子メール ニュースレターを読んだりする人々に、購入、ゲート付き電子書籍のダウンロード、コンテンツの追加消費、作品の共有など、利益をもたらす行為を行うよう明示的に促すチャンスです。ソーシャルメディア。 CTA は、ユーザーが Web サイトと対話することを奨励し、新規訪問者との長期にわたる実りある関係の基礎を築く可能性があります。さらに、彼らの個人情報を取得し、貴重な新しい見込み客を獲得する機会もあります。
  • ユーザーの場合: CTA は、Web ページを閲覧した後にユーザーが次に何をすべきかを明確に伝えます。これがなければ、彼らはおそらくあなたの Web サイトを離れる (そして忘れる) だけで、彼らにとってもあなたにとっても有益な具体的なアクションを実行することはありません。さらに、ボタンは何かを持ち帰るためのチケットです (おそらく無料)。

それは双方にとって有利です。しかし、中小企業の 70% 近くは、Web サイトに CTA を 1 つも設置していません。これを読んでいるあなたは、おそらくこの多数派の一員でしょう。ただし、ご心配なく。

やってはいけないこと

WordPress Web サイトに CTA を追加する方法について説明する前に、魅力的な CTA を作成する方法に関する次の 8 つのガイドラインを念頭に置くことが重要です。

  1. アクション可能: ユーザーに特定のアクションを実行するように命令します。積極的になってください。曖昧にしないでください。
  2. 簡潔: ボタン内に全文を書かないでください。 5 単語以内のコンパクトなフレーズを使用してください。
  3. 印象的: ウェブページ上で最も目立つ要素になるように CTA をデザインします。対照的な色と大きなフォント サイズを使用します。ボタンの色をブランドロゴと一致させ、ページの残りの部分はコントラストを付けます。さらに、ボタンホバーなどの微妙なアニメーションや 3D シャドウイングなどのデザイン効果により、さらに魅力的になります。
  4. ユーモア: 自己主張が強いからといって、機知に富むことができないわけではありません。ほとんどのユーザーは巧妙な言葉遊びを賞賛しており、ダジャレには説得力があります。
  5. 個人: ユーザーに自分が責任を負っているという印象を与えます。つまり、「無料の PDF をください」という行に何かを書き、その逆の応答 (ポップアップの場合) は「いいえ、ありがとうございます。」のようなものになります。私は神童です。」
  6. 摩擦のない: 「購入」や「サインアップ」などの言葉は、ユーザーが努力し、オファーと引き換えに何かを与える必要があることを無意識のうちにほのめかします。お金や個人情報を手放すように直接求められたら、ためらわない人はいないでしょうか。慎重に行動し、「試す」や「入手する」など、摩擦の少ない代替手段を使用するのが最善です。
  7. 緊急: 該当する場合は、「残り X 個だけ」などのフレーズや、特典の有効期限が間もなく切れることを示すカウントダウン タイマーなどのフレーズを書いて、ユーザーの心の中に緊急感や取り逃すことへの恐怖 (FOMO) を引き起こします。 。
  8. 安心感を与える: 繰り返しになりますが、必要に応じて、ボタンをクリックしても失うものは何もないことをユーザーに明確に伝えます。たとえば、定期購入はいつでもキャンセルでき、製品に満足できない場合は全額返金してもらえます。 「クレジット カードは必要ありません」や「いつでもキャンセルできます」などのフレーズは、危機に瀕しているユーザーに思い切って行動するよう説得することができます。

以上です。これらのベスト プラクティスに従って、断ることのできないオファーを含む、絶対に魅力的な CTA を作成してください。

CTA はどこに配置されますか?

CTA は Web サイトのさまざまな場所で役立ちます。一般的なものは次のとおりです。

ブログ投稿の最後 (ソーシャルメディア検査官)

終了意図のポップアップ (Omniconvert)

固定サイドバー内 (Quick Sprout)

関連コンテンツの途中(コンテンツマーケティング研究所)

ウェルカム ページとして (Quick Sprout)

さらに、電子メール マーケティング ニュースレターでも特に役立ちます。ニュースレターやプロモーションメールは常に、読者に次のことを求める魅力的な行動喚起で終わる必要があります。

  • 最新のブログ投稿を読む
  • 無料のリソースをダウンロードする
  • 新製品カタログをご覧ください
  • 期間限定のセールや割引を利用する
  • 等々

最後に、実際に WordPress ウェブサイトに追加する方法について説明しましょう。

CTAを追加するにはどうすればよいですか?

カスタム CSS を使用して CTA を手動でコーディングしたい場合は、この記事が役に立ちます。

ただし、もちろん、そうしたくない場合を除いて、そのような苦労をする必要はありません。このタスクを実行するために利用できる、本当に優れた (無料および有料) プラグインがいくつかあります。

以下は、簡単に参照できるよう厳選した、最高の無料 (およびフリーミアム) プラグイン 6 つをまとめたものです。

エレメンター

Elementor は主に WordPress 用の本格的なページビルダーであることを目的としており、非常に簡単なドラッグ アンド ドロップのプラグインであり、Web サイトに美しい CTA を追加するためにも使用できます。

確かに、Web サイトにいくつかのボタンを追加するだけで、ページ ビルダー全体は必要ありません。しかし、Elementor はリアルタイムのフロントエンド設計を可能にすることでバックエンドの作業を完全に排除し、非常に使いやすくしています。プロ プランでは、CTA ウィジェットにアクセスして、CTA のデザインを完全に制御できます。

最終的には、完全にレスポンシブでモバイルフレンドリーな CTA が得られます。さらに、WordPress でランディング ページを作成する方法としても機能します。

ショートコード究極

WordPress.com によると、「ショートコードは、非常に少ない労力で気の利いたことを実行できる WordPress 固有のコードです。ショートコードを使用すると、通常は 1 行で多くの複雑で見苦しいコードを必要とするファイルを埋め込んだり、オブジェクトを作成したりできます。ショートコード=ショートカットです。」

その名前が示すように、Shortcodes Ultimate は、タブ、ボタン、ボックス、スライダー、カルーセル、レスポンシブビデオなどを簡単に作成できるショートコードがロードされた無料のプラグインです。

インストールすると、WordPress 投稿エディターでショートコード ジェネレーターを使用できるようになります。ボックスとボタンを組み合わせて使用して、応答性の高いカスタム CTA を作成します。

WPフォーム

Web サイトの訪問者は、次のようなさまざまな理由であなたとの連絡を希望する場合があります。

  • 引用を要求
  • 協力する機会を求める
  • いくつかの疑問を明らかにする
  • ただ背中を押してあげてください

いくつかの入力フィールドと「送信」ボタンを備えたシンプルな問い合わせフォームは、双方向のコミュニケーションを促進し、全体的なユーザー エクスペリエンスの向上に役立ちます。訪問者にメール リストに登録してもらいたい場合にも便利です。

WPForms が登場します。

これも、シンプルなドラッグ アンド ドロップ インターフェイスを備えた、使いやすく強力なプラグインです。見栄えが良く機能的なお問い合わせフォームを作成するのに数分しかかかりません。

さらに、選択してカスタマイズできるテンプレートがあらかじめロードされています。はい、生成されるフォームは応答性が高く、モバイル対応で、検索エンジン クローラー向けに最適化されています。

また、自動スパム対策機能も組み込まれており、CAPTCHA、reCAPTCHA、または Google の新しい Invisible reCAPTCHA を追加することでボットをブロックできます。

ポップアップメーカー

ポップアップは必要悪です。これらはユーザーをイライラさせるかもしれませんが、タイミングが適切であれば、ウェブマスターとユーザーの両方にとって祝福となります。

たとえば、離脱を目的としたポップアップは、無料の電子書籍などの価値のあるものと引き換えにメール リストへの登録を促すことで、1 回限りの訪問者を常連の訪問者に変えることができます。

また、Popup Maker のような初心者向けで高度にカスタマイズ可能なポップアップ メーカーを使用すると、電子メールのオプトイン、通知ポップアップ、ビデオ ライトボックスなど、任意の数と種類のポップアップを短時間で作成できます。

さらに、クリック トリガーの設定、ポップアップのオープン数の追跡、時間遅延の設定などの機能を設定できます。

ボクジラ

CTA プラグインの父である Boxzilla は、もう 1 つのポップアップ CTA プラグインで、事前に計画したトリガー (サイト (またはページ) の滞在時間、終了意図、スクロールのパーセンテージ、ページビュー数、または手動クリック。

これらのボックスには、任意のコンテンツ形式を含めることができます。

画面上のボックスの位置をカスタマイズし、MailChimp サインアップ フォームやソーシャル共有ボタンなどの CTA に使用できます。ボックスの外観も、直感的なエディターを使用して完全にカスタマイズできます。モバイルにも最適化されています。

シンプルなサイドタブ

シンプル サイド タブを使用して、お気に入りのコンテンツにリンクするグローバル CTA を Web サイトに追加します。

ブラウザ ウィンドウの左側または右側に垂直タブが追加され、任意のページにリンクできます。ユーザーがページを上下にスクロールしてもタブは配置されたままになるため、常に表示され、すぐに操作できる状態になります。モバイルにも対応しています。

セットアップと使用は簡単です。たった 1 つの単純な「設定」ページから、タブのテキストの設定、フォントと色の設定、リンク先 URL へのリンクを設定できます。

オプティンモンスター

OptinMonster に触れずに CTA プラグインのコレクションを終えることはできません。この人気のある見込み顧客獲得ソフトウェアは、ポップアップ、フローティング バー、コンテンツ ロッカー、クーポン ホイール、カウントダウン タイムなどを含むさまざまな機能を提供します。これを使用して、訪問者が見逃さないウェルカム マットの行動喚起を作成することもできます。

さらに、直感的なドラッグ アンド ドロップのキャンペーン ビルダー、無制限のカラー オプション、画像の背景、MonsterEffects などを使用して、オプトイン/CTA を簡単に構築およびカスタマイズできます。 OptinMonster は、リストのセグメンテーション、リアルタイム動作の自動化、分割テスト、コンバージョン分析もサポートしています。そのため、CTA が機能しているかどうかが一目でわかります。


これで、コンバージョン率の高い CTA をウェブサイトに追加するために使用できるトップ WordPress プラグインのリストが完成しました。これで、そうすることの重要性とそれに伴うベスト プラクティスがわかりました。何を求めている?先へ!