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

共通モジュールの使用

更新日時 2023年 1月 19日

対象製品

すべての製品とプラン

共通モジュールは、ページエディターで頻繁に使用されるモジュールです。いくつかのテーマテンプレートスターターテンプレート、またはドラッグ&ドロップエリアを含むコード化されたテンプレートで作成されたページに、共通モジュールを追加することができます。 

ページに共通モジュールを追加

  • HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
  • ページにカーソルを置いて、[編集] をクリックします。
  • コンテンツエディターで、サイドバーエディターの「Add」タブにある「Common modules 」セクションを探します。
  • モジュールをクリックして、ページの所定の位置にドラッグします。

Add-Module to Drag and Drop (モジュールのドラッグ&ドロップ)

  • 右上の「更新」または「公開」をクリックすると、変更内容が反映されます。

共通モジュールの概要

リッチテキスト

リッチテキストモジュールは、テキスト、リンク、画像、動画、埋め込みコード、テーブルなど、複数のコンテンツタイプに対応する柔軟なコンテナです。リッチテキストモジュールの編集については、こちらをご覧ください。

画像

イメージモジュールは、1つのイメージを格納するコンテナです。ファイルツールに画像をアップロードしたり、コンテンツエディターに直接画像を追加したりすることができます。

ヘッダー

ヘッダーモジュールとは、ページのセクションを示すためのテキストブロックのことです。検索エンジンは、ページコンテンツの構造を理解するためにヘッダータグをスキャンします。

CTA

コールトゥアクションとは、訪問者をダウンロード可能なアセットやサイト内のページに誘導するためのボタンのことです。新しいCTAを作成することも、既存のCTAを選択することもできます。

フォーム

フォームモジュールは、HubSpotのあらゆるフォームを表示するために使用できます。新しいフォームを作成することも、既存のフォームを選択することもできます。

ギャラリー

イメージギャラリーモジュールは、説明やリンクを含む画像の動的なカルーセルを含んでいます。イメージギャラリーモジュールの使い方についてはこちらをご覧ください。

ボタン

ボタンモジュールは、ページ上のクリック可能な要素のためのコンテナです。ボタンのテキスト、色、スタイルをカスタマイズすることができます。 

区切り

区切り線とは、ページの異なる部分を区切るための水平線のことです。仕切り板の色やスタイル、パディングをカスタマイズできます。 

Follow Me

フォローミーモジュールは、ソーシャルメディアやその他の外部ページにリンクするアイコンを表示することができます。一般的なソーシャルネットワークのデフォルトアイコンを選択したり、カスタムアイコンをアップロードして別のページにリンクさせることができます。 

動画

ビデオモジュールでは、ファイルツールからHubSpotのビデオを挿入したり、そのURLを使って外部のビデオを埋め込むことができます。 

ミーティング

ミーティングモジュールは、ミーティングウィジェットをページに直接追加することができます。HubSpotでのミーティングリンクの設定については、こちらをご覧ください。 

HubSpot Payments

ペイメントモジュールを使用すると、ページにチェックアウトボタンを追加し、訪問者が支払い情報を入力できる別のページに移動することができます。 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。