RocketからHubSpotへ

Rocketから​HubSpotへ。​生成したアプリを​編集できる​モジュールに。

Rocketで作りましたか? rocket.newからHubSpotへの変換は、transjtが自動で行います。Rocketが生成したフロントエンドは、マーケティングチームが普段使っているCRMの中で、ネイティブなHubLモジュールになります。

プレビュー後にお支払い

transjtのテーマで作ったホームページを表示したHubSpotのページエディターと、その横に並ぶモジュール

代理店、フリーランス、マーケティングチームに選ばれています

変換すべきとき

Rocketを​HubSpotに​変換すべきとき

rocket.newで作ったサイトを、HubSpotの横で別にホストするのではなく、HubSpotの中に置くべき6つの場面。

  • プロダクトはRocketで完成。マーケティングにはまだWebサイトが必要。

    アプリケーションを生成することと、それを売るためのページを運用することは、担当者も課題も別物です。フロントエンドをHubSpotモジュールに変換すれば、マーケティングはアプリに触れずに、自分たちで管理できるサイトを持てます。

  • ページからCRMへ直接データを送りたい

    コンタクトを作成するフォーム、ライフサイクルステージに応じて変わるコンテンツ、実際のパイプラインまで届くレポートは、HubSpotの中でしか機能しません。ページがネイティブなコンテンツになれば、これらが自動的に使えます。

  • プロンプトのやり直しは編集のワークフローではない

    生成ツールに見出しの変更を頼むと、知らないうちにほかの部分まで変わることがあります。HubSpotモジュールにはフィールドがあり、フィールドを編集しても、変わるのはそのフィールドだけです。

  • 1つのプロジェクトのためにHubLを覚える人はいない

    HubSpotのテンプレート言語はHubSpotの中にしか存在せず、1つのサイトを公開するために習得するのは時間の無駄です。transjtがその部分を書くので、移行に専門家は必要ありません。

  • キャンペーンページをプロダクトのロードマップの後回しにはできない

    生成されたアプリでは、新しいランディングページのたびにプロダクト開発と作業を取り合います。フロントエンドをモジュールに変換すれば、マーケティングはリリースなしで、手元にあるコンポーネントからページを組み立てられます。

  • プラットフォームに左右されずにデザインを残したい

    作ったサイトが生成元のツールに縛られていると、そのサイトはサブスクリプションを続けている間しか使えません。HubSpotテーマは標準的なHubSpotのコードなので、次に何を使って作るとしても、あなたのものとして残ります。

計算してみる

Rocketで​いくつの​コンポーネントを​作りましたか?

transjtでサイトを公開

費用を節約
$8,100*
時間を節約
81時間*手作業で10.1作業日
すぐに結果が出る
1.5〜3時間*テーマ全体で
無料で始める

*ReactからHubSpotへの手作業での移行時間に基づく概算です。コンポーネントあたり約4.5時間、1時間あたり$100、1日8時間で計算しています。transjtは、リポジトリから約1.5〜3時間でテーマを構築します。

仕組み

Rocketを​4ステップで​HubSpotへ​変換。

GitHubを経由して、RocketのプロジェクトからネイティブなHubSpotテーマへ。

  1. Rocketで生成

    フロントエンドが決まるまで、rocket.newでプロンプトを入力して調整します。出力はサーバーサイドレンダリングを避け、ReactとViteの構成に寄せてください。HubSpotはHubLを自社のサーバーでレンダリングするため、クライアント側でレンダリングするフロントエンドなら、きれいに変換できます。

  2. コードをGitHubへ

    Rocketからプロジェクトをエクスポートし、リポジトリにプッシュします。transjtはそこから読み込みます。コミット履歴には、どの生成バージョンからどのテーマが作られたかが記録されます。

  3. リポジトリをtransjtに接続

    transjtのプロジェクトでGitHubを認証し、リポジトリを選びます。transjtはコンポーネントツリーを読み取り、どの部分をHubLテンプレートにし、どの部分をマーケターが管理するモジュールフィールドにするかを判断します。

  4. HubSpotにエクスポート

    HubSpotを選び、プレビューを確認します。確定すると、transjtがネイティブテーマを作成します。デザインマネージャーからアップロードすれば、モジュールがページエディターに表示され、すぐにページを作れます。

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuel
  • 95–99%完成コードの割合(構成の整ったファイルの場合)
  • ∞取り込めるAIビルダー(Figmaにも対応)
  • 2ネイティブ対応のCMS:HubSpotとWordPress
  • 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
得られるもの

Rocketで​作ったサイトを​HubSpotへ​移しませんか?

Rocketから変換したHubSpotテーマの中身

HubSpotのCMSは、マーケターがコードを開かずにページの構成を変え、CRMのデータに合わせてパーソナライズでき、しかもレポートが標準ですべてのページに届くように設計されています。生成されたReactのフロントエンドでは、HubSpotの外からそれを実現できません。まずコンポーネントを、編集できるフィールドを宣言したHubLモジュールにする必要があります。transjtはこの変換を自動化するので、AIが生成したサイトがネイティブテーマとして届きます。

FAQ

Rocketから​HubSpotへの​FAQ。

rocket.newで作ったサイトをHubSpotテーマに変換する前に知っておきたいこと。

デモを予約
  • Rocketは、rocket.newで、プロンプトから動作するフロントエンドを生成します。そのコードをGitHubにエクスポートすれば、transjtがネイティブなHubLモジュールに変換し、デザインを生成されたアプリからHubSpotそのものへ移します。

  • サーバーサイドレンダリングなしの、ReactとViteの構成です。Rocketは標準でフルアプリケーションを生成しますが、HubSpotはHubLをサーバーサイドでレンダリングするため、生成されたサーバー層は変換の前に取り除く必要があります。

  • 引き継がれませんが、マーケティングサイトでその必要があることはまれです。HubSpotはフォーム、コンタクトレコード、コンテンツの保存を標準で備えており、Rocketが用意するものの大半をカバーします。

  • はい。だからこそ、サイトは埋め込まずに変換します。transjtは編集できるフィールドを備えたモジュールを出力するので、文章、画像、セクションの順序はすべて、ドラッグ&ドロップエディターで変更できます。

  • カスタムテーマのアップロードには、カスタムコードのファイルを使えるContent Hubのエディションが必要です。Starterエディションではこれが制限されています。必須の前提条件はこの適切なContent Hubのエディションだけなので、変換の前に確認しておきましょう。

  • プロジェクトをGitHubにプッシュすれば、ページ数にもよりますが、transjtは通常数時間で、公開できるHubSpotテーマを用意します。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。