base44からHubSpotへ

base44から​HubSpotへ:​アプリを​編集できる​モジュールに。

base44で作りましたか?transjtはbase44からHubSpotへの変換を自動で行います。ReactアプリがネイティブなHubLモジュールになるので、マーケターはコードを開かずに、ドラッグ&ドロップエディターでページを組み直せます。

プレビュー後にお支払い

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

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

変換すべきとき

base44を​HubSpotへ​変換すべき​とき

base44アプリを手作業でHubLに作り直す代わりに、チームがtransjtを選ぶ6つの状況。

  • マーケティングはすでにHubSpotで動いている

    CRM、メール、フォームがすでにHubSpotにあるなら、サイトもそこに置くのが理にかなっています。transjtはbase44で作ったサイトをネイティブテーマに変換するので、デザインはチームが普段使っているツールの隣に置かれ、別のインフラで動かす必要はありません。

  • ランディングページを、あなたの手を借りずに公開したい

    Reactアプリでは、新しいキャンペーンページのたびに開発者の作業が発生します。アプリをモジュールに変換すれば、チームはすでにデザインしたコンポーネントからページを組み立てられ、チケットやデプロイを待つ必要はありません。

  • CRMデータでパーソナライズしたい

    HubSpotでは、ライフサイクルステージ、リストのメンバーシップ、あらゆるコンタクトプロパティに応じてコンテンツを変えられます。これはページがネイティブテーマである場合にのみ機能し、transjtがbase44のリポジトリから作るのが、まさにそのテーマです。

  • チームにHubLを書ける人がいない

    HubSpotのテンプレート言語はHubSpot固有のもので、1つのプロジェクトのために習得するのは割に合いません。transjtがその層を書くので、変換のためにHubSpotのテンプレート言語を学ぶ必要はありません。

  • 代理店の見積もりが予想より高かった

    認定パートナーがカスタムテーマの制作に請求する金額は、base44でデザイン全体を作った費用を上回ることがよくあります。自動で変換すれば、その予算を、サイトの本来の目的であるキャンペーンに使えます。

  • ページに分析機能を結びつけたい

    ページがネイティブなHubSpotコンテンツになれば、アトリビューションとページ単位のレポートが、A/Bテストとともに追加費用なしで使えます。外部でホストされたReactアプリでは、追加の計測を仕込まない限り、どれも得られません。

計算してみる

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

transjtでサイトを公開

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

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

仕組み

base44を​HubSpotへ、​4つの​ステップで​変換。

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

  1. base44でサイトを作る

    デザインが固まるまで、プロンプトで指示して調整します。変換向けに作られたWebサイトプロンプトから始めましょう。base44はフルスタックのアプリを生成しますが、transjtが変換するのはReactのフロントエンドです。訪問者が見るページはネイティブテーマになり、アプリは独自のバックエンドをそのまま保ちます。

  2. base44をGitHubと同期

    base44に組み込まれたGitHub同期で、プロジェクトをリポジトリにプッシュします。transjtはそこから読み取り、履歴を見れば、どのビルドからどのバージョンのテーマが作られたかがわかります。

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

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

  4. HubSpotにエクスポート

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

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“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クリックでエクスポート。数分後にはテーマがアカウントに届きます
得られるもの

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

base44から作ったHubSpotテーマに実際に含まれるもの

HubSpotのCMSは、マーケターがコードを開かずに並べ替えたり、CRMデータに合わせてパーソナライズしたりできるモジュールを中心に設計されています。その設計こそが、ReactアプリをそのままHubSpotに入れられない理由でもあります。コンポーネントを、編集可能なフィールドが定義されたHubLモジュールにする必要があるのです。transjtはその変換を自動で行うので、base44のデザインはiframeに収まることなく、ネイティブテーマとして届きます。

FAQ

base44から​HubSpotへの​よくある質問。

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

デモを予約
  • base44は、プロンプトからReactフロントエンドを持つ動作するアプリを作り、GitHubに同期します。transjtはそのリポジトリを引き継ぎ、フロントエンドをネイティブなHubLモジュールに変換するので、HubSpotへの引き渡しに開発者は必要ありません。

  • transjtが変換するのは、クライアントレンダリングのReactフロントエンドです。プロジェクトがNext.jsやサーバーサイドレンダリングに寄っている場合は、まずプレーンなReactとViteのビルドを依頼してください。HubSpotでは、代わりにHubLがサーバーサイドでレンダリングされるためです。

  • はい。だからこそ、アプリを埋め込むのではなく変換します。transjtは編集可能なフィールドを持つモジュールを出力するので、テキスト、画像、セクションの順序はすべて、base44のソースに触れることなく、HubSpotのドラッグ&ドロップエディターで編集できます。

  • はい。transjtはコンポーネントをHubLテンプレートに変換し、コンパイル済みのスタイルも引き継ぐので、レイアウト、余白、タイポグラフィはbase44のプレビューと同じように表示されます。

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

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

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

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