Product Updates Updates

New Zapier Trigger

by Laurent Pellegrino, Founder & CEO
New
Integrations

Recently, the second version of our Zapier integration has been released. It enables new use cases via additional triggers and actions. Especially, post creations and editions are handled through 2 different events. We know this may require some tedious configurations to handle both events the same way.

We’ve listened to your feedback and are happy to say that a new Zapier trigger called "Post Created or Updated" has been added. It allows triggering a Zap when a post is created or updated and the “Forward to integrations” is enabled for that post.

Available triggers, actions and templates are explained on the next page:

https://zapier.com/apps/noticeable/integrations

Did you like this update?

LikeNeutralDislike

Markdown Keyboard Shortcuts

by Laurent Pellegrino, Founder & CEO
New

ezgif.com-optimize.gif

Writing Markdown is pretty quick right out of the box, but you can now speed it up even further by getting to know the keyboard shortcuts:

ResultMarkdownShortcut
Bold**text**Ctrl/⌘ + b
Emphasize*text*Ctrl/⌘ + i
Underline++text++Ctrl/⌘ + Alt + u
Strike-through~~text~~Ctrl/⌘ + Alt + t
Link[label](https://)Ctrl/⌘ + Alt + l
Inline Code`code`Ctrl/⌘ + Alt + c
Image![alt](https://)Ctrl/⌘ + m
Ordered List1. itemCtrl/⌘ + Alt + n
Bulleted List* itemCtrl/⌘ + Alt + b
Blockquote> quoteCtrl/⌘ + q

Read our Markdown formatting guide

Did you like this update?

LikeNeutralDislike

Custom CSS

by Laurent Pellegrino, Founder & CEO
New
Newspages

promo-custom-css.png

It is now possible to inject your own Cascading Style Sheets (CSS) in your project Timeline. You can even override Noticeable’s predefined styles.

The option is available right now with the Enterprise plan. Simply open your project Timeline configuration page, then click on the new "Custom CSS" option from the side bar:

Screenshot from 2018-07-12 14-52-35.png

Below are some usage examples:

  • Increasing the font size:
body {
    font-size: 120%;
}
  • Adding a colorful banner on top of your Timeline:
body {
    border-top: 5px solid $project-accent-color;
}
  • Making labels monochrome:
 .label {
    background-color: #777 !important;
}

Custom Favicons

by Laurent Pellegrino, Founder & CEO
New
Newspages

A favicon is a small graphic that appears to the left of the page title but also in bookmarks. Having an image related to your brand is for users a strong indicator that they came to the right place, which can be reassuring in a sense.

Furthermore, favicons save time to your users: when you look at a web page, your eyes notice an image before the text surrounding it.

Screenshot from 2018-06-27 13-35-08.png

Starting Today, we are happy to offer the possibility to set your own favicon per project Timeline. Existing projects have been updated to include a favicon based on their logo.

If your Timeline doesn't have a logo or favicon yet, be sure to upload one from your project configuration page.

Introducing Analytics 📈

by Laurent Pellegrino, Founder & CEO
New

Since last Monday, all projects are collecting metrics. This gives project owner and collaborators the opportunity to understand what posts are trendy.

promo-analytics.png

The metrics which are collected for now are mainly about the number of views. You can get the total number of views per post or project but also detailed information such as the number of views generated from the Timeline, the Widget or even the number of times the Widget was clicked.

Analytics provided per post can be displayed using different time scales (hourly, daily, weekly, monthly).

We're extremely excited to see how this helps you, and we hope you'll share your experiences with us.

Multiple widget updates 🚀

by Laurent Pellegrino, Founder & CEO
Announcement
Widgets

We have made several improvements to the Widget:

  1. Its definition is smaller. Fewer data to fetch, less time to first display. The Widget is now speedier than ever 🗲

  2. 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:

    <script async defer src="https://cdn.noticeable.io/v1/noticeable-widget.js"></script>
    

    The async and defer attributes guarantee the content is loaded in parallel and executed after your page is parsed, no matter where the import is placed in.

    Although we recommend switching to the new import script, old ones remain available but are deprecated.

  3. Unread posts displayed in the Widget popup now include a left border. This allows distinguishing unread messages from read ones:

    Noticeable Widget Updates

    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:

    <custom-style>
        <style>
            noticeable-widget {
                --noticeable-widget-popup-entry-unread-border-color: transparent !important;
            }
        </style>
    </custom-style>
    
  4. Widget but also Timeline code snippets are rendered with the Atom One Dark style to improve readability.

Share buttons 🔘

by Laurent Pellegrino, Founder & CEO
New

When you open a post in your Timeline, share buttons are displayed by default on the left. Until now, only 2 were available: Twitter and Facebook. Today, we have added LinkedIn!

share_buttons

Following the recent data privacy scandal with Facebook, we are happy to provide a new option in your Timeline configuration page that allows selecting which share buttons must appear.

Embeddable Noticeable timelines 📋

by Laurent Pellegrino, Founder & CEO
New

Noticeable Timelines centralize your product updates. Today, we have deployed a new version of the app that allows embedding Timelines in your own pages.

Any Noticeable Timeline can be embedded into a full page of your website, rather than hosting it on a subdomain. For this purpose, we allow serving Timeline content from an iframe.

Below is a link to a Github repository that provides an example:

https://github.com/noticeableapp/noticeable-timeline-iframe

Timelines also support some options via Query string parameters:

ParameterValueDescription
cachefalseLoad content from Noticeable servers bypassing caching layers. This ensures data freshness at the cost of higher response times.
footerfalseHide the Timeline footer.
headerfalseHide the Timeline header.

For instance, here is the official Noticeable Timeline with header and footer hidden:

https://updates.noticeable.io?footer=false&header=false

Importing posts from Headwayapp 💫

by Laurent Pellegrino, Founder & CEO
New

We are receiving more and more requests from people and companies who are interested in switching from Headwayapp to Noticeable. Is it also your case? As from Today, we provide a wizard for this purpose.

How is this new feature working?

  1. Open our Importation Wizard.
  2. Select a Noticeable project, then click on "Get started".
  3. Enter your Headwayapp changelog URL.
  4. Click on "Begin Import".

The importation is fully asynchronous. This means you can continue working on other tasks, and even close your browser, while posts are fetched and published on your Noticeable project.

You will receive an email once the importation is finished.