You can customize text for your chatbox using basic HTML in the following sections of the live chat widget.

  1. Online Welcome Message
  2. Pre-Chat Welcome Message
  3. Offline Message/Offline Thank You Message

If a section allows for HTML, you’ll see the following.

Screen Shot 2020-02-05 at 2.41.14 PM

For security reasons, we only allow certain HTML tags and attributes to be used. Other HTML tags will be stripped from your text.

You can use the following block elements in your Olark text settings.

  • <div>
  • <p>
  • <br>
  • <ul>
  • <ol>
  • <li>

You may also use these inline elements in order to style your text.

  • <a>
  • <strong>
  • <u>
  • <span>

For each tag, the following HTML attributes may be used. These are mostly related to the <a> tag.

  • href
  • title
  • alt
  • src
  • target

An example of correct formatting would be: <a href="https://www.website.com "> Text as you’d like it to appear here </a> (without any spaces) Our example Offline Message uses the following formatting: Sorry we are unavailable right now - please fill out this form for an email reply, or search our <a href="https://www.olark.com/help ">Help Center</a> for immediate answers.

For the target attribute, the only accepted value is _blank. This forces links to open in a new window when clicked.

It’s worth noting that the ID and class attributes cannot be added to any of the HTML tags.

Was this article helpful?