Web Injectors

Overview

A unique feature that allows buttons (or any web CTAs) on the website to inject questions directly into the chat, guiding users back into the conversation and creating a cohesive user journey.

Key Capabilities

Universal integration with any website element (buttons, menus, CTAs, images)
Instant prompt injection that maintains conversation context
Customizable triggers that align with your business objectives
Cross-page functionality that works throughout your entire website

Implementation Guide

Prerequisites

Your Popup ID (provided by your Satisfi Account Manager)
Ability to add a script to your site (in <head> or before </body>)

1) Install the Embed Script

Place this on every page where you want Injectors to work:

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

Replace YOUR_POPUP_ID with your actual ID.

All controls live on window.SatisfiApp.Global once the embed loads. Call these from inline handlers or your JS.

Here’s a link to the popup injector controls demo

Open chat popup with a seeded message

SatisfiApp.Global.chatPopupOpen("Where should I park?");

Open and hide the input

SatisfiApp.Global.chatPopupOpen("Show me kid-friendly dining near downtown", "1");

Pass second argument “1” to hide the user input box.

Open / Close the popup

SatisfiApp.Global.chatPopupOpen();
SatisfiApp.Global.chatPopupClose();

Show / Hide the launcher button

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

3) Add Injectors to Your UI

Simple Buttons

Drop this markup anywhere on your page.

<button onclick="SatisfiApp.Global.chatPopupOpen('What’s the best route to Gate D95?')">
  Find my gate route
</button>

<button onclick="SatisfiApp.Global.chatPopupOpen('Show me premium ticket options', '1')">
  Premium tickets
</button>

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

B. Editable Prompt (Vanilla JS)

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

<input id="ask" type="text" value="Family restaurants near Main Street?" />
<button onclick="SatisfiApp.Global.chatPopupOpen(document.getElementById('ask').value)">
  Ask
</button>

C. Link or Image Injector

<a href="#" onclick="SatisfiApp.Global.chatPopupOpen('Buy season tickets'); return false;">
  Buy Season Tickets
</a>

<img src="/img/seasontix.png" alt="SeasonTix"
     style="cursor:pointer"
     onclick="SatisfiApp.Global.chatPopupOpen('Buy season tickets')" />

Recommended Injector Library (Examples)

<button onclick="SatisfiApp.Global.chatPopupOpen('What can I ask about?')">
  What can I ask about?
</button>

Questions?

Reach out to your Account Manager for more details. They will connect you with our Conversational Agency Services team.

Last updated 3 months ago

Was this helpful?