NanoLog Docs
Dashboard

NanoLog Quickstart

Welcome to NanoLog! This guide will help you integrate the NanoLog changelog and feedback widget into your website in less than 5 minutes.

1. Get Your App ID

Before you can embed the widget, you need an App ID.

  1. Sign in to your NanoLog dashboard.
  2. If you haven't already, create a new Project.
  3. Navigate to Widget Appearance > Configurator.
  4. Copy the unique App ID provided in the embed snippet.

2. Add the Script Tag

Add the following <script> tag to the <head> or just before the closing </body> tag of your website.

<script src="https://nanolog.co/widget.js" async></script>

Note: If you are developing locally, make sure to enable "Allow Localhost Testing" in the Advanced Settings, otherwise the widget will refuse to load!

3. Initialize the Widget

Once the script is loaded, you can initialize the widget by calling NanoLog.init() with your appId.

window.NanoLog.init({
  appId: "YOUR_APP_ID_HERE",
  // Optional: Context data for segmentation
  context: {
    plan: "pro",
    userId: "12345"
  }
});

Next Steps

Now that your widget is live, you can start publishing updates!