Provide 24/7 affordable customer service with AI-powered chat.
Connect to learn more

Using the Chatbox Inline

Inline Chatbox Instructions

You can set Olark inline by pasting a little extra JavaScript into your Olark code snippet.

Find the following in the Olark install code on your website:

  • / custom configuration goes here ( /

Paste the following code immediately afterward.

olark.configure('box.inline', true);

Add a DIV container where you want the chatbox to appear on your website. Give the DIV an id of "olark-box-container"

Olark will search your page for the DIV container and insert the chatbox there in place of having it float on the left or right bottom corner of your page.

When using the inline option, the widget will look exactly the same as it does when it is expanded on your website. The visitor cannot expand or shrink the chatbox when it is inline. You can configure the base design of your chatbox like the color scheme in your Design settings.

The chatbox will not display on mobile devices if you choose to implement the inline option.

Code and Display Example

This basic code example shows the chat box inside a wrapper with a header.

<div id="wrapper"><h1>Olark Live Chat</h1><div id="olark-box-container"></div></div>

This produces the example below.

Inline Chatbox Example

Important Notice: We’ll do our best to help with any questions you have. Setting Olark inline is intended to be self-service for developers, so we’re not able to write or debug your own code. Please also note that inline chatbox will not work on mobile devices if you choose this option.

Please provide the domain name where your Olark live chat is installed.
Include the relevant transcript URL, if possible. You can send us the specific URL from your Transcripts page.
If you see specific error messages, banners, warnings, notices, etc., please let us know here.
Max file size 10MB.
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received and you'll hear from us shortly!
Oops! Something went wrong while submitting the form.