Webflow ウェブサイトにチャットルームを埋め込む

チャットルーム埋め込みコードを取得し、Webflow の [ コードブロック ] オプションを使用して Webflow Web サイトに埋め込みコードを挿入することで、チャットルームを Webflow Web サイトに埋め込むことができます。

  1. 訪問 webflow.com
  2. Webflow アカウントにログインします。
  3. へ移動 ホーム をクリックし、編集するサイトを選択します。
  4. クリックする ページ アイコンをクリックし、 新しいページを作成 アイコン。
  5. のために ページ名」と入力し、 チャットルーム.
  6. ページを下にスクロールし、 (本文) タグ前カスタムコード セクション。
  7. あなたをコピーする チャットルーム埋め込みコード をクリックし、テキストボックスに貼り付けます。
  8. クリックする 作成.
  9. クリックする + アイコン を、左側のメニューバーで [要素を追加].
  10. ページを下にスクロールし、 ナビバー から コンポーネント セクション。
  11. クリックする ナビゲータ タブ。
  12. クリックする 要素設定.
  13. クリックする +リンクを追加.
  14. ダブルタップ ナビゲーションリンク ボタンをクリックして編集して チャットルーム.
  15. クリックしてください ページ アイコンの リンク設定.
  16. 選択してください チャットルーム ページをドロップダウンから選択します。
  17. クリックする パブリッシュ.
  18. Webflow ウェブサイトを表示します。これで、Web サイトのナビゲーションに [チャットルーム] リンクが表示されます。それをクリックすると、チャットルームが埋め込まれたページが開きます。



or learn more