New: chat buttons, personal links and quote requests are live

Step 4: Add the chat to your website

Setting up on your own: allow your domain, then add Darwin's site tag to any website, or install it on Webflow, WordPress, Framer or Google Tag Manager, and check the installation. One flow for each.

  • In Darwin: Integrations → Your websiteOpen in Darwin
  • Updated

Darwin's chat runs on your website from one script tag, added once for every page. Pick how your website is built and follow that flow. When Darwin finds the tag on your site, Home ticks off Connect your website.

The Your website section of Integrations: Site tag, Webflow, Google Tag Manager, Framer and WordPress cards.

First, allow your domain

Open Agent Studio → Visibility & privacy. Under Allowed domains, type your website's address and select Add domain. The chat only runs on domains in this list, and www.example.com and example.com count as different. Webflow adds its domains for you, so skip this if you use Webflow.

Allowed domains with the www.example.com field and the Add domain button highlighted.

Any website

For a site you edit yourself, or any builder with a site-wide custom code setting.

  1. Copy the site tag

    In Integrations, select the Site tag card, then Copy tag.

    Add the tag to your site: the script tag with your site key, and the Copy tag button highlighted.

  2. Paste it on every page and publish

    Paste the tag just before </body> on every page, or into your builder's site-wide custom code (often called code injection, or custom code for the footer or body). Add it once, then publish your site.

    Someone else edits your website? Open Email instructions to a developer, enter their email and select Email instructions.

  3. Check the installation

    Select Check installation. When Darwin finds the tag, the step shows Verified.

    Check the installation, with the Check installation button highlighted and the Page to check first field.

Full guide: Install Darwin on any website.

Webflow

Connect the Darwin app and it adds the tag to your Webflow site for you.

  1. Connect Webflow

    In Integrations, select Connect on the Webflow card, then Connect Webflow. Choose the sites Darwin can access and approve the permissions.

    Step 1, Connect Webflow, with the Connect Webflow button highlighted.

  2. Add Darwin to a site

    Choose the site and select Add Darwin. Darwin adds its script and your site's domains. Nothing is published yet.

    Step 2, Add Darwin to a site, with the Add Darwin button highlighted.

  3. Publish the site

    Select Publish site now. This publishes the site with any other unpublished changes.

    Step 3, Publish the site, with the Publish site now button highlighted.

  4. Check the installation

    Select Check installation. Darwin confirms when it finds its tag on the live site.

Full guide: Install Darwin on Webflow.

WordPress

Add the tag to your theme's footer, or with a header-and-footer plugin.

  1. Copy the tag

    In Integrations, select Open guide on the WordPress card, then Copy tag.

    Step 1, Add the tag to WordPress, with the site tag and the Copy tag button highlighted.

  2. Clear the cache

    If a caching plugin, your host or a CDN caches pages, clear it.

  3. Check the installation

    Back in Darwin, select Check installation.

    Step 2, Check the installation, with the Check installation button highlighted.

Full guide: Install Darwin on WordPress.

Framer

Paste the tag into Framer's site-wide custom code.

  1. Copy the tag

    In Integrations, select Open guide on the Framer card, then Copy tag.

    Step 1, Add the tag to Framer, with the site tag and the Copy tag button highlighted.

  2. Paste it into Framer's custom code

    In Framer's site settings, open Custom code and paste the tag at the end of the body, on all pages. If Framer asks how often to run it, choose once.

  3. Publish

    Save and publish the site, then open the published site, not the editor.

  4. Check the installation

    Back in Darwin, select Check installation.

    Step 2, Check the installation, with the Check installation button highlighted.

Full guide: Install Darwin on Framer.

Google Tag Manager

Add the tag as a Custom HTML tag that fires on all pages.

  1. Copy the tag

    In Integrations, select Open guide on the Google Tag Manager card, then Copy tag.

    Step 1, Add the tag to Google Tag Manager, with the site tag and the Copy tag button highlighted.

  2. Add a Custom HTML tag

    In your container, open Tags → New, name it Darwin chat, choose Custom HTML and paste the tag. Under Triggering, choose All Pages, then save.

  3. Preview and publish

    Select Preview to check that Darwin chat fires once, then Submit and Publish.

  4. Check the installation

    Back in Darwin, select Check installation.

    Step 2, Check the installation, with the Check installation button highlighted.

Full guide: Install Darwin with Google Tag Manager.

Good to know

  • Add the tag once. Two copies can show two chat buttons.
  • The chat stays hidden on your website until you go live in step 5, so installing early is safe.
  • Can't see the chat after going live? See The chat isn't showing.

Help topics

    ↑↓ to move to openesc to close