Embedding into Webflow

The following steps describe how to embed Soul Machines Digital Person into a Webflow site.

Before you begin

From Digital DNA Studio do the following:

  1. Creating a Digital Person with the conversation.

  2. Generate API Key for your website. Ensure to enter the website URL into the Custom UI Domain field.

  3. From the project management page of your project copy the code for embedding into the website.

Inserting Code in Webflow

To add custom code to your webflow site:

  1. In the Dashboard menu, click the ellipses in the bottom right corner of the site preview, click Settings, then click the Custom Code tab.

  2. Add the copied embed code into the Head Code field.

  3. Replace the “your_API_key” with the one you generated from Digital DNA Studio.

  4. Click Save Changes.

The Digital Person will appear at the bottom right corner of your website.
For additional details see on embedding code on Webflow, see Custom code in the head and body tags.