> For the complete documentation index, see [llms.txt](https://gramchat.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gramchat.gitbook.io/documentation/additional-configuration-options.md).

# 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

```markup
<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

```javascript
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

```javascript
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.&#x20;

{% hint style="info" %}
With your own javascript variables you can use gramchat on multilingual sites
{% endhint %}

```javascript
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

{% hint style="warning" %}
As we do the validation in the browser we need to be timezone independent. You have to define the times in UTC!
{% endhint %}

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