Embedding for Webflow

Embedding a chat widget for Webflow is a simple process that can be completed in a few easy steps. Here's how to do it:

  1. Inside your Wonderchat dashboard, click on the action button to see the “embed widget” function
  2. Copy the chat widget's code: Once you have created the widget, copy the code shown on your Wonderchat widget code window. Choose between the “Page embed” and “Chat WIdget” embed. This code will be used to embed the widget on your Webflow site.
  3. Log into your Webflow account, and make sure you are on a premium subscription plan on Webflow as this is the only way where you can get access to the ‘embed’ function.
  4. Navigate to the page where you want to embed the widget.
  5. Add an Embed element: In the Elements panel, click on the Embed element and drag it to the location on the page where you want to embed the widget.
  6. Paste the widget's code: Double-click on the Embed element to open the code editor. Paste the widget's code into the editor and click the Save button.
  7. Preview the page: Click the Preview button to preview the page and make sure the widget is displaying correctly.

That's it! You have successfully embedded a chat widget on your Webflow site. Visitors to your site can now use the chat widget to get in touch with you.