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
































































ReplitをHubSpotに変換すべきとき
Replitのプロジェクトを、デプロイ環境ではなくHubSpotに置くべき6つの場面。
サイトはCRMと同じ場所に置くべき
コンタクト、メール、レポートがHubSpotにあるのに、Webサイトを別の場所でホストすると、サイトを運用する限り、両者をつなぎ続けなければなりません。transjtはReplitのフロントエンドをネイティブテーマに変換するので、WebサイトもHubSpotに入り、つなぐものがなくなります。
マーケティングにワークスペースの権限は不要
Replで見出しを1つ変えるには、ワークスペースを開いて再デプロイする必要があり、見出し1つのためには手間がかかりすぎます。モジュールに変換すれば、その文章は書いた本人がHubSpotで編集できます。
Replit Agentが不要なスタックまで作った
Agentは、データベース、認証、APIルートを気軽に用意します。HubSpotにはフォーム、コンタクトレコード、コンテンツの保存がすでにそろっているので、変換ではインターフェースを残し、そのバックエンドのコードは捨てられます。
チームにHubLを書ける人がいない
HubSpotのテンプレート言語はほかでは使われておらず、1つのサイトを公開するためだけに覚えるのは割に合いません。transjtがその部分を書くので、変換にHubSpotの専門家はまったく必要ありません。
今はキャンペーンページのたびにデプロイが必要
新しいランディングページのために、開発者や再デプロイが必要になるべきではありません。すでにデザインしたコンポーネントがHubSpotモジュールになれば、チームはエディターで、数分のうちに新しいランディングページを組み立てられます。
推測ではなく、アトリビューションが必要
ページをパイプラインに結び付けるには、そのページがHubSpotのコンテンツである必要があります。Replitで作ったサイトがネイティブテーマになれば、セッションやフォーム送信、その他のタッチポイントが、追加のトラッキング作業なしで実際の取引に紐づけてレポートされます。
Replitでいくつのコンポーネントを作りましたか?
transjtでサイトを公開
- 費用を節約
- $8,100*
- 時間を節約
- 81時間*手作業で10.1作業日
- すぐに結果が出る
- 1.5〜3時間*テーマ全体で
*ReactからHubSpotへの手作業での移行時間に基づく概算です。コンポーネントあたり約4.5時間、1時間あたり$100、1日8時間で計算しています。transjtは、リポジトリから約1.5〜3時間でテーマを構築します。
Replitを4ステップでHubSpotへ変換。
GitHubを経由して、ReplitのプロジェクトからネイティブなHubSpotテーマへ。
- 01

Replitでフロントエンドを作る
いつもどおりワークスペースで作業します。きれいに変換するには、フロントエンドを、サーバーサイドレンダリングなしのReactとViteの構成(またはNext.jsの静的エクスポート)にしておきます。HubSpotはHubLを自社のサーバーでレンダリングするため、きれいに変換できるのは、クライアント側でレンダリングするフロントエンドです。
- 02

ReplをGitHubに接続
Replitに組み込まれたGit連携を使い、プロジェクトをリポジトリにプッシュします。transjtはそこから読み込みます。コミット履歴には、どのバージョンのデザインからどのテーマが作られたかが記録されます。
- 03

リポジトリをtransjtに接続
transjtのプロジェクトでGitHubを認可し、リポジトリを選択します。transjtはコンポーネントツリーを読み取り、どの部分をHubLテンプレートにし、どの部分をマーケターが編集できるモジュールのフィールドにするかを判断します。
- 04

HubSpotにエクスポート
HubSpotを選び、プレビューを確認します。確定すると、transjtがネイティブテーマを作成します。デザインマネージャーからアップロードすれば、モジュールがページエディターに表示され、すぐにページを作れます。
ほかのコーディングツールも接続できます。
すべての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クリックでエクスポート。数分後にはテーマがアカウントに届きます
Replitで作ったサイトをHubSpotへ移しませんか?
Replitのワークスペースで作り、Git連携でGitHubにプッシュします。transjtはそのリポジトリを読み込み、フロントエンドをネイティブなHubLモジュールに変換して、プロジェクトをデプロイ環境からHubSpotそのものへ移します。
はい。変換が済めば、ページはHubSpotがホストし、実行時にReplitに依存することはありません。今後のデザイン作業のためにワークスペースを残しておいても構いませんが、公開中のサイトには不要です。
引き継がれませんが、通常はその必要もありません。HubSpotはフォーム、コンタクトレコード、コンテンツの保存を標準で備えており、Agentがマーケティングサイト用に用意するものの大半をカバーします。
はい。だからこそ、プロジェクトは埋め込まずに変換します。transjtは編集できるフィールドを備えたモジュールを出力するので、文章、画像、セクションの順序はすべて、Replitのソースに触れずにドラッグ&ドロップエディターで変更できます。
カスタムテーマのアップロードには、カスタムコードのファイルを使えるContent Hubのエディションが必要です。Starterエディションではこれが制限されています。変換の前にプランを確認してください。それ以外に、テーマの要件はありません。
ReplをGitHubにプッシュすれば、ページ数にもよりますが、transjtは通常数時間で、公開できるHubSpotテーマを用意します。



