> For the complete documentation index, see [llms.txt](https://help.shopifas.com/manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.shopifas.com/manual/integrations/tidi-chat.md).

# Tidi chat

Link: <https://www.tidio.com/>

### 1. Open the Tidi chat and use the Navi+ menu option to access this function

```javascript
// Add a javascript function

function openTidi() {
  tidioChatApi.display(true);
  tidioChatApi.open();
}
```

<figure><img src="/files/O4X8niulqbECopVdNgXS" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/TIaoVUKVrUmnsCJY7TRL" alt=""><figcaption></figcaption></figure>

### 2. Move the Tidi chat icon upward to prevent it from overlapping with the menu

```javascript
// Call the functions:
if (document.readyState === 'complete') {
  naviman.waitElementToAddStyle("#tidio-chat-root", "margin-bottom: 50px !important;");
} else {
  window.addEventListener('load', function () {
    navimanwaitElementToAddStyle("#tidio-chat-root", "margin-bottom: 50px !important;");
  });
}
```

<figure><img src="/files/gy53S1wknfJdlIZCAJPl" alt=""><figcaption></figcaption></figure>

Set a 50px offset to move the Tidi chat up or down, as needed