Add Pengo to your website

Adding Pengo to your site means pasting one short snippet into your website’s code. It takes about five minutes, and once it’s in, the chat bubble appears on every page that has it.

#Find your snippet

Your snippet is shown in the last step of setup. After setup, you’ll find it in the dashboard:

The snippet in your dashboard already contains your website ID. In the example below, YOUR_PROPERTY_ID stands in for it.

<!-- Pengo Widget -->
<script>
  (function() {
    // A stub, so pengo('identify', …) and other calls work before the widget has loaded.
    window.pengo = window.pengo || function() { (window.pengo.q = window.pengo.q || []).push(arguments); };
    window.pengo.propertyId = 'YOUR_PROPERTY_ID';
    window.pengo.q = window.pengo.q || [];
    var script = document.createElement('script');
    script.async = true;
    script.src = 'https://app.pengo.chat/embed.js?v=2';
    var firstScript = document.getElementsByTagName('script')[0];
    firstScript.parentNode.insertBefore(script, firstScript);
  })();
</script>

#Paste it on your site

Paste the snippet just before the closing </body> tag on every page. Most websites have a shared footer or layout template, so pasting it there once covers the whole site. Then publish or deploy your changes.

Using a website builder or CMS? The dialog shows the steps for each platform, and there’s a step-by-step guide for each one:

#Check that it’s live

On the Websites page, each website’s card shows its install status:

For more ways to check, see Verify your installation.

#Send the code to your developer

If someone else looks after your website, you don’t need to copy and forward the code yourself. In the install dialog, enter their email address under Someone else manages the site? and click Email instructions. Pengo sends them the code and the steps for the platform you selected.

#If the widget doesn’t show up

• Check the page you opened. The widget only appears on pages that have the snippet.
• Publish your changes. Many site builders keep edits as a draft until you publish.
• Clear your cache. If your site uses a caching plugin or a CDN, clear it so visitors get the updated page.
• Check your allowed domains. If Restrict widget to allowed domains is on in Settings ›Security ›Allowed domains , the widget only loads on domains in that list. Add your site’s domain, including any staging domain.
• Check your plan. If the website card says Paused on your plan, your plan allows fewer websites than you’ve added. Upgrade to turn it back on. See Plans and limits.

Still stuck? Email support@pengo.chat with your website address.