Click Here For More Support

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.

2) Popup Control API

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

Was this helpful?