Chat as Search — Technical Implementation Guide
Step 1: Add the Chat Widget Script
<script id="satisfiScript"
src="https://chat.satis.fi/popup/embedder?popupId=XXXX">
</script>Step 2: Create a Search Interface
<div class="chat-search">
<input type="text" id="chatInput" placeholder="Ask us anything..." />
<button id="chatBtn">Search</button>
</div>Step 3: Connect the Search to Chat
const input = document.getElementById('chatInput');
const btn = document.getElementById('chatBtn');
SatisfiApp.Global.chatButtonHide();
function launchSearch() {
const q = input.value.trim();
if (!q) {
SatisfiApp.Global.chatPopupOpen();
return;
}
SatisfiApp.Global.sendMessage(q);
input.value = '';
}
btn.addEventListener('click', launchSearch);
input.addEventListener('keydown', e => {
if (e.key === 'Enter') launchSearch();
});Step 4: Quick Topic Buttons (Pre-Canned Queries)
Implementation Patterns by Use Case

Pre-Launch Checklist
Step 5: Test and Validate
Last updated
Was this helpful?

