お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Design Manager

CTA を HubSpot コンテンツに追加する

更新日時 2020年 10月 22日

CTA(Call-To-Action)とは、ウェブサイトに配置するボタンやリンクのことで、ランディングページのフォームを通じて見込み客のリードへのコンバージョンを誘導するものです。訪問者の目につきやすい、ついクリックしてしまうような場所に CTA を配置します。たとえば、製品の下に無料でトライアルを開始できる CTA を配置できます。

ブログ記事、E メール、ページに CTA を追加する

  • 右側のパネルで、挿入する CTAを選択し、[挿入]をクリックします。

  • CTA がリッチテキストエディターとページプレビューに表示されます。リッチテキストエディターでCTAをクリックしてそのスタイルを編集するか、またはそれをコンテンツから削除します。

ドラッグ&ドロップで操作できるEメールエディター

ドラッグ&ドロップエディターを使用するEメールにCTAを追加するには:

  • HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
  • CTAを追加するEメールの上にカーソルを置いて、[編集]をクリックします。または、新しいEメールを作成します
  • 左のサイドバーで、ボタンモジュールをクリックして目的の場所にドラッグします。

    email-editor-add-button
  • 左のサイドバーで、[リンク先]ドロップダウンメニューをクリックして[CTA]を選択します。

    email-editor-edit-button-to-cta
  • CTAフィールドで[CTAを選択]をクリックしてCTAを選択します。

HubSpot コンテンツテンプレートに CTA を追加する

  • [設定] タブをクリックし、[詳細オプション]をクリックして拡大します。
  • [テンプレート]セクションで、サムネイルにカーソルを置き、[テンプレートを編集]をクリックします。

edit-page-settings-template

注意:このテンプレートを他のコンテンツで使用している場合、このテンプレートを編集することによって影響を受けるコンテンツについて通知するダイアログボックスが表示されます。このテンプレートを使用しているすべてのページを更新する場合は[このテンプレートを編集]をクリックし、このテンプレートを使用している他のコンテンツに影響を与えない場合は[複製して新しいテンプレートを編集]をクリックします。

  • テンプレートで、任意の CTAモジュールリッチテキストモジュールにCTAを追加するか、新しいモジュールを作成してそこに CTA を挿入します。
  • レイアウトエディターでモジュールをクリックします。右側のインスペクターで、[既定のコンテンツ]セクションを見つけます。
    • CTA モジュール:[CTA]ドロップダウンメニューをクリックし、[CTA]を選択します。
    • リッチテキストモジュール: リッチテキストコンテンツのプレビューにカーソルを置いてクリックします。リッチテキストコンテンツエディターで、CTAを配置する場所にカーソルを移動します。
      • [挿入]ドロップダウンメニューをクリックし、[CTA]を選択します。
      • 右側のパネルで、挿入するCTAを選択し、[挿入]をクリックします。

  • 右上の[変更を公開]をクリックして、テンプレートの変更内容を有効にします。