ページやブログ記事に共通モジュールを追加する

モジュールとは、HubSpotのウェブサイトページ、ランディングページ、ブログ記事に追加できる、再利用可能なコンテンツ要素のことです。モジュールを使用して、テキスト、画像、フォーム、CTA、動画、ミーティングリンク、支払いリンクなどのコンテンツを追加・整理します。

始める前に

ページやブログ記事にモジュールを追加する前に、以下の要件と注意事項を確認してください。

• そのページまたはブログ記事では、ドラッグ＆ドロップ領域を含むテーマテンプレートまたはコーディングされたテンプレートを使用する必要があります。 
• 一部のモジュールでは、追加の権限やアカウントに関する要件が設けられている場合があります。たとえば、フォームモジュールを追加するには、「編集」権限が必要です。

ページや投稿に共通モジュールを追加する

• 目的のコンテンツに移動します。

  • ウェブサイトページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ウェブサイトページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ウェブサイトページ］に直接移動します。
  • ランディングページ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ランディングページ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞［ランディングページ］に直接移動します。
  • ブログ： HubSpotアカウントで、［その他］をクリックし、［コンテンツ］＞［ブログ］に移動します。アカウントに［その他］が表示されない場合は、［コンテンツ］＞ ［ブログ］に直接移動します。

• コンテンツの名前をクリックします。 
• コンテンツエディターで、左のサイドバーにあるadd追加アイコンをクリックします。 
• モジュールカテゴリをクリックして展開し、モジュールをクリックして、ページまたは投稿上の希望の位置までドラッグして配置します。 

• 変更内容を公開するには、右上の［公開］または［更新］をクリックします。

共通モジュールの概要

コンテンツエディタでは、以下のモジュールが利用可能です。モジュールの利用可否は、コンテンツの種類、テンプレート、およびユーザーの権限によって異なる場合があります。

• リッチテキスト：書式付きテキスト、リンク、画像、動画、埋め込みコード、表を追加できます。リッチテキストモジュールの編集について詳しくはこちらをご覧ください。
• 画像：ページや投稿に1枚の画像を追加します。「ファイル」ツールに画像をアップロードするか、既存の画像を選択することができます。画像モジュールの編集について詳しくはこちらをご覧ください。
• 見出し：ページやブログ記事のセクションにラベルを付けるために見出しを追加します。検索エンジンは、コンテンツの構造を把握するためにヘッダータグを解析します。
• CTA：訪問者を、サイト上のダウンロード可能なファイルやページへ誘導するCTAを追加してください。CTAの作成とカスタマイズについて、詳しくはこちらをご覧ください。
• フォーム：既存のHubSpotフォームを表示するか、新しいフォームを作成します。フォームの作成やカスタマイズについて、詳しくはこちらをご覧ください。
• ギャラリー：説明文とリンク付きの画像カルーセルを表示します。画像ギャラリーモジュールについて詳しくはこちら。
• ボタン：クリック可能なボタンを追加し、テキスト、色、スタイルをカスタマイズします。 
• 区切り線：ページやブログ記事の各セクションの間に水平線を追加します。区切り線の色、スタイル、間隔をカスタマイズします。
• 「フォローする」：ソーシャルメディアのプロフィールやその他の外部ページへリンクするアイコンを追加します。一般的なソーシャルネットワーク用のデフォルトアイコンを選択するか、カスタムアイコンをアップロードしてください。 
• 動画：ファイルツールからHubSpotの動画を追加するか、URLを使用して外部の動画を埋め込みます。コンテンツへの動画の追加について、詳しくはこちらをご覧ください。
• ミーティング：ページやブログ記事にミーティング日程調整ウィジェットを追加します。ミーティングリンクの設定方法について詳しくはこちらをご覧ください。
• 支払い：ページやブログ記事に「チェックアウト」ボタンを追加します。訪問者がボタンをクリックすると、決済ページに遷移し、そこで支払い情報を入力することができます。コンテンツに支払いリンクを追加する方法について、詳しくはこちらをご覧ください。