Want to boost your website’s engagement and connect with visitors instantly? Nimble's new Web Chat feature makes it easy to start real-time conversations that build lasting relationships.
Table of Contents:
Why Add Nimble Web Chat to your website?
Nimble Web Chat helps you connect with visitors the moment they need your support. It gives your visitors a quick way to ask questions, request help, or leave a message through a simple chat interface.
Your team can manage conversations live or respond later. With our customization options and an AI Autoresponder, you can tailor the experience to your workflow always making support more accessible and efficient. To learn more about the Nimble Web Chat feature, read our support article: Getting Started with Nimble Web Chat.
Embed Your Web Chat
To get the web chat embed code, follow these steps:
Click the specific Web Chat from your list of available chats.
At the top of the page, click Set up Instructions.
A dialog box will confirm your chat is created and provide the JavaScript code snippet to embed it on your website.
Finalize the setup by copying the provided JavaScript code and pasting the snippet into the HTML of every page where you want the chat to appear. A chat button will appear in the bottom corner of your website, allowing visitors to start a conversation with you at any time.
Integrating Nimble Web Chat With Popular Website Builders
You can embed Nimble Web Chat on platforms like Wix, Shopify, and Squarespace in just a few steps. The process is nearly the same for any web site that allows custom HTML.
Let’s walk through the setup using real examples.
Adding Nimble Web Chat to Wix
Open your Wix website editor and navigate to the page where you want to add the web chat. From there, take the following steps:
Click the ‘+’ (Add) button at the top left corner.
Select ‘Embed’ from the menu and choose ‘Embed HTML’ from the available options.
Copy your Nimble web chat embed code and paste it into the HTML settings window.
Click Update to preview the web chat.
Adding Nimble Web Chat to Squarespace
Here’s how to add Nimble Web Chat using Squarespace’s built-in Code Injection feature:
Log in to your Squarespace account and in the left menu click Pages.
Scroll down and select Code Injection.
Paste your Nimble Web Chat code into the Header field.
Save your changes to apply the chat widget site-wide.
Adding Nimble Web Chat to Shopify
Once you log into your Shopify admin dashboard, follow these steps:
Go to Online Store > Themes.
Find your active theme and click the three-dot menu next to Customize.
Select Edit code from the dropdown.
In the file list, locate and open theme.liquid.
Paste your Nimble Web Chat embed code just before the closing </body> tag at the bottom of the file.
Your Nimble Web Chat should now be active on your Shopify store.
You’re now ready to start receiving messages from your website visitors and managing chats directly in Nimble! To ensure you never miss an important message, learn how to manage your notifications in our support article: Customizing notifications for Nimble Web Chat.
For tips on how to make the most of these conversations, check out our support guide: Best Practices for Starting Conversations with Nimble Web Chats.
If you have any questions, please write us at care@nimble.com, initiate a chat from this FAQ, or join one of our Nimble Onboarding and Best Practices sessions, held every weekday at 9 AM PT.