Embed Navi+ on theme

If you want to embed Navi+ on your current theme (for example, when your site is still under construction or protected), just click the button below.

{html}<a style="max-width: 500px;" class="btn btn-primary btn-md shopify-btn-primary" href="javascript:gotoActiveEmbed('VARSHOPURL')">EMBED NAVI+ ON CURRENT THEME</a>{endhtml}

If you’re embedding Navi+ on a testing theme, please follow the steps below.

1. Turn on Navi+ on App Embeds

Step 1: Click Online Store, then click Themes. Tips: Right-click on Online Store and select “Open Link in New Tab” to save time.

Step 2: Select the theme where you want to publish the menu.

Click: Customize

• If your website is new and has no users yet, feel free to publish the menu without worry—you can easily turn it on or off at any time without affecting visitors.

• If your website already has regular traffic, be more careful. The best practice is to create a duplicate Theme and test Navi+ on that version first.

Step 3: Go to App embeds, find “Navi+ on All pages”, and turn it on.

Step 4: Don’t forget to click “Save” to apply the changes.

After these 4 steps, Navi+ has been installed on your website and is ready to display. However, the process is not yet complete. Go back to the Navi+ app tab to actually turn on Publish Menu.

2. Select display settings and publish the menu.

Step 1: Click the Publish to website button.

Step 2: Choose display settings then PUBLISH THE MENU.