The MegaTech template has custom notification bar triggers. You can control when and how they appear. These advanced features, using custom JavaScript, go beyond what Webflow offers. Features like 'post-delay' and 'global cooldown' help create more targeted and effective notification bars. This guide will show you how to use and customize these in your Webflow project.

notification-bar-1.png

Benefits of custom notification bar triggers

Using custom notification bar triggers has several advantages for your Webflow site:

  1. Advanced timing control: Set specific delays and cooldown periods to control when the notification bar appears and reappears to users.
  2. Improved user experience: Prevent notification bar fatigue by limiting how frequently the bar appears to each individual visitor.
  3. Customizable animation: Modify the notification bar animation using JavaScript and CSS transitions to create engaging and eye-catching effects.
  4. Easy integration: Use the pre-built notification bar code in your MegaTech template for easy setup without much custom coding.
  5. Flexibility: Combine multiple triggers to create complex notification bar behaviors that align with your website's goals and user engagement strategies.

Locating the notification bar code

The notification bar code is in your MegaTech template. Find it in the 'custom code' section of your project settings:

  1. Go to the Project Settings
  2. Navigate to the 'Custom Code' tab
  3. Look for the 'Before </body> tag' section
  4. The Notification Bar code will be visible here

notification-bars-2.png