Embedding a chat room into your Webflow website

You can embed a chat room into your Webflow website by getting your Chat Room embed code and then inserting the embed code into your Webflow website using the Code Block option in Webflow.

  1. Visit Webflow.com
  2. Log in to your Webflow account.
  3. Go to Dashboard and select the site you want to edit.
  4. Click Pages icon and select Create New page icon.
  5. For Page name, enter Chat Room.
  6. Scroll the page down and select Before (body) tag under Custom Code section.
  7. Copy your chat room embed code and paste it into the text box.
  8. Click Create.
  9. Click + icon in the left menu bar to Add Elements.
  10. Scroll the page down and drag Navbar from the Components section.
  11. Click Navigator tab.
  12. Click Element Settings.
  13. Click +Add Link.
  14. Double tap the Nav Link button and edit it to Chat Room.
  15. Click on Page icon in the Link Settings.
  16. Choose Chat Room page from the drop-down.
  17. Click Publish.
  18. View your Webflow website. A Chat Room link will now appear in the navigation of your website. Clicking that will open a page with your chat room embedded in it.