Sorry, we don't support your browser.  Install a modern browser

Website widget

We built an embeddable widget you can integrate seamlessly into your website and log in to with Single Sign-On (SSO), eliminating the need for your existing users to sign in to Nolt to leave feedback. Our Single Sign-On mechanism means it’s easier than ever for your users to leave feedback and for you to know whom it’s coming from, if you should choose to.

Option 1: Feedback button

This is the easiest way to integrate Nolt into your website. Copy and paste the following code into the HTML of your website wherever you would like the button to appear and replace with your board URL.

<a data-nolt="button" href="">Feedback</a>
<script async src=""></script>

Option 2: Initialize the Nolt modal manually

Paste this snippet before your </body> tag of your website. Replace the CSS selector placeholder so that it targets the element that should open the modal.

<!-- Nolt library -->
<script async src=""></script>
<script>window.noltQueue=window.noltQueue||[];function nolt(){noltQueue.push(arguments)}</script>

  nolt('init', { 
    url: '', 
    selector: '.YOUR-CSS-SELECTOR'

Identify your users (optional)

Using Single Sign-On, your existing users can automatically be authenticated to your Nolt widget. This provides a seamless experience for them while informing you who is posting and voting on your board. Learn more

<!-- Nolt library -->
<script async src=""></script>
<script>window.noltQueue=window.noltQueue||[];function nolt(){noltQueue.push(arguments)}</script>
  nolt('identify', { 


import React, { Component } from "react";
import Script from "react-load-script";

const SDK_URL = "";
const BOARD_URL = "";
const JWT = "eyJhbGciOiJ...";

class NoltWidget extends Component {
  handleScriptCreate() {
    console.log("script created");

  handleScriptError() {
    console.log("script error");

  handleScriptLoad() {
    console.log("script loaded");
    const { nolt } = window;

    // Option 1:
    // Render an <a data-nolt="modal" /> element

    // Option 2:
    nolt("init", { selector: ".my-css-selector", url: BOARD_URL });

    // Single Sign-On
    nolt("identify", { jwt: JWT });

  render() {
    return (
        <a data-nolt="modal" href={BOARD_URL}>
          Feedback (option 1)

        <button className="my-css-selector">
          Feedback (option 2)


export default NoltWidget;
ElectronNolt widgets are currently not supported in Electron apps. Please use a regular link to open your Nolt board in the browser.