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.

Contents

This document contains help guides for two version of Drupal

  • Version 7
  • Version 6

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:

    Your Olark install 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

  8. Celebrate!

Drupal 6

  1. Log into your Drupal administration pages

  2. Before you can paste in the Olark code, you have to create a new input format to make sure none of it gets filtered out.

  3. Under Site Configuration, choose Input formats

  4. Select Add input format at the top

    Add input format image

  5. Give the new input format a name. Any name will do, but if you’re not feeling creative right now, “Javascript” works as well as any.

    Add a name for input format

  6. Then uncheck all of the checkboxes so that only administrators can use this input format, and there are no filters on it.

    Image of all unchecked boxes

  7. When you’re done, click Save configuration at the bottom and go back to the Administer page.

  8. Add a new block

    Add a new block button

  9. Copy your Olark JavaScript code:

    Your Olark install code
  10. Paste your code into the block and make sure the input type is set to the new input format your just created (probably “Javascript”)

    Paste your code in the block body

  11. Save the block

    Image of a save button

  12. Find you new block and place it in the "Footer"

    Drop down menu with footer selected

  13. Save your blocks

    Image of save button

  14. Celebrate!