How can we help you?

Adding a chat widget to your pages can help you increase the conversion rate. If your product is more complicated, you can use a chat widget to keep your visitors on the page if they need additional information.

You can use any third-party provider that can set this up with custom code, in most cases all you have to do is to paste the code snippet in the page’s Settings, HTML/CSS/JavaScript, as instructed by the chat widget provider.

In this article, we are going to use Olark as an example. Adding an Olark chat widget on your page is a few simple steps setup:

1. Sign in your Olark account here;

2. Once you are logged into Olark go to the install page;

3. On the install page, make sure you selected “I will” for “Who will be installing Olark?”. Then, copy the code from “HTML setup”;

4. Go to the Instapage landing page on which you wish to install the chat widget and paste the code in Settings, HTML/CSS, in the Body section;

5. On the live page, you can see the “Chat with us” button in the bottom right corner;

6. In the Olark dashboard, click on “Launch Chat” in the top right corner, and that’s it.

When your visitors will click on the “Chat with us” button, you will appear as available if the Olark chat page is open, and when someone initiates a chat, you will be able to serve it from within the Olark chat page.

You can customize the chat experience for your visitors and the aspect of the chat widget in order to fit in with the design of your landing page. Check out the Olark JavaScript API for documentation.

Note: While we try to keep all of our instructional articles that involve third-party services up to date, sometimes they make changes to their platform of which we are not aware and, as a consequence, the user interface may differ from the provided screenshots.