v0はVercelのAI搭載開発プラットフォームで、平易な言葉のプロンプトを実際のフルスタックのWebアプリに変えます。チャットで必要なものを説明すると、v0 が React と Next.js のコードを生成し、ライブプレビューを表示して、ワンクリックで公開します。ほとんどのアプリビルダーと同様、コミュニティフォーラムやディスカッション機能は組み込まれていません。

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

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

• SaaS 製品コミュニティ
• デベロッパーコミュニティとメーカーコミュニティ
• カスタマーサポートフォーラム
• フィードバック掲示板と機能リクエスト掲示板
• ベータテスターとアーリーアクセスグループ
• オンラインコースディスカッション
• プライベートメンバーグループ

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

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

オプション A: フォーラムを埋め込む

1. v0.app にアクセスして、アカウントにログインします。アカウントをお持ちでない場合は、「Sign Up」をクリックして無料アカウントを作成してください。
2. 新しいチャットを開始するか、フォーラムを追加したいプロジェクトを開きます。
3. ウェブサイトツールボックスの埋め込みコードを取得:
   1. Website Toolbox アカウントにログインするか、まだ持っていない場合は新しいフォーラムを作成します。
   2. [埋め込みを統合] → [フォーラムを埋め込む] に進み、埋め込みコードをコピーします。
4. v0 チャットで、「フォーラムという新しいページを自分のサイトに追加し、次のコードを全角の iframe として埋め込みます:[ここに埋め込みコードを貼り付けてください]」のようなプロンプトを入力します。v0 はページを生成し、iframe を追加します。
5. プレビューパネルで結果を確認します。レイアウトや iframe のサイズを調整したい場合は、フォローアッププロンプトで v0 に確認するか、プレビューツールバーのコードタブに切り替えてコードを直接編集してください。
6. 右上隅の「公開」をクリックし、「プロダクションに公開」を選択します。デプロイが完了するまで待ちます。通常は 30 ～ 60 秒かかります。
7. 公開されているサイトの URL にアクセスしてフォーラムページに移動し、その URL をコピーします。
8. Web サイトツールボックスの埋め込みセクションに戻り、v0 フォーラムページの URL を「フォーラムはどこに埋め込まれていますか?」に貼り付けます。フィールド。

オプション B: フォーラムへのリンク

1. v0.app にアクセスして、アカウントにログインします。
2. フォーラムリンクを追加したいサイトのチャットまたはプロジェクトを開きます。
3. ウェブサイトツールボックスのフォーラム URL を取得:
   1. Website Toolbox アカウントにログインするか、フォーラムをまだ作成していない場合は新しいフォーラムを作成します。
   2. フォーラム URL をコピーします。
4. v0 チャットで、次のようなプロンプトを入力します。「自分のサイトのナビゲーションにリンクを追加して、新しいタブで開きます:[フォーラムの URL を貼り付け]」
5. 右上隅の [公開] をクリックし、[プロダクションに公開] を選択して、変更を公開します。

シングル・サインオン

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

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

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

メンバーができること

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

よく寄せられる質問