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']
}
​

Setup

Frontend Javascript API

Last updated 1 year ago