ReplitからHubSpotへ

Replitから​HubSpotへ。​ワークスペースを​編集できる​モジュールに。

Replitで作りましたか? ReplitからHubSpotへの変換は、transjtが自動で行います。フロントエンドはワークスペースを離れ、チームが普段使っているCRMと並ぶ、ネイティブなHubLモジュールになります。

プレビュー後にお支払い

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

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

変換すべきとき

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テーマへ。

  1. Replitでフロントエンドを作る

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

  2. ReplをGitHubに接続

    Replitに組み込まれたGit連携を使い、プロジェクトをリポジトリにプッシュします。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クリックでエクスポート。数分後にはテーマがアカウントに届きます
得られるもの

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

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

HubSpotのCMSは、マーケターがコードを開かずにページの構成を変え、CRMのデータに合わせてパーソナライズできるようにするためのものです。だから、Reactのフロントエンドをそのまま入れることはできません。まずコンポーネントを、編集できるフィールドが定義されたHubLモジュールにする必要があります。transjtはこの変換を自動化するので、クラウドのワークスペースで作ったものが、収益を担うチームがすでに使っているシステムの中に、ネイティブテーマとして届きます。

FAQ

Replitから​HubSpotへの​FAQ。

ReplitのプロジェクトをHubSpotテーマに変換する前に知っておきたいこと。

デモを予約
  • Replitのワークスペースで作り、Git連携でGitHubにプッシュします。transjtはそのリポジトリを読み込み、フロントエンドをネイティブなHubLモジュールに変換して、プロジェクトをデプロイ環境からHubSpotそのものへ移します。

  • はい。変換が済めば、ページはHubSpotがホストし、実行時にReplitに依存することはありません。今後のデザイン作業のためにワークスペースを残しておいても構いませんが、公開中のサイトには不要です。

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

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

  • カスタムテーマのアップロードには、カスタムコードのファイルを使えるContent Hubのエディションが必要です。Starterエディションではこれが制限されています。変換の前にプランを確認してください。それ以外に、テーマの要件はありません。

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

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

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