LogoLogo
WebsiteGuide & TutorialBlogBook a Demo
1.0.0
1.0.0
  • Acquire Developers Hub
  • Acquire
    • Acquire Build Requirement
      • Requirement For Acquire
      • Acquire Speedtest
  • JS API
    • JS Live Chat API
      • Description
      • Installation
      • Visitor
      • Thread
      • Conversation
      • User Verification
    • Quick Link Support
      • One Click Button
      • Social Media Share
    • Backend JS SDK
      • Setup Backend JS SDK
      • Demo Backend SDK
    • Advanced
      • Widget UI
      • Reference
  • Co Browse APIs
    • Acquire Co Browse
      • Co Browse API
  • Acquire API Events
    • WebRTC Related Events
  • iOS
    • SDK Setup Guide
      • Getting Started
      • Integration Guide (Core)
      • Integration Guide (Lite)
      • Manual Setup iOS
      • Acquire Account ID
    • SDK Configuration Example
    • iOS Cobrowse
    • Theme Setting
    • iOS Push Notifications
    • Verify your users
  • Android
    • Getting Started
      • Integration Guide (Core)
      • Integration Guide (Lite)
      • Start using Acquire
    • Acquire APIs
    • Acquire Delegates
    • Custom UI/widget
    • Cross Platform Integrations
  • Webhook API
    • Webhooks Basic
      • Introduction
      • Webhook Integrate Steps
      • Webhook Format
    • Webhook Events
      • On Chat Start
      • On Chat Accept
      • On Chat Message
      • On Chat Close
  • REST APIs
    • OAuth
      • Authorization
      • Tracklog
    • Profiles API
      • Profile List
      • Thread
      • Feedback
      • Profile Details
      • Message
      • Tags
      • Profile Agents
      • Campaigns
      • Profile Add Update
      • Profile Delete
      • Profile Visit History
      • Sender Emails
    • Chat
      • Chat Notes
    • Analytics
      • Chat Statistics
      • Team Analytics
      • Conversion Rate
      • Chat Tag
      • Co browsing
    • Agent
      • Agents List
      • Agent add
      • Edit / Get-agent
      • Update
    • Trigger
      • Triggers List
      • Triggers Detail
    • Operating Hours
      • Save Operating Hours
      • Get Operating Hours
    • Cobrowse
  • Chatbot API
    • Chat Bot
      • Integrate Your Chatbot
      • Dialog Flow V1 Chat-Bot
      • Dialog Flow V2 Chat-Bot
      • Dialog Flow Fulfillment & Custom Response
      • IBM Watson Integration
      • Amazon Lex Bot
      • Azure's QnA Maker
      • Webhook Calling & User Verification
      • Webhook For Reset Password
  • Knowledge Base APIs
    • Help Docs Setup
      • Get FAQ Categories
      • Get Setup Details
      • Get Side List
      • Get Article
      • Get Recent Article
      • Get Categorized Articles
      • Get Suggestion
  • Errors
    • API Error Handling
      • HTTP Responses
Powered by GitBook
On this page
  • Step 1: Insert Widget Code to webpage
  • Step 2: Reload Webpage
  • Sample Widget Code
  • Advance Settings
  1. JS API
  2. JS Live Chat API

Installation

PreviousDescriptionNextVisitor

Last updated 5 years ago

Visit and click a Sign Up. Once logged In then click on integration button and inside get chat box initiation code.

Step 1: Insert Widget Code to webpage

Copy the following sample widget code and paste it inside <HEAD> section of your webpage

Step 2: Reload Webpage

Save your code and reload webpage.

Sample Widget Code

<!--  Widget Code -->
<script type="text/javascript">
    ((function() {
                var load = function() {
                    var script = "https://s.acquire.io/a-ACCOUNT_ID/init.js";
                    var x = document.createElement('script');
                    x.src = script;
                    x.async = true;
                    var sx = document.getElementsByTagName('script')[0];
                    sx.parentNode.insertBefore(x, sx);
                };
                if (document.readyState === "complete") load();
                else if (window.addEventListener) 
                // W3C DOM                    
                window.addEventListener('load',load,false);                
                else if (window.attachEvent) { 
                // IE DOM                    
                window.attachEvent("onload", load);                
                }})())
</script> 
<noscript> <a href="https://www.acquire.io?welcome" title="live chat software">Acquire </a> </noscript>
<!-- / Widget Code -->

Advance Settings

Customize color code for different client (optional), that color will replace client's account theme primary color with window.acquire_primary_color also a add line for add support widget dark or light theme just below to primary color

window.acquire_widget_dark_theme = true|false; //Optional
acquire.io
widget section