Satisfi Labs Popup Injection Integration Guide

Minimal steps and copy paste snippets to add the Satisfi popup to any site and call its methods.

1. Include the embed script

Add this inside <head> or just before </body>.

<script id="satisfiScript" src="https://chat.satis.fi/popup/embedder?popupId=YOUR_POPUP_ID"></script>

Replace YOUR_POPUP_ID with the id provided by Satisfi.

2. Call popup methods

Methods live on window.SatisfiApp.Global. Call them after the script has loaded.

Open with a message

// opens popup and seeds the composer with a message
SatisfiApp.Global.chatPopupOpen("Who Built This Agent?");

Open and hide the input

// pass second argument "1" to hide the user input box
SatisfiApp.Global.chatPopupOpen("Who Built This Agent?", "1");

Open the popup

SatisfiApp.Global.chatPopupOpen();

Close the popup

SatisfiApp.Global.chatPopupClose();

Show or hide the launcher button

SatisfiApp.Global.chatButtonShow();
SatisfiApp.Global.chatButtonHide();

3. Example buttons

Drop this markup anywhere on your page.

<button onclick="SatisfiApp.Global.chatPopupOpen('Who Built This Agent?')">
  Open with default text
</button>

<button onclick="SatisfiApp.Global.chatPopupOpen('Who Built This Agent?', '1')">
  Open with hidden input
</button>

<button onclick="SatisfiApp.Global.chatPopupClose()">
  Close popup
</button>

4. Using an editable default value

Put the default text in the input value. Read it on click. jQuery is optional.

Vanilla JS

<input id="q" type="text" value="Who Built This Agent?" />
<button onclick="SatisfiApp.Global.chatPopupOpen(document.getElementById('q').value)">
  Ask
</button>

jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<input id="q2" type="text" value="Who Built This Agent?" />
<button onclick="SatisfiApp.Global.chatPopupOpen($('#q2').val())">
  Ask
</button>