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
































































Codexの出力をHubSpotへ変換すべきとき
Codexが書いたReactを、どこかにデプロイするのではなく、HubSpotに置くべき6つの状況。
Codexがプルリクエストを作った。HubSpotに必要なのはモジュール。
CodexはGitHubリポジトリにプルリクエストとして作業内容を提案するので、コードはすでにtransjtが読み取る場所にあります。マージ後にリポジトリを接続すれば、すでにあるコードからHubSpotモジュールへの変換が始まります。
チームにHubLを書ける人がいない
HubSpotのテンプレート言語はほかのどこでも使われず、サイトを1つ公開するためだけに学ぶのは時間に見合いません。transjtがHubLを書くので、変換にHubSpotの開発者は必要ありません。
マーケティングが、誰にもプロンプトを頼まずにページを作る
キャンペーンページは、誰かがエージェントをもう一度動かすのを待つべきではありません。編集可能なフィールドを持つHubSpotモジュールになれば、コンポーネントは、マーケティングチームがエディターで組み立てる部品になります。
サイトはCRMと同じ場所に置くべき
コンタクトとメールをHubSpotで管理し、レポートもそこで行っているなら、Webサイトを別の場所でホストすると、サイトを運用する限り2つのシステムをつなぎ続ける必要があります。ネイティブテーマなら、ページは、レポート対象のデータと同じポータルに置かれます。
訪問者に合わせてページを変えたい
HubSpotは、ライフサイクルステージ、リストのメンバーシップ、任意のコンタクトプロパティに応じてコンテンツを出し分けますが、対象はネイティブなコンテンツだけです。Codexで作ったサイトのページでこのパーソナライズを使うには、まず変換が必要です。
推測ではなく、アトリビューションが必要
ページをパイプラインに結び付けられるのは、そのページがHubSpotのコンテンツである場合だけです。ネイティブテーマなら、セッションからフォーム送信まで、ページ上のタッチポイントが、追加のトラッキング作業なしで実際の取引に紐づけてレポートされます。
Codexはいくつのコンポーネントを作りましたか?
transjtでサイトを公開
- 費用を節約
- $8,100*
- 時間を節約
- 81時間*手作業で10.1作業日
- すぐに結果が出る
- 1.5〜3時間*テーマ全体で
*ReactからHubSpotへの手作業での移行時間に基づく概算です。コンポーネントあたり約4.5時間、1時間あたり$100、1日8時間で計算しています。transjtは、リポジトリから約1.5〜3時間でテーマを構築します。
Codexの出力をHubSpotへ、4つのステップで変換。
ChatGPT / Codexのプロジェクトから、GitHubを経由してネイティブなHubSpotテーマへ。
- 01
Codexでフロントエンドを作る
ChatGPT、CLI、またはエディターでCodexにタスクを渡します。変換のためには、フロントエンドをReactとViteのままにし、サーバーサイドレンダリングを避ける必要があります。HubSpotはHubLを自社のサーバーでレンダリングするためです。タスクの中でそう伝えれば、Codexはその制約を守ります。
- 02

プルリクエストをマージ
CodexはGitHub上で、作業内容をプルリクエストとして提案します。ほかのプルリクエストと同じようにレビューしてマージしてください。リポジトリ以外に、変換のための準備は必要ありません。
- 03

リポジトリをtransjtに接続
transjtのプロジェクトでGitHubを認証し、リポジトリとブランチを選びます。transjtはコンポーネントツリーを読み取り、どの部分をHubLテンプレートにし、どの部分を編集可能なモジュールフィールドにするかを判断します。
- 04

HubSpotにエクスポート
HubSpotを選び、プレビューを確認します。確定すると、transjtが、デザインマネージャーからアップロードできるネイティブテーマを作成します。そのHubLテンプレートとモジュールは、クライアントに渡す前に読んでレビューできます。
ほかのコーディングツールも接続できます。
すべてのAIビルダーを1ページにまとめています:AIからHubSpotへ。
お客様の声。

“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuelWe’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.
Transjt made importing designs from third parties effortless. … Their support made a complex process simple and stress-free.
What would have traditionally required weeks of custom development was completed in just a few days with minimal adjustment.
Great tool that can take your designs into Hubspot in matter of minutes! Love it!
This tool is amazing! It saved me hours of manual coding by converting my Figma designs into clean, responsive layouts.
Turning the Figma design of our new website into a HubSpot webpage was extremely smooth and fast. Saved many hours - if not days - of coding time. Easy and rapid iterations.
The Figma to HubSpot conversion is fast and accurate. It saves hours of manual development when creating HubSpot modules and keeps excellent visual fidelity to the original design.
We’re using it to automate all the drag and drop modules. It’s working very well and we’ve been able to create modules with a high degree of customization.
Easy onboarding and has a great UI. Importing is fast, and the AI enhancements are decent. Good price. Easy to integrate as well.
Very precise design export, and really useful because components don’t get exported as images.
Great tool to export fast design to WordPress.
Once you understand how the system works, transjt becomes a very efficient tool that significantly improves both workflow speed and quality scalability. The support team is responsive and helpful.
- 95–99%完成コードの割合(構成の整ったファイルの場合)
- ∞取り込めるAIビルダー(Figmaにも対応)
- 2ネイティブ対応のCMS:HubSpotとWordPress
- 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
CodexのリポジトリをHubSpotテーマにしませんか?
CodexはGitHubリポジトリ上で作業し、変更をプルリクエストとして提案します。マージされると、transjtがリポジトリを読み取り、フロントエンドをネイティブなHubLモジュールに変換します。別のエクスポート手順はありません。
まず、Viteを使ったReactプロジェクトとしてGitHubリポジトリに入れてください。そこから先の手順は同じです。リポジトリをtransjtに接続し、HubSpotにエクスポートします。
タスクの中で、スタックはReactとViteで、サーバーサイドレンダリングは使わないと伝えてください。HubSpotはHubLをサーバーサイドでレンダリングするため、きれいに変換するには、フロントエンドがクライアントレンダリングである必要があります。Codexは、こうした明示的な指示に従います。
はい。それこそが、フロントエンドを埋め込むのではなく変換する理由です。transjtは編集可能なフィールドを持つモジュールを出力するので、文章、画像、セクションの順序はすべて、ソースに触れずにHubSpotのドラッグ&ドロップエディターで変更できます。
カスタムテーマのアップロードには、カスタムコードファイルを使えるContent Hubのエディションが必要で、Starterエディションでは制限があります。これが唯一の必須条件なので、作業範囲を決める前にエディションを確認してください。
リポジトリがGitHubにあれば、ページ数にもよりますが、transjtは通常数時間でHubSpotテーマを用意します。



