
Finale Composer
必要な条件
HubSpotエディション HubSpotアカウント権限 - 必要なアカウント権限を表示
アクセス権のタイプ 共有 Finale Composerの契約内容 - プラン:Composer BASIC サブスクリプション、またはComposer ESSENTIAL サブスクリプション、またはComposer EXPANSION サブスクリプション、またはComposer AGENCY サブスクリプション
概要
1/6 - HubSpot CMS向け「Finale Composer」アプリのデモ
AIを使ってウェブサイトのコンテンツを作成するのは簡単です。しかし、サイトの表示を崩さずにそのコンテンツをHubSpotに取り込むのは、また別の話です。
マーケターが外部のAIツールでコンテンツを作成し、それをHubSpotに貼り付けると、結果は予想通りです。ハードコードされたスタイルが散りばめられた冗長なコード、テーマと衝突するインラインCSS、レイアウトの崩れ、そしてサイトの他のページとは全く異なる見た目になってしまうページが生じます。これらの修正には、チームにはない貴重な時間がかかります。
Finale Composerは、AIによるコンテンツ生成機能を本来あるべき場所であるHubSpotのページエディタ内に直接組み込むことで、この問題を解決します。このモジュールはHubSpot内に組み込まれているため、既存のテーマを読み取り、スタイルと対立することなく、スタイルに沿って機能するクリーンで目的意識のあるコードを生成します。 ハードコーディングされたオーバーライドも、謎めいたマークアップも、後処理も不要です。コンテンツは、本来あるべき姿でページにぴったりと馴染みます。なぜなら、最初からその場所で構築されているからです。
ワークフローはシンプルです。HubSpotで任意のページを開き、希望する内容を記述し、確定前にライブプレビューを確認して、公開するだけです。エディターから離れる必要はありません。外部からコードを貼り付ける必要もありません。 スタイルの競合を解きほぐすために午後を費やすこともありません。さらに、すべてがモジュール内に収まっているため、ページの他のコンテンツ……セクション、カラム、モジュールなどは、すべて通常通り機能し続けます。両方の長所を最大限に活用できます。
Finale Composerは、ご自身のAPIキーを使用して、すでに利用しているAIプロバイダー(Anthropic(Claude)、OpenAI(ChatGPT)、Google(Gemini)、またはxAI(Grok))に接続します。コンテンツも、コストも、管理もすべてご自身でコントロールできます。添付したファイルはHubSpotファイルマネージャー内に保存されます。 ポータル外にデータが流出することは一切ありません。
さらに…アップグレード…上位のサブスクリプションプランにアップグレードすれば、その可能性はさらに広がります! プロンプト通りに構築された、個別の完全に再利用可能なカスタムモジュールを生成できます! Composerは、提供された内容に合わせて適切なフィールドとスタイルフィールドを生成し、特定の種類のフィールドを自動的にグループ化することさえ可能です。 プロンプト内でフィールドの詳細やデフォルト値を指定することで、最終結果をきめ細かく制御できます。その結果、デザインマネージャー内にモジュールが作成され、他のどのページにも簡単にドラッグ&ドロップできます!
自社サイトを管理するマーケティングチームであっても、複数のクライアントポータルを扱う代理店であっても、Finale ComposerはHubSpotのために構築されたAIコンテンツツールであり、後付けで対応したものではありません。
機能

AIを活用して、モジュール内で即座にコンテンツレイアウトを作成する
お使いのテーマには、さまざまなモジュールが用意されています。もし、既存のモジュールでは実現できない機能が必要になった場合はどうすればよいでしょうか? そんなときは、新しいモジュールが必要です。そこで登場するのが「Finale Composer」です。モジュールを配置したい場所に配置し、そこに表示したい内容(コンテンツ、色、レイアウト、余白、レスポンシブ対応など)を指定するだけで、コードが生成されます!

ファイルをアップロードするか、既存のファイルマネージャーにアクセスする
コンテンツを作成する際は、「添付」オプションを使用して、画像やPDFなど、新しいコンテンツブロックに含めたいものを追加してください。新しいファイルをアップロードするか、ファイルマネージャーにすでに保存されているものから選択してください。新しく追加されたアセットは、Composerアプリによって作成された新しいフォルダに保存されます。

当社のモジュールを使えば、AIが生成したコンテンツをページのどこにでも配置できます
HubSpotの外でウェブページ全体分の冗長で乱雑なHTMLを生成する代わりに、当社のモジュールをページに配置し、そのスペース用のコンテンツを生成してください……テーマのスタイルを上書きしたり、既存のページ要素の邪魔をしたりすることはありません。

個別の、再利用可能なモジュールを生成する
「Basic」以上のプランでは、新しいモジュールを作成し、他のどのページにも簡単に配置できる機能が追加されます!これらのモジュールには適切なフィールドやスタイルフィールドが含まれており、他のモジュールやテーマとスムーズに連携するように設計されているほか、デザインマネージャーを通じて完全にカスタマイズすることも可能です。
アプリ機能
共有されるデータ
![]() Attachments | ||
![]() Generated Content |
このアプリは、CMS内でのみ利用され、カスタムモジュールを介して、ウェブサイトのページ、ランディングページ、ブログ記事で使用されるコンテンツのセクションを生成するために使用されます。
確認
- 2026年7月16日
開発を待つ必要はもうありません。リクエストするだけで動作します
以前なら数時間もの開発作業が必要だったような、いくつかの具体的な用途でこのアプリを使ってみました。今回は、必要な機能をリクエストしただけで、見事に動作しました!簡単で、コードをいじる必要もなく、サードパーティのツールも不要です。
- 迅速:数時間に及ぶ開発作業を、簡単なリクエスト1つで置き換えられます - コーディングは不要 - サードパーティ製のツールは不要
Pacheco, R.
価格
Composer BASIC サブスクリプション
$12.42
/月契約は不要で、いつでも解約可能です。必要に応じて月単位でご利用いただけます。
モジュールコンテナ内で、指定したあらゆるコンテンツに対して、クリーンなHTMLを生成しましょう!
いつでも解約可能
契約なし
Composer BASIC サブスクリプション
$12.42
/月契約は不要で、いつでも解約可能です。必要に応じて月単位でご利用いただけます。
モジュールコンテナ内で、指定したあらゆるコンテンツに対して、クリーンなHTMLを生成しましょう!
いつでも解約可能
契約なし
* こちらの価格は参考表示価格です。どの価格にも税、インセンティブ、値引など、価格に関する変動要素は含まれていません。価格に関する正確な最新情報については、この提供元パートナーまでお問い合わせください。HubSpotは、パートナー各社が提供する価格情報について一切の責任を負わないものとします。価格の最終更新:2026/08/21