# 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 {% embed url="" %} ## Implementation Guide #### Prerequisites * Your **Popup ID** (provided by your Satisfi Account Manager) * Ability to add a script to your site (in `` or before ``) ### 1) Install the Embed Script Place this on every page where you want Injectors to work: {% code overflow="wrap" %} ```html ``` {% endcode %} 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**](https://d2.satisfi6.com/html/popup_injection_demo.html) * **Open chat popup with a seeded message** {% code overflow="wrap" %} ```html SatisfiApp.Global.chatPopupOpen("Where should I park?"); ``` {% endcode %} * **Open and hide the input** {% code overflow="wrap" %} ```html SatisfiApp.Global.chatPopupOpen("Show me kid-friendly dining near downtown", "1"); ``` {% endcode %} Pass second argument “1” to hide the user input box. * **Open / Close the popup** {% code overflow="wrap" %} ```html SatisfiApp.Global.chatPopupOpen(); SatisfiApp.Global.chatPopupClose(); ``` {% endcode %} * **Show / Hide the launcher button** {% code overflow="wrap" %} ```html SatisfiApp.Global.chatButtonShow(); SatisfiApp.Global.chatButtonHide(); ``` {% endcode %} ### 3) Add Injectors to Your UI * **Simple Buttons** Drop this markup anywhere on your page. {% code overflow="wrap" %} ```html ``` {% endcode %} * **B. Editable Prompt (Vanilla JS)** Put the default text in the input `value`. Read it on click. jQuery is optional. {% code overflow="wrap" %} ```html ``` {% endcode %} * **C. Link or Image Injector** {% code overflow="wrap" %} ```html Buy Season Tickets SeasonTix

``` {% endcode %} ### Recommended Injector Library (Examples) {% tabs %} {% tab title="Hero CTA Discovery" %} {% code overflow="wrap" %} ```html ``` {% endcode %}

{% endtab %} {% tab title="Tickets Commerce" %} {% code overflow="wrap" %} ```html ``` {% endcode %} {% endtab %} {% tab title="Venue Support" %} {% code overflow="wrap" %} ```html ``` {% endcode %} {% endtab %} {% tab title="F\&B Upsell" %} {% code overflow="wrap" %} ```html ``` {% endcode %} {% endtab %} {% endtabs %} ### Questions? Reach out to your Account Manager for more details. They will connect you with our Conversational Agency Services team.