Learn how to integrate Olark with Drupal, the free software that allows you to easily organize, manage and publish your content, with many customization options.


This document contains help guides for three versions of Drupal

  • Version 8 & 9
  • Version 7 (Note: Drupal 7 will reach end-of-life in November of 2022)

Drupal 8 & 9

  1. From your Drupal admin panel, click on: Configuration > Text formats & editors > (+ Add text formats)

Creating unfiltered text format

  1. Create a new format and name it something like, “Unfiltered”. Make sure all filters are disabled and then save.

Drupal - Unfiltered text format

  1. From the top of the page, navigate through: Manage > Structure > Block Layout > Custom block library > (+ Add custom block)

Making a custom block in Drupal, for the Olark widget

  1. Enter in, “Olark” for your Block description, and then copy and paste your Olark installation code into the Body section. Be sure to double check that your 13-digit Olark Site ID is entered in the end of your Olark code when pasting it into the body. Click Save to finish.

Custom Olark Block

Drupal 7

  1. Log into your Drupal admin and go to Configuration > Content Authoring > Text Formats

    Text format menu item

  2. Create a new format and name it something like “Unfiltered”. Make sure all filters are disabled and then save.

    Make a new format

  3. Go to Structure > Block and then Add Block

    Image of block menu item

    Image of add block button

  4. Create your block and call it “Olark”.

    Image of a new drupal block

  5. In the block body place your Olark Code:

    Log in and copy your Olark embed code.

  6. Change the Text Format to the new Unfiltered type you created then hit save

  7. Enable the Olark block by moving it to the footer and hit save

    Drop down menu with footer selected

Was this article helpful?