Integration

Here you’ll find guides on how to connect Navi+ with other apps (like Chat tools, Loyalty, etc.). You can add them as menu items, open apps directly from Navi+, and make sure everything works together smoothly without overlapping on your site.

Chat tools

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

---

Don’t see it in the list?

Feel free to send me your integration request. I’m glad to help, and it also supports Navi+’s growth.