Carrd

Copy your Yaplet code

In your Yaplet dashboard, go to Brand → Chat widget and open the Install tab. If the tab asks where your website runs, choose Other website. Copy the code with the copy button on the code block.

If the code you copied starts with !function (Yaplet, it has no <script> tags around it yet. Carrd's Embed element takes HTML, so you add the tags when you paste it.

Add an Embed element

Open your site in the Carrd builder. Click Add Element, then Embed.

Set up the embed

Set Type to Code and paste the code into Code. The code must start with a <script> line and end with a </script> line. If what you copied starts with !function (Yaplet instead, type <script> on a new line before it and </script> on a new line after it. The finished code looks like this:

<script>
!function (Yaplet, t, i) { … your Yaplet code … }();
</script>

Optionally set Label (for example Yaplet chat). Set Style to Hidden and choose Body End. A hidden embed works from anywhere in the site, so you can move it to the very end.

Publish and check your site

The Embed element shows nothing in the builder. Publish the site, open it in a new browser tab and reload it. The Yaplet chat button appears in the bottom-right corner. Click it to check that the chat opens.