Chat tools

Live Chat, Messaging & Help Desk

Shopify Inbox

Syntax: open:Inbox

Open chat box of Shopify Inbox and hide the default float button (FAB) to save space.

Tidi

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