Skip to content

Add myGenie to your Webflow website

Embedding a Genie on Webflow is a straightforward process that can be done in a few simple steps. You have two options for integration: embedding the Genie 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 Genie 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 myGenie.

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 Genie.

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 Genie displays correctly.

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

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