Skip to content

Add myGenie to your Webflow website

Embedding a chat widget on Webflow is a straightforward process that can be done in a few simple steps. You have two options for integration: embedding the widget across the entire website or on a specific webpage.

Option 1: Embed myGenie across the whole website

Log in to your Webflow account, and then:

Step 1: Select your site and access settings

  • Select the site where you want to install myGenie, and click on the three dots.

  • Then, click on "Settings".

Step 2: Add the widget code to the head section

  • Navigate to the "Custom Code" section.

  • Add the widget embed code into the "Head Code" section.

  • Don't forget to publish your changes to make the chat widget live on your entire website.

Option 2: Embed myGenie on a specific webpage

Log in to your Webflow account, making sure you are on a premium subscription plan to access the "Embed" functionality. Then:

Step 1: Navigate to the desired page

  • Go to the page where you want to embed the chat widget.

Step 3: 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 place the widget.

Step 4: Insert the Widget Script

  • Double-click on the Embed element to open the code editor.

  • Paste the widget script into the editor and click "Save".

Step 5: Preview the Page

  • Click the Preview button to check that the widget displays correctly.

Visitors to your site can now use the chat widget to get in touch with you.

By following these instructions, you'll ensure a seamless integration of the myGenie chat widget, enhancing your site's interactivity and communication capabilities.