Additional configuration options

gramchat gives you configuration options to customize it perfectly to your business

You set all this configuration options in the gramchat init

<script>window.onload = function () {
      gram = window.Gram.initialize({
        apiKey: "[API KEY]",
        locales: {
          title: "[Chat Window Name]",
          name: "[Chat Agent Name]"
        },
        HERE WE ADD THE CONFIGURATION OPTIONS
      });
    }
</script>

Styling

Position

Set the side where you want gramchat to be shown

position: "right" //right & left are available

Color

You can change the hero color (in the standard case blue) to any color you like and that fits your business best

heroColor: "dodgerblue" //any css color encoding is valid here

Localization

All the strings that are used in gramchat are 100% exchangable. Translate them to any language you and your customers like the best.

With your own javascript variables you can use gramchat on multilingual sites

locales: {
        title: "[Chat Window Name]",
        name: "[Chat Agent Name]",
        errors:{
            couldNotSend: "Could not send message!",
            couldNotPull: "No connection to server!"
        }
}

Active hours

Set the schedule when gramchat should be shown on your website for preventing messages during your sleeping hours

As we do the validation in the browser we need to be timezone independent. You have to define the times in UTC!

options: {
        activeHours: ['7:00', '20:00']
}