Framer ウェブサイトへのフォーラムの埋め込み

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

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

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

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

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

ステップ 1: 埋め込みコードを取得する

  1. Website Toolbox アカウントにログインします。
  2. をクリックします 統合 メインメニューのリンク。
  3. をクリックします 埋め込む リンク。
  4. をクリックします フォーラムを埋め込む リンク。
  5. もし 最初にサブドメインを作成 ボタンが表示されたら、クリックしてフォーラムをWebサイトのドメインに接続し、Safariブラウザからアクセスしても埋め込まれたままになるようにするか、をクリックします 埋め込みコードを取得 このステップは後で説明します。
  6. クリック 埋め込みコードを取得 埋め込みコードをクリップボードにコピーします。

ステップ 2: ウェブサイトに埋め込みコードを追加する

埋め込みコードを取得したら、以下の手順に従ってウェブサイトに追加できます。

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

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

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

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

シングル・サインオン

Framer Webサイトと Website Toolbox フォーラム間のシングルサインオンを設定するには、次のURLにアクセスしてください。 シングルサインオン設定、選択 その他 から あなたのウェブサイトビルダー ドロップダウンし、プロンプトに従ってカスタムSSO統合を199ドルで購入します。インテグレーションは Website Toolbox チームが担当します。

メンバーができること

メンバー

  • ディスカッショントピックの作成
  • 既存のスレッドに返信する
  • 投稿に「いいね」して反応する
  • フォーラムを検索する
  • 通知アラートを受け取る
  • 自分の投稿を編集および削除する

管理者

  • すべてのコンテンツをモデレート
  • ユーザーを禁止または利用停止にする
  • カテゴリの作成と管理
  • フォーラムの外観をカスタマイズ
  • ユーザー権限の設定
  • 分析とレポートにアクセスする

よくあるご質問

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

いいえ、Framerにはネイティブフォーラム機能は含まれていません。ただし、Website Toolbox を使用してフォーラムをページに直接埋め込むか、ナビゲーションからリンクすることで、Framerサイトにフォーラムを簡単に追加できます。

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

どちらもうまくいきます。埋め込むと、ユーザーはフレーマーサイトにとどまり、フォーラムをページレイアウトにシームレスに統合できます。リンクを設定する方が簡単で、フォーラムが独自のページで開くので、モバイルデバイスでのエクスペリエンスが向上します。ワークフローに合ったものを選択してください。

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

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

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

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

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

いいえ。フレーマーは視覚的なドラッグアンドドロップエディターを使用します。埋め込みコードを埋め込みコンポーネントの HTML フィールドに貼り付けると、残りはフレーマーが処理します。

フォーラムはモバイル端末でも利用できますか?

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



or learn more