Tidi chat

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

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

// Add a javascript function

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

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

// 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;");
  });
}

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

Last updated