共通モジュールに関するガイド

共通モジュールは、ドラッグ＆ドロップページエリアでテンプレートを使用してページに追加できるシンプルな要素です。ドラッグ＆ドロップエリアを含む既定のHubSpotウェブサイトテーマテンプレート、スターターテンプレート、またはコードテンプレートを使用して、ページに共通モジュールを追加できます。 

注意：メニューモジュールのコンテンツを編集する場合は、ナビゲーションメニューのセットアップ方法を確認してください。テーマテンプレートのナビゲーションメニューを編集する最適な方法は、ホームテンプレートを使用して独自のテーマを含む新しいページを作成し、グローバルページヘッダーを編集することです。

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

共通モジュールは、ページエディターで頻繁に使用されるモジュールです。アカウントで使用できる共通モジュールは、左側のパネルの［追加］タブにリストされます。 

ページに共通モジュールを追加するには、追加するモジュールをクリックし、ページレイアウト上の位置にドラッグします。両端に丸が付いた青線が表示され、新しいモジュールが配置されるエリアが定義されます。

共通モジュールの概要

リッチテキスト

リッチテキストモジュールは、テキスト、リンク、画像、動画、埋め込みコード、テーブルなどをサポートする柔軟なコンテナです。ページ上部のリッチテキストエディターを使用して、箇条書き、リスト、および見出しを追加できます。リッチテキストモジュールを編集する方法の詳細を確認してください。

画像

画像モジュールは、画像用のシンプルなコンテナです。ファイルツールに画像をアップロードするか、ページエディター内で画像を直接追加します。

ヘッダー

ヘッダーモジュールは、ウェブサイトのメインセクションにラベルを付けるために設計されたシンプルなテキストのブロックです。検索エンジンは、ヘッダータグを読み取ってページコンテンツの構造を理解します。

Call-To-Action (CTA)

Call-To-Actionは、ウェブサイト訪問者を惹き付けるために設計されたページ上のボタンです。通常は、CTAをクリックすると、コンテンツオファーを伴うウェブサイト内の新しいページに誘導されます。シンプルなCTAを作成することも、アカウント内で事前に作成した既存のCTAを選択することもできます。

フォーム

フォームモジュールは、HubSpotアカウント内の既存のフォームをサポートしています。ページエディターでシンプルなフォームを組み立てることもできます。フォームモジュールには、ページ上でカスタマイズ可能なスタイルやオプションが多数含まれています。ページ上でフォームを編集してスタイル設定する方法の詳細を確認してください。

ギャラリー

画像ギャラリーモジュールは、ウェブサイトページ上に動的なカルーセルを作成します。ページエディター内で直接説明やリンクを使用して画像をアップロードして追加することができます。ギャラリーモジュールを編集する方法の詳細を確認してください。

ボタン

ボタンは、ウェブサイト訪問者のクリックを促すページ上のシンプルな要素です。ボタンのテキスト、色、およびスタイルをカスタマイズできます。ページ上でウェブサイトテーマを使用している場合は、既定のテーマスタイルを管理する方法の詳細を確認してください。

区切り

区切りは、ページの別々のセクションを分離するためのシンプルな横線です。ページ上の区切りの色、スタイル、およびパディングをカスタマイズできます。

Follow Me

follow-meモジュールは、ソーシャルメディアページや、その他のページ上で宣伝する外部のウェブサイトページにリンクされたアイコンを作成します。このモジュールは、ほとんどのソーシャルメディアプラットフォームの既定のアイコンに使用されます。別のソーシャルプラットフォームまたはウェブサイトページにリンクするカスタムアイコンをアップロードすることもできます。follow meモジュールの編集の詳細を確認してください。

動画のエンベッド

動画のエンベッドモジュールは、サポート対象のプロバイダーからの動画URLをサポートするシンプルモジュールです。ProfessionalおよびEnterpriseのアカウントでは、動画ビューでより多くのアナリティクスを収集するため、リッチテキストモジュールにVidyardで作成したHubSpot動画または外部メディアファイルを利用して動画を追加できます。

ミーティング

ミーティングモジュールを使用すると、ミーティングウィジェットを直接HubSpotページに追加できます。モジュールをページに追加するとき、表示するミーティングリンクを選択できます。訪問者は空き状況を表示して予約できます。