Noticeable Widget rendering with custom settings based on conditions

noticeable.js

const labelId = '83e6Z7u9rW83elan09Nx'
const widgetId = 'iTyk3i4j5sECMquDZLgP'

noticeable.on('widget:ready', widgetId, async function(event) {
    const publications = event.detail.publications
    if (publications.length > 0) {
        if (publications[0].labels.includes(labelId)) {
          const widgetOptions = {
                backgroundColor: '#ff0000',
                backgroundColorHover: 'darkred',
          };
          await window.noticeable.set('widget:widget_view:settings', widgetId, widgetOptions)
        }
    }
})

noticeable.render('widget', widgetId);

Note that widget options depend on the widget view used (top banner, modal, etc.). They are not documented yet, but I’ll be happy to assist if needed. All settings you can change in the live editor are also available for real-time updates.

Thanks, this is helpful. I'll try that.