AnnounceKit Widgets and Features
One of the key features of AnnounceKit is its fully customizable widgets, which can be embedded on your website or app to display your announcements and gather feedback.
AnnounceKit widgets allow you to choose from a variety of designs, fonts, and colors to match your branding. Additionally, you can add custom CSS to further customize the appearance. This means that the widget can be seamlessly integrated into any website or app, making it look like a natural part of it's interface.
The widget includes an attention-grabbing element called Launcher that increases the visibility of your widget. They are small elements displayed on your page that will launch your widget upon clicking on it.
In addition to tracking user interactions, AnnounceKit widgets can also be customized with specific API codes.
How to create and set up a widget?
1) Creating a Widget with AnnounceKit is super easy!
Go to Settings, then Widgets, and click on 'Create New'
2) You'll be greeted with a page where you'll have multiple stylings of Widgets to create from, as well as many customization options.
You can select from:
Sidebar
Popup
Modal
Embed
Direct Link
For all of the Widgets, you can change the following;
Content Type to include Full Posts or Post Summaries inside of widgets
Accent Color
Collapse Long Posts
Override Title
Hide Search Input, Subscriptions, Reactions and Feedback from widgets
Set up the Auto Reload time for the widgets.
Furthermore, you have two options regarding Roadmap, but these are covered more in our Roadmap article.
3) Scroll down to Launchers to choose an element to launch your widgets
These highly customizable small elements will launch Widgets upon clicking.
You can select from:
Badge
Float
Drawer
Line
Custom Implementation
You can also customize your launchers as you wish. You can change:
The badge animation to none, pulse or shake.
The badge to smaller badge without an unread number indicator
The color of the badge
The visibility of the badge after all read
The position of your float badge
The icon of your float badge
4) Implement your Widget
After creating your Widget, you'll be given an HTML and JavaScript code for you to implement them to your app or web-page.
For further (more technical) setup instructions, please follow our Widget Installation guide
For detailed information on how to customize the look and feel of your widget, see Widget Customization.