Delphi Clones can be integrated into your existing ecosystem in many ways. The most common use case is via a website integration. Your Clone can be embedded directly into the page or as a traditional chat bubble that sits in the bottom right-hand corner of your site.

Your primary Clone will have a website integration automatically populated for you when you navigate to the Website Integrations tab. To add a website integration for an instance, select ‘Add Website Embed’ in the top right of the page and choose the desired instance from the dropdown menu.

To embed your Clone and customize the experience, click on the version of your Clone you want to integrate. Here’s how you embed your Clone onto your site:

Allowed Websites

For every domain where your Clone is embedded, it must be listed here. Insert each domain separately.

Code Snippets

The snippets for both an embed and a chat bubble are contained on this page. All you have to do is copy the desired snippet and paste it in the code. Here is a breakdown of each option:

Embed

  • An embed will sit directly on a page on your site. Where you put the snippet within your code will determine its placement on that page.
  • Adjustments can be made to the width and height by editing lines 6 and 7 of the snippet. It can be set in both pixels or as a percentage of the width. Keep in mind that when it’s set to a percentage, it will take up that amount of the element or widget that contains it.
  • Both an embed and a chat bubble can be on the same page.

Chat Bubble

  • A chat bubble will sit in the bottom right-hand corner, just as a customer support agent would.
  • The snippet can be put anywhere in the code. Its positioning will not affect its placement on your site.
  • The color of the chat bubble can be changed by editing line 6 of the snippet. Insert the desired hex code.

Customize

You can customize the color of the embed and chat bubble experience (available on Prodigy and Advanced subscriptions). Show Delphi Logo allows you to white label your embed (available only on Prodigy).

Settings

Require User Email will prompt the embed to capture the email at some point in the conversation. It’s important to understand the ramifications if you do not require email. The user will never be prompted to log in, which will result in an ongoing anonymous conversation. There will be no limit to calling minutes, meaning one user could potentially drain your allotted quota. Also, video calling is not compatible when email capture is turned off.

Show Clone Questions will give users the option to select from your suggested questions to start a conversation. They sit on top of the response bar in both the embed and chat bubble.

Third-Party Website Integrations

Kajabi

First, please add https://app.kajabi.com and the actual domain of your kajabi course to your allowed websites list.

To add your clone to your module, paste the iframe code into the source code text area.

To add a chat widget in the bottom right of your entire course, enter the widget script in Page Scripts under Site Details.

Wix

Due to limitations put forth by Wix, you will not be able to embed your clone to your Wix site if you are not subscribed to a Wix premium subscription.

To begin embedding your clone please navigate to your Wix studio editor and enable Dev Mode.

Next, navigate to the add Element button and add a custom element to your Wix site and place it where you will like your clone chat to appear.

Select the Custom Element you’ve just placed and click on Choose Source and select Velo File. Underneath Create a new file, Wix should generate a file called wix-default-custom-element.js. Be sure to set the Tag name to delphi-element.

The previous step should open the file in a text editor at the bottom of your screen under the file we just created. Remove all the existing code inside the file and replace it with the code below.

Once you’ve pasted the code you should see the following in your Wix Editor. The error message you’re seeing is expected and if you’ve added your domain as an allowed domain on Delphi, you can ignore it. Publish your site and you’re good to go!