Lovable ウェブサイトにフォーラムを埋め込む

LovableはAIを搭載したウェブサイトビルダーで、シンプルなチャットインターフェースでアプリやウェブサイトを作成できます。しかし、ほとんどのウェブサイトビルダーと同様に、コミュニティフォーラムやディスカッション機能は組み込まれていません。

そこで役立つのがウェブサイトツールボックスです。フル機能のディスカッションフォーラムをLovableサイトに直接埋め込むことも、サイトのナビゲーションからフォーラムにリンクすることもできます。どちらの方法でも、ユーザーアカウント、モデレーションツール、リアルタイムの会話を利用できます。

これは次のような場合に非常に効果的です。

  • SaaS 製品コミュニティ
  • オンラインコースディスカッション
  • コーチングサイトと会員制サイト
  • カスタマーサポートフォーラム
  • フィードバックボードと機能リクエストボード
  • クリエイターコミュニティとホビーコミュニティ
  • 非公開メンバーグループ

このステップバイステップガイドでは、手順を順を追って説明します。

ステップバイステップ:フォーラムを追加する

  1. lovable.dev にアクセスして、アカウントにログインしてください。アカウントをお持ちでない場合は、「Get start」をクリックして無料アカウントを作成してください
  2. ダッシュボードから [新規プロジェクト] をクリックして新しいプロジェクトを開始するか、フォーラムを追加したい既存のプロジェクトを開きます。
  3. Lovable チャットパネルで、フォーラム用の新しいページまたはリンクを作成するためのプロンプトを入力します。例:「Forum という名前の新しいページを自分のウェブサイトに追加してください。」Lovableがページを生成し、プロジェクトのナビゲーションに追加します。
  4. フォーラムはページに直接埋め込むことも、リンクすることもできます。どちらのアプローチも開始方法は同じです。ウェブサイトツールボックスフォーラムの URL または埋め込みコードが必要です。
    1. Website Toolbox アカウントにログインするか フォーラムをまだ作成していない場合は新しいフォーラムを作成してください
    2. フォーラムの URL をコピーします。リンク方法にはこれが必要です。
    3. 埋め込み方法については、「 統合」→「埋め込み」 → 「フォーラムの埋め込み」 に進み 、埋め込みコードをコピーします。
  5. オプションA: フォーラムへのリンク:Lovableチャットに、 「新しいタブでフォーラムのURLを開くリンクをフォーラムページに追加してください」のようなプロンプトを貼り付けます。

    オプション B: フォーラムを埋め込む:Lovable チャットで、 「次のコードをフォーラムページに全角の iframe として埋め込む:[埋め込みコードをここに貼り付けてください]」のようなプロンプトを貼り付けます。 Lovable は iframe をページに追加します
  6. Lovableの右上隅にある [公開] ボタンをクリックします。公開した URL を設定し、「公開」をクリックしてサイトを展開します。
  7. 埋め込み方法を選択した場合は、公開したフォーラムページのURLをコピーしてください。サイトのナビゲーションで見つけるか、公開されている URL にアクセスしてフォーラムページに移動すると確認できます。
  8. 埋め込み方法を選択した場合は、 Webサイトツールボックスの統合 → 埋め込み フォーラムの埋め込みセクションに戻り、Lovable ForumページのURLを「 フォーラムはどこに埋め込まれていますか?」に貼り付けてください。フィールド。

シングル・サインオン

ウェブサイト・ツールボックスでは、199ドルからカスタムSSO統合サービスを提供しています

カスタム SSO 統合の購入方法:

  1. ウェブサイト・ツールボックス・アカウントにログインします
  2. [統合] → [シングルサインオン] に移動します。
  3. サイトビルダー」のドロップダウンから「その他」を選択します。
  4. プロンプトに従って購入を完了します。

メンバーができること

フォーラムが接続されると、メンバーはフル機能のコミュニティ体験を利用できるようになります。Web サイトツールボックスには、ここに記載されている機能以外にも多くの機能があります。機能ツアーにアクセスして、利用できるすべての機能を確認してください。

💬 メンバー向け

  • ディスカッションスレッドの作成と返信
  • 「いいね!」投稿
  • 画像やファイルをアップロード
  • メール通知を受け取る
  • プロフィールをカスタマイズ

🛡️ 管理者向け

  • 投稿とコメントをモデレートする
  • ユーザーをBANする
  • カテゴリを作成してトピックをピン留めする
  • フォーラムの外観をカスタマイズ
  • メンバー権限の管理

よく寄せられる質問

Lovableにはフォーラム機能が組み込まれていますか?

いいえ、Lovableには現在ネイティブのフォーラム機能はありません。ただし、Webサイトツールボックスを使用して、ページに直接埋め込むか、ナビゲーションからリンクすることで、簡単にフォーラムをサイトに追加できます。

フォーラムを埋め込むべきか、それともリンクすべきか?

どちらもうまくいきます。埋め込みにより、ユーザーはLovableサイトに留まり、フォーラムをページレイアウトにシームレスに統合できます。リンクを設定する方が簡単で、フォーラムが独自のページで開くので、モバイル端末での操作性が向上します。自分のワークフローに合ったものを選んでください。

埋め込みフォーラムの外観をカスタマイズできますか?

はい。Website Toolboxには、Lovableサイトのデザインに合わせて選択できるさまざまなテーマを含むテーマエディターが用意されています。色、フォント、レイアウト設定などをカスタマイズして、シームレスな外観を作成できます。

フォーラムを非公開にしたり、メンバー限定にしたりできますか?

絶対に。フォーラムへのアクセスをログインユーザーのみに制限したり、招待制のコミュニティを作成したり、サブスクリプションプランでアクセス料金を請求したりできます。SSO 統合と組み合わせることで、Lovable アプリのユーザーシステムとフォーラムをシームレスに接続できます。

コーディングの仕方を知っておく必要がありますか?

いいえ。Lovable は AI を使用して平易な言葉のプロンプトからコードを生成します。必要なものを記述するだけで、Lovable がそれをビルドします。同じことがフォーラムの追加にも当てはまります。埋め込みコードまたは URL を貼り付けるだけで、あとはLovableが処理します。

フォーラムはモバイル端末でも使えますか?

はい。Website Toolbox フォーラムは完全にレスポンシブで、スマートフォン、タブレット、デスクトップでうまく機能します。フォーラムを埋め込むと、iframe はコンテナのサイズに合わせて自動的に調整されます。Website Toolbox にはモバイルアプリも用意されているので、メンバーは携帯電話からでも参加できます。



or learn more