urn:noticeable:projects:ZW6TLvP70GfMDgy9dHEXProduct Updates Updatesnoticeable.io2023-09-28T10:47:55.521ZCopyright © Product UpdatesNoticeablehttps://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/newspages/I3gYtxSzjbXhWRWf7pzj/01h55ta3gsvf42tzj4tkj42ce2-header-logo.pnghttps://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/newspages/I3gYtxSzjbXhWRWf7pzj/01h55ta3gsvf42tzj4tkj42ce2-header-logo.png#183bffurn:noticeable:publications:ehi1Ob7Roimm8W4FgZNX2023-09-27T23:17:04.260Z2023-09-28T10:47:55.521ZEnd User Authentication for WidgetsWe’re excited to introduce end user authentication with Noticeable widgets. End user authentication is a feature you can optionally integrate to verify the identities of your end users. This ensures that when end users engage with widgets,<p>We’re excited to introduce end user authentication with Noticeable widgets.</p><p>End user authentication is a feature you can optionally integrate to verify the identities of your end users. This ensures that when end users engage with widgets, such as commenting, their identity is confirmed and secure from impersonation.</p><h2>How does it function?</h2><p>Noticeable employs <em>Single Sign-On</em> (SSO) tokens for this authentication process:</p><ol><li><p>On your server(s) side, you create an SSO token for each end user (using a secret we share).</p></li><li><p>You pass this SSO token with our Javascript SDK before rendering any widget.</p></li><li><p>Voilà! Your end user's identity is now securely authenticated with Noticeable widgets.</p></li></ol><p><span style="text-decoration: underline">Note</span>: While it's still possible to pass end user traits using our Javascript SDK as outlined in our <a href="https://help.noticeable.io/en-us/article/end-user-identification-64wjm/?utm_source=noticeable&amp;utm_campaign=zw6tlvp70gfmdgy9dhex.end-user-authentication-for-widgets&amp;utm_content=publication+link&amp;utm_id=ZW6TLvP70GfMDgy9dHEX.I3gYtxSzjbXhWRWf7pzj.ehi1Ob7Roimm8W4FgZNX&amp;utm_medium=newspage" rel="noopener nofollow" target="_blank">various identification methods</a>, this approach is no longer recommended.</p>Laurent Pellegrino[email protected]urn:noticeable:publications:SwjILGFIT1huA1r8QfBU2021-10-06T12:00:00Z2022-01-19T22:00:46.965ZModal WidgetWe did it! You now have access to a whole new type of widget: the modal one. Using a modal widget, you can announce your product changes or deals in front of your users. In contrary to the popup or top banner widget, full publications<p>We did it! You now have access to a whole new type of widget: the modal one.</p><p>Using a modal widget, you can announce your product changes or deals in front of your users. In contrary to the <em>popup</em> or <em>top banner</em> widget, full publications content is displayed when the widget is opened.</p><p></p><figure><img src="https://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/publications/SwjILGFIT1huA1r8QfBU/01h55ta3gsst5qkbzn0eekk189-image.png" alt="" loading="lazy" title=""></figure><p></p><p>As a trigger to open a <em>modal</em> widget you can select among the ones we already propose with other widgets: <code>custom</code>, <code>floating button</code>, <code>icon</code>, <code>text + badge</code>, or <code>none</code>.</p><p>If you prefer to use no triggers and automatically open a modal widget when you publish a new publication, that’s possible. To do so, while editing a publication on step 2, “Options”, enable the switch option “Automatically open widgets when the publication is new”:</p><p></p><figure><img src="https://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/publications/SwjILGFIT1huA1r8QfBU/01h55ta3gs5byvheekx6p2jfgt-image.png" alt="" loading="lazy" title=""></figure><p></p>Laurent Pellegrino[email protected]urn:noticeable:publications:Afgw72Dvsgg0gDg3lnjL2021-06-30T13:41:00Z2021-08-24T11:56:27.326ZTop Banner WidgetGreat news! We’ve released a new widget. The new Top Banner widget allows you to tell people about your latest updates, promotions, discounts, maintenances or even keep users updated about ongoing issues. As with other widgets, you can<p>Great news! We’ve released a new widget.</p><p>The new <em>Top Banner</em> widget allows you to tell people about your latest updates, promotions, discounts, maintenances or even keep users updated about ongoing issues.</p><p></p><figure><img src="https://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/publications/Afgw72Dvsgg0gDg3lnjL/01h55ta3gspdbw7tqx9h5m4s36-image.png" alt="" loading="lazy" title=""></figure><br>As with other widgets, you can configure the style and behavior of the Top Banner widget directly from our live editor without coding knowledge. More than 40 properties are configurable!<p></p><p>The widget layout is quite flexible in the sense that you can either set a title, title + description, <em>Call-To-Action</em> (CTA), and even include a countdown to promote limited offers. Metrics such as the number of views and CTA clicks are also collected.</p>Laurent Pellegrino[email protected]urn:noticeable:publications:VHTEZ5FSEuXP6wy0QOs42018-09-17T14:00:00.001Z2020-09-15T14:55:04.315ZUser Feedback 📣Last week we announced Emoji Reactions. Today, we are excited to introduce User Feedback! This new feature allows your users to send you feedback by commenting on a post, directly from your Widget or Timeline. Comments are hidden...<p>Last week we announced <a href="https://updates.noticeable.io/posts/emoji-reactions-a-new-way-to-engage?utm_source=noticeable&amp;utm_campaign=zw6tlvp70gfmdgy9dhex.user-feedback&amp;utm_content=publication+link&amp;utm_id=ZW6TLvP70GfMDgy9dHEX.I3gYtxSzjbXhWRWf7pzj.VHTEZ5FSEuXP6wy0QOs4&amp;utm_medium=newspage" target="_blank" rel="noopener">Emoji Reactions</a>. Today, we are excited to introduce <em>User Feedback</em>!</p> <p>This new feature allows your users to send you feedback by commenting on a post, directly from your <em>Widget</em> or <em>Timeline</em>. Comments are hidden, meaning users won’t be able to see others’ comments. Only your team and you are able to read messages and get users information.</p> <h1>How does it work?</h1> <p>User feedback is available with the <a href="https://noticeable.io/account/billing/?utm_source=noticeable&amp;utm_campaign=zw6tlvp70gfmdgy9dhex.user-feedback&amp;utm_content=publication+link&amp;utm_id=ZW6TLvP70GfMDgy9dHEX.I3gYtxSzjbXhWRWf7pzj.VHTEZ5FSEuXP6wy0QOs4&amp;utm_medium=newspage" target="_blank" rel="noopener">Business plan</a>. When creating a post, check the new <em>User feedback</em> option to enable the comment input below the post shown to users.</p> <p>On your project dashboard, each post displays a feedback icon that summarizes the number of comments you received. Upon click, you can read the messages and get detailed information about the user who submitted the feedback:</p> <p><img src="https://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/publications/VHTEZ5FSEuXP6wy0QOs4/01h55ta3gs14bp11s7626s7er7-image.png" alt="User Feedback"></p> <p>By default, comments are anonymous. You can automatically link users name and email with comments sent from the Widget by using our SDK. Read the <a href="https://help.noticeable.io/features/user-feedback?utm_source=noticeable&amp;utm_campaign=zw6tlvp70gfmdgy9dhex.user-feedback&amp;utm_content=publication+link&amp;utm_id=ZW6TLvP70GfMDgy9dHEX.I3gYtxSzjbXhWRWf7pzj.VHTEZ5FSEuXP6wy0QOs4&amp;utm_medium=newspage#linking-user-data" target="_blank" rel="noopener">installation guide</a> for more information.</p> Laurent Pellegrino[email protected]urn:noticeable:publications:Yq3zTakml21ycusfdhu42018-09-10T11:00:00.001Z2018-09-10T13:50:24.009ZEmoji Reactions 🙂Today, we have a big update to share: Emoji Reactions. They are a fun, low-effort means for users to engage on updates and for you to better understand what people think. Why Emoji Reactions? Getting people to actively participate is...<p>Today, we have a big update to share: Emoji Reactions. They are a fun, low-effort means for users to engage on updates and for you to better understand what people think.</p> <h1>Why Emoji Reactions?</h1> <p>Getting people to actively participate is key to developing stronger relationships. Users who engage consume, on average, 4 times as much content compared to passive users. Converting more passive users to active participants means more time on site, direct traffic, and audience loyalty.</p> <h1>How is it working?</h1> <p>Emoji Reactions are available with the <a href="https://noticeable.io/account/billing/plans?utm_source=noticeable&amp;utm_campaign=zw6tlvp70gfmdgy9dhex.emoji-reactions-a-new-way-to-engage&amp;utm_content=publication+link&amp;utm_id=ZW6TLvP70GfMDgy9dHEX.I3gYtxSzjbXhWRWf7pzj.Yq3zTakml21ycusfdhu4&amp;utm_medium=newspage" target="_blank"><em>Business</em></a> and <a href="https://noticeable.io/account/billing/plans?utm_source=noticeable&amp;utm_campaign=zw6tlvp70gfmdgy9dhex.emoji-reactions-a-new-way-to-engage&amp;utm_content=publication+link&amp;utm_id=ZW6TLvP70GfMDgy9dHEX.I3gYtxSzjbXhWRWf7pzj.Yq3zTakml21ycusfdhu4&amp;utm_medium=newspage" target="_blank"><em>Enterprise</em></a> plans right now. When you create/edit a post, you have a new option to enable/disable reactions. Upon publications, users can share their feeling about your update in just one click. Statistics are aggregated over time and made visible per post in your dashboard to analyze performances:</p> <p><img src="https://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/publications/Yq3zTakml21ycusfdhu4/01h55ta3gs7hnf2h6edypann9a-image.png" alt="Screenshot from 2018-09-10 12-48-05.png"></p> <h1>What do you think?</h1> <p>As you probably guessed, the Emoji Reactions feature is enabled for this post. Be sure to react to let us know what you think. If you have ideas or feedback, let us know by leaving a comment below.</p> Laurent Pellegrino[email protected]urn:noticeable:publications:xuQ9AqHIWrPZ8WUOG5zH2018-04-25T12:00:00.001Z2018-09-09T20:46:52.876ZMultiple widget updates 🚀We have made several improvements to the Widget: Its definition is smaller. Fewer data to fetch, less time to first display. The Widget is now speedier than ever 🗲 Setup instructions have been updated to reference a new script element...<p>We have made several improvements to the Widget:</p> <ol> <li><p>Its definition is smaller. Fewer data to fetch, less time to first display. The Widget is now speedier than ever 🗲</p></li> <li><p>Setup instructions have been updated to reference a new script element. Instead of 4 line of codes, a single is now required to import the Widget definition:</p> <pre><code><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">async</span> <span class="hljs-attr">defer</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.noticeable.io/v1/noticeable-widget.js"</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span> </code></pre> <p>The <code>async</code> and <code>defer</code> attributes guarantee the content is loaded in parallel and executed after your page is parsed, no matter where the import is placed in.</p> <p>Although we recommend switching to the new import script, old ones remain available but are deprecated.</p></li> <li><p>Unread posts displayed in the Widget popup now include a left border. This allows distinguishing unread messages from read ones:</p> <p></p><center><img src="https://storage.noticeable.io/projects/ZW6TLvP70GfMDgy9dHEX/publications/xuQ9AqHIWrPZ8WUOG5zH/01h55ta3gsp2xqhqbyhzsp75ev-image.png" alt="Noticeable Widget Updates"></center><p></p> <p>The color of the left border is based on the project accent color but can be changed programmatically. You can set it transparent to mimic the old style:</p> <pre><code class="hljs language-html"><span class="hljs-tag">&lt;<span class="hljs-name">custom-style</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">style</span>&gt;</span><span class="css"> <span class="hljs-selector-tag">noticeable-widget</span> { <span class="hljs-attribute">--noticeable-widget-popup-entry-unread-border-color</span>: transparent <span class="hljs-meta">!important</span>; } </span><span class="hljs-tag">&lt;/<span class="hljs-name">style</span>&gt;</span> <span class="hljs-tag">&lt;/<span class="hljs-name">custom-style</span>&gt;</span> </code></pre></li> <li><p>Widget but also Timeline code snippets are rendered with the <a href="https://github.com/atom/one-dark-syntax?utm_source=noticeable&amp;utm_campaign=zw6tlvp70gfmdgy9dhex.widget-updates&amp;utm_content=publication+link&amp;utm_id=ZW6TLvP70GfMDgy9dHEX.I3gYtxSzjbXhWRWf7pzj.xuQ9AqHIWrPZ8WUOG5zH&amp;utm_medium=newspage" target="_blank" rel="noopener">Atom One Dark</a> style to improve readability.</p></li> </ol> Laurent Pellegrino[email protected]