フレーマーは、デザイナー、スタートアップ、クリエイティブプロフェッショナルに人気のビジュアルWebサイトビルダーです。強力なデザインキャンバスと AI を活用したツールを組み合わせることで、コードを記述しなくても、レスポンシブで公開準備が整った Web サイトを作成できます。Framerは柔軟な埋め込みコンポーネントとカスタムコードサポートを提供していますが、組み込みのコミュニティフォーラムやディスカッション機能は含まれていません。

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

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

• デザインコミュニティとクリエイティブコミュニティ
• SaaS 製品フォーラム
• クライアントからのフィードバックと Q&A
• ポートフォリオとショーケースディスカッション
• スタートアップコミュニティとメーカーコミュニティ
• コースとチュートリアルのサポートフォーラム

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

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

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

1. Website Toolbox アカウントにログインするか、 フォーラムをまだ作成していない場合は新しいフォーラムを作成します。
2. [ 統合] → [埋め込み] → [ フォーラムの埋め込み] に移動し、埋め込みコードをコピーします。
3. framer.com にアクセスして、フレーマーアカウントにログインします。アカウントをお持ちでない場合は、「はじめに」をクリックして無料アカウントを作成してください。
4. フォーラムを追加したいプロジェクトを開くか、新しいプロジェクトを作成します。
5. フレーマーキャンバスで Cmd+K (Mac) または Ctrl+K (Windows) を押して挿入メニューを開きます。Embed を検索して選択すると、Embed コンポーネントがページに追加されます。
6. 埋め込みコンポーネントを選択した状態で、Website Toolbox フォーラムの埋め込みコードを右側のサイドバーの HTML フィールドに貼り付けます。
7. 埋め込みコンポーネントをドラッグして、ページの幅いっぱいに収まるようにサイズを変更します。高さを約 600 ピクセルに設定したり、レイアウトに合わせて調整したりすることもできます。
8. 右上隅の [公開] をクリックしてサイトを展開します。
9. 公開したフォーラムページの URL をコピーします。
10. Web サイトツールボックスの埋め込み設定に移動し、URL を [フォーラム URL] フィールドに貼り付けて設定を完了します。

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

1. Website Toolbox アカウントにログインするか、 フォーラムをまだ作成していない場合は新しいフォーラムを作成します。
2. 統合 → 埋め込みページからフォーラムのURLをコピーします。
3. framer.com にアクセスして、フレーマーアカウントにログインします。
4. フォーラムリンクを追加したいプロジェクトを開きます。
5. フレーマーキャンバスで、フォーラムリンクを追加したいナビゲーションメニューまたはテキストエレメントをクリックします。
6. 新しいテキスト要素を追加するか、既存のリンクを編集し、リンクテキスト (「Join Our Forum」など) を入力して強調表示します。
7. 右側のサイドバーで、フォーラムの URL を [リンク] フィールドに貼り付けます。必要に応じて、必ず新しいタブで開くように設定してください。
8. [Publish] をクリックして変更を適用します。

シングル・サインオン

Framer WebサイトとWebサイトツールボックスフォーラム間のシングルサインオンを設定するには、シングルサインオン設定に移動し、Your Webサイトビルダーのドロップダウンから「その他」を選択し、プロンプトに従ってカスタムSSO統合を199ドルで購入します。ウェブサイト・ツールボックス・チームが統合を行います。

メンバーができること

よく寄せられる質問