お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Design Manager
CTA を HubSpot コンテンツに追加する
更新日時 2021年 3月 19日
CTA(Call-To-Action)とは、ウェブサイトに配置するボタンやリンクのことで、ランディングページのフォームを通じて見込み客のリードへのコンバージョンを誘導するものです。訪問者の目につきやすい、ついクリックしてしまうような場所に CTA を配置します。たとえば、製品の下に無料でトライアルを開始できる CTA を配置できます。
ブログ記事、E メール、ページに CTA を追加する
- HubSpot アカウントで、ブログ、E メール、ランディングページ、またはウェブサイトページのダッシュボードに移動します。
- ブログ記事、Eメール、ページにカーソルを置いてCTAを挿入し、[編集]をクリックします。
- コンテンツエディターでリッチテキストモジュールを見つけます。CTAを配置する場所にカーソルを移動します。
- 右上にある [挿入]ドロップダウンメニューをクリックして、[CTA]を選択します。
- 右側のパネルで、挿入する CTAを選択し、[挿入]をクリックします。
- CTA がリッチテキストエディターとページプレビューに表示されます。リッチテキストエディターでCTAをクリックしてそのスタイルを編集するか、またはそれをコンテンツから削除します。
ドラッグ&ドロップで操作できるEメールエディター
ドラッグ&ドロップエディターを使用するEメールにCTAを追加するには:
- HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
- CTAを追加するEメールの上にカーソルを置いて、[編集]をクリックします。または、新しいEメールを作成します。
- 左のサイドバーで、ボタンモジュールをクリックして目的の場所にドラッグします。
- 左のサイドバーで、[リンク先]ドロップダウンメニューをクリックして[CTA]を選択します。
- CTAフィールドで[CTAを選択]をクリックしてCTAを選択します。
HubSpot コンテンツテンプレートに CTA を追加する
- HubSpotアカウントで、ブログ、E メール、ランディングページ、またはウェブサイトページのダッシュボードに移動します。
- テンプレートを使用するブログ記事、Eメール、ページにカーソルを置いてCTAを挿入し、[編集]をクリックします。
- [設定] タブをクリックし、[詳細オプション]をクリックして拡大します。
- [テンプレート]セクションで、サムネイルにカーソルを置き、[テンプレートを編集]をクリックします。
注意:このテンプレートを他のコンテンツで使用している場合、このテンプレートを編集することによって影響を受けるコンテンツについて通知するダイアログボックスが表示されます。このテンプレートを使用しているすべてのページを更新する場合は[このテンプレートを編集]をクリックし、このテンプレートを使用している他のコンテンツに影響を与えない場合は[複製して新しいテンプレートを編集]をクリックします。

- テンプレートで、任意の CTAモジュールやリッチテキストモジュールにCTAを追加するか、新しいモジュールを作成してそこに CTA を挿入します。
- レイアウトエディターでモジュールをクリックします。右側のインスペクターで、[既定のコンテンツ]セクションを見つけます。
- CTA モジュール:[CTA]ドロップダウンメニューをクリックし、[CTA]を選択します。
- リッチテキストモジュール: リッチテキストコンテンツのプレビューにカーソルを置いてクリックします。リッチテキストコンテンツエディターで、CTAを配置する場所にカーソルを移動します。
- [挿入]ドロップダウンメニューをクリックし、[CTA]を選択します。
- 右側のパネルで、挿入するCTAを選択し、[挿入]をクリックします。
- 右上の[変更を公開]をクリックして、テンプレートの変更内容を有効にします。
Design Manager
Thank you for your feedback, it means a lot to us.
This form is used for documentation feedback only. Learn how to get help with HubSpot.