Anchored Modal
This engagement template is available for every Flywheel user to modify and update to their brand language and purposes. It has been created using Flywheel's Engagements editor experience. Learn more about Engagements.
In our other Spotify template, Spotify is announcing a brand-new feature. This modal is slightly different. It is:
Used on Desktop, rather than Mobile
Showing off existing features to users who haven't yet tried them
Anchored to a specific page element, in this case the Shuffle button
We think this modal is effective for an number of reasons. First, it's quite small but still punchy due to the bright blue color. The blue is a very Spotify color, standing out. Second, it highlights a functionality at the right time — exactly when I'm looking to play a playlist. Right time, right place.
Finally, this modal can be dismissed by either 1. Clicking the Shuffle button, or 2. Dismissing the modal. Offering multiple ways to remove a modal is a great choice. Every modal introduces user friction, so finding ways to lessen that friction is important.
Take this template and use it to show off features in your own app! Adjust the color to your brand, change the language, and provide the element ID you want this modal to show up next to.