Customize your notifications widget appearance and generate embed code
Hover Scale: 1
Embed Code
<script src="https://your-domain.com/js/notifications-widget.js"></script> <legion-notifications user-id="YOUR_USER_ID" api-key="YOUR_API_KEY"> </legion-notifications>
Step 1: Add the script to your site header
<script src="https://your-domain.com/js/notifications-widget.js"></script>
Step 2: Add the widget where you want it to appear
<legion-notifications user-id="YOUR_USER_ID" api-key="YOUR_API_KEY"> </legion-notifications>
user-id
User ID for notifications
api-key
API key for authentication
theme
light | dark
max-notifications
Number of notifications (1-50)
auto-refresh
true | false
notif-primary-color
Primary accent color
notif-border-radius
Container border radius
notif-item-radius
Notification item radius