Usage¶

Add the template tag code into your base template before the body tag.

At the top of the page put this:

{% load intercom %}

At the bottom of the page before the </body> tag put this:

{% intercom_tag %}

Enable Secure Mode¶

This is optional, if it isn’t set, then you will not use secure mode.

If you want to turn on secure mode, you can add INTERCOM_SECURE_KEY to your settings.py with the private key you can get from your intercom->app->security page.

in settings.py:

INTERCOM_SECURE_KEY = "your security_code"

You will need to look in the code samples to find the security key.

You will also need to make sure you check the “Enable secure mode” check box on the security page before this will work correctly.

Intercom Inbox¶

Intercom has the ability to add an inbox link to your app so that people can contact you, and for you to let them know when they have a message waiting. If you would like to use these features you need to do the following.

Add the intercom css id to any inline element containing text, for example:
```
<a id="Intercom" href="#">Support</a>
```
Add the appropriate CSS to your style sheet.

No Icon:

#Intercom {
  display: inline-block;
  text-decoration: underline;
  padding: 0;
}

White Envelope (white text on black background):

#Intercom {
  display: inline-block;
  text-decoration: underline;
  padding: 0 0 0 24px;
  background: transparent url(https://www.intercom.io/images/white_env.png) no-repeat left center;
}

Black Envelope (black text on white/grey background):

#Intercom {
  display: inline-block;
  text-decoration: underline;
  padding: 0 0 0 24px;
  background: transparent url(https://www.intercom.io/images/black_env.png) no-repeat left center;
}

If you want to show the unread message count then also add the following:

#Intercom em {
  display: inline-block;
  font-style: normal;
  text-decoration: underline;
}

Configure your settings. Add the following to your django settings if you would like to change the defaults.

INTERCOM_ENABLE_INBOX

Default: True

In settings.py:

INTERCOM_ENABLE_INBOX = True

INTERCOM_ENABLE_INBOX_COUNTER

Default: True

In settings.py:

INTERCOM_ENABLE_INBOX_COUNTER = True

INTERCOM_INBOX_CSS_SELECTOR

Default: ‘#Intercom’

In settings.py:

INTERCOM_INBOX_CSS_SELECTOR = '#Intercom'

Custom Data¶

Intercom.io allows you to send them your own custom data, django-intercom makes this easy. All you need to do it create a Class with a custom_data method that accepts a Django User model as an argument and returns a dictionary. Here is an example:

from thepostman.models import message

class IntercomCustomData:
    """ Custom data class located anywhere in your project
        This one is located in thepostman/utils/custom_data.py """

    def custom_data(self, user):
        """ Required method, same name and only accepts one attribute (django User model) """

        num_messages = message.objects.filter(user=user).count()
        num_unread = messages.objects.filter(user=user, read=False).count()

        return {
            'num_messages' : num_messages,
            'num_unread' : num_unread,
        }

Once you have your classes built, you will need to register them with django-intercom so that it knows where to find them. You do this by adding the class to the INTERCOM_CUSTOM_DATA_CLASSES setting. It is important to note that if you have the same dict key returned in more then one Custom Data Class the last class that is run (lower in the list) will overwrite the previous ones.

INTERCOM_CUSTOM_DATA_CLASSES

Default = None

in settings.py:

INTERCOM_CUSTOM_DATA_CLASSES = [
    'thepostman.utils.custom_data.IntercomCustomData',
]