#

Alert Icon

Alert

Boost user engagement with eye-catching, personalized alert notifications.

DOWNLOAD

The Solodev Alert Module effortlessly manage and display alerts on your website. Customize messages to match your needs and make sure your audience never misses an important update.

  • Create and manage alerts with ease - Set up alerts quickly through an intuitive module. Easily update or remove messages as your needs change.

  • Fully customizable display and behavior - Control exactly when alerts appear and how long they stay visible. Tailor the experience to suit different types of messages and user needs.

  • Keep your users informed in real-time - Make sure visitors never miss important updates, announcements, or warnings. Whether it’s system maintenance or promotional messages, deliver them instantly and reliably.

# Prerequisites

# Step-by-Step Setup Guide

These steps will guide you through the process of installing the Alert Module and getting it live on your page.

  1. Navigate to Modules
  • In your CMS dashboard, click Modules in the left navigation menu
  • Click the Add Module button
  1. Add the module
  • Give your alert module a name
  • Select from the three options:
    • Datatable: Creates a simple data table structure
    • Module: Builds a custom module from scratch
    • Package: Installs a pre-built module from a zip file
  • For the purpose of this tutorial, select Package: and use this zip file .
  • Click Submit.
Add Alert
  1. Navigate to web files > content and create a new code file in your desired location.

  2. Add the alert code using the example template provided below.

alert-bar.tpl
[repeater id="" limit="0,1" display_type="news"]
  <div class="text-center bg-primary py-2">
    <div class="container">
      [is_set value="{{alert_link}}"]
        [cond type="is" subject="{{alert_link_external}}" value="1"]
          <a href="{{alert_link}}" class="text-white" target="_blank" rel="noopener noreferrer">{{event_title}}</a>
        [/cond]
        [cond type="is_not" subject="{{alert_link_external}}" value="1"]
          <a href="{{alert_link}}" class="text-white">{{event_title}}</a>
        [/cond]
      [/is_set]
      
      [is_empty value="{{alert_link}}"]
        <span class="text-white">{{event_title}}</span>
      [/is_empty]
    </div>
  </div>
[/repeater]
  1. Open your homepage index.stml or the desired page where you want to add the alert bar.

  2. Insert your alert-bar file into the page.

  3. Click Publish.

  1. Go to your website and refresh the page to see your alert bar in action.
Alert Bar on Page

# Support

Support for Alert Module is handled directly through Solodev's global help desk. For more information regarding support queries, go to www.solodev.com.