🔧 Development Environment

This demo connects to the NotiLane Dev API with real credentials. Posts are fetched from the actual dev server.

📋 Widget Configuration

days (1-30)
Enable article help icons (nl-article-aid)
(for tracking)
(optional)

📨 Send Message Configuration

Simulates host app integration: Configure recipients and channels for the Send Message dialog.

👥 Pre-configured Recipients

Add recipients here to pre-populate the Send Message dialog (as a developer would do by fetching from their business app database). Users can also add/remove recipients directly in the popup.

📢 Allowed Channels (Order matters)

Configure which channels to show in the Send Message popup and in which order. Drag to reorder, uncheck to hide.

🔧 Advanced Options (Debug)

Pre-configure hidden data for the Send Message popup. These values are sent to the API but not visible to users by default.

🔵 Article Help Icons Demo

Elements below have nl-article-aid attributes. Click the help icons (?) to fetch and display article content.
Note: Replace the External ID values with actual post External IDs from your lane.

🔔 Push Notifications

Get instant alerts when new posts are published.

Learn about our Terms of Service before proceeding.

⚠️ Testing Tips:
  • Create a post in NotiLane with an External ID (e.g., "help-username")
  • The widget fetches from: GET /lanes/{laneId}/posts/e/{externalId}
  • If the article doesn't exist, you'll see an error toast
  • Articles are fetched fresh each time (no caching)

NotiLane Dev API Demo

This demo connects to the NotiLane development server to fetch real notifications. Click the bell icon in the header to see posts from your configured lane. The widget will automatically authenticate and load posts.

Widget Controls

Console Output

[NotiLane] Dev API demo loaded