The LaunchNotes embedded widget integrates product updates seamlessly into your website or app. It can be set up as an inline element or a popup drawer, with an optional unread indicator to capture user attention.
Installing the LaunchNotes embedded widget on your website or app
There are two steps to install the embed:
Copy and paste add the code from the management portal just before the closing
</body>tagAdd
data-target="ln-embed"as an attribute to the HTML element that should trigger the popup or be filled with the inline embed.
Detailed instructions
In your LaunchNotes Management portal, go to Settings → API, Embed & RSS → Embed.
Configure the Title and Subtitle for your embed, and click Save
Click Copy code for the pop-up or inline embed (note: the codes are different).
For the pop-up embed, paste the code at the bottom of the html
<body></body>section of your page or app.Add or update the element that will trigger the embed by including
data-target="ln-embed"in its attributes. This element will also display the unread indicator.Optionally, update
anonymous-user-id="YOUR_ANON_ID"with a unique identifier for each user, such as their primary key ID or email address. For added security, consider hashing this value before use.**
For the inline embed, paste the code into the
<body>section of your page or app where you want the embedded widget to display.
The embedded widget reflects the content from your audience page, including announcements, roadmap items, and ideas. Clicking on items in the embed will open them in a new tab on the audience page. If the page is secured, visitors may need to authenticate..
**This unique user identifier is used to determine whether or not there is an unread announcement for the viewer. This property is required for the unread indicator to work. This can be something like the user's primary key ID, email address, or some other non-changing value. For additional security feel free to hash this value before sending.