How to Install BoldDesk Live Chat

Enhance your website, BoldDesk customer portal, or mobile app with real‑time support using the BoldDesk Live Chat widget. The Installation tab provides multiple integration options tailored to your tech stack: lightweight JavaScript code snippets for the native floating widget or CMS‑embedded iframe, the Web SDK (NPM package) for deeper programmatic control within web applications, and the native iOS and Android Mobile SDKs for push notifications and a fully native chat experience.

Prerequisites

• A Live Chat widget already exists.
• Your role includes the Manage Settings permission to access installation options.

1. Install on Websites & Web Apps (Code Snippets)

Use Embeddable Code (JavaScript) for a native floating widget, or Iframe Code for CMS/fixed‑area embeds.

Option 1 — Embeddable Code (JS)

1. Go to Installation → Code Snippets.
2. Copy Embeddable Code (JavaScript).
3. Paste it right before the closing </body> tag on every page that should show chat.

Option 2 — Iframe Code

1. Go to Installation → Code Snippets.
2. Copy Iframe Code.
3. Embed it where you want the widget to appear.

2. Install via NPM (Web SDK)

Install and control the widget programmatically in your web app. Learn more on BoldDesk Live Chat Web SDK: Integrate & Control Chat Widget.

1. Go to Installation → NPM and copy the install command.

2. Initialize with your Web App Key (snippet provided on the page).

3. Install in Mobile Apps (iOS & Android)

iOS SDK

Navigate to Installation → iOS SDK to get:

• iOS App Key
• Code snippet to initialise the SDK
• Push Notification settings (Bundle ID, upload file, category)

Installation steps

• Copy the iOS App Key and paste it where you initialise the BoldDesk iOS SDK.
• Add the pre‑generated snippet to enable chat features.
• (Optional) Configure push notifications to receive message alerts and updates.

Android SDK

Navigate to Installation → Android SDK to get:

• Android App Key
• Android SDK initialisation snippet
• Push Notification configuration

Installation steps

• Copy the Android App Key and add it where you initialise the SDK.
• Paste the initialisation snippet in your app.
• (Optional) Enable push notifications to receive incoming chat alerts and system notifications.

Customer Portal

To install a Live Chat Widget into the BoldDesk Customer Portal, learn more on Embedding the BoldDesk Live Chat Widget in the Customer Portal.

Frequently Asked Questions (FAQs)

1) Where do I install the BoldDesk Live Chat widget from?
Use the Installation tab of your live chat widget.

2) What channels can I install BoldDesk’s Live Chat widget on?
Websites, customer portals, and mobile apps (iOS & Android).

3) What installation methods are available for a BoldDesk Live Chat Widget?

• Code Snippets: Embeddable Code (JavaScript) or Iframe
• Web SDK (NPM): For programmatic control in web apps
• Mobile SDKs: iOS and Android

4) How do I add the Live Chat widget using Embeddable Code (JavaScript)?
Go to Installation → Code Snippets, copy Embeddable Code (JavaScript), and paste it right before the closing </body> tag on every page that should show chat.

5) When should I use the iframe code instead of the JS embed?
Use Iframe Code for CMS or fixed‑area embeds (e.g., blocks/sections) where adding a script tag isn’t convenient.

6) How do I embed the Live Chat widget using an iframe?
Go to Installation → Code Snippets, copy Iframe Code, and paste it where you want the widget to appear on the page.

Related Articles

• BoldDesk Live Chat Web SDK: Integrate & Control Chat Widget
• Embedding the BoldDesk Live Chat Widget in the Customer Portal