Learn how to correctly configure and use Client Notification for Lagom WHMCS Client Theme (opens new window). This extension allows you to display different types of notifications for your WHMCS clients, on selected pages in Lagom WHMCS Client Theme (opens new window).
Below is a description of columns shows in "Notifications" table.
Each of the notification can be easily exported, and then imported by clicking "Import" button. Learn more about Export/Import functionality.
By clicking "Add New" button, you will be redirected to configuration page to perform required configuration, and then save your new notification.
Define for what conditions specific notification should be shown for your clients in Lagom WHMCS Client Theme. By clicking on the "on/off" button in right side of each panel, you will be able to enable and configure specific filters, as shown in below video.
"Page Filters" allows to choose on what specific pages, this notification will be shown for your clients in Lagom WHMCS Client Theme.
"Client Filters" allows to choose for what clients, this notification should be shown in Lagom WHMCS Client Theme (opens new window).
"Services Filters" lets you to decide what services and its configuration need to be assigned to the client account. All filters in this group works ONLY for logged in client, and will NOT be applied for not logged in client.
"Configurable Options Filters" shows ONLY when "Service Filters" is enabled and "Service(s)" field has products which have configurable options assigned in your WHMCS product settings (opens new window).
List of fields in this filter depend on configurable option types assigned to specific product. Configurable options can be created and managed in WHMCS admin area (opens new window).
"Domain Filters" lets you to decide what domain and its configuration need to be assigned to the client account, so this notification will be shown in Lagom WHMCS Client Theme (opens new window). All filters in this group works ONLY for logged in client, and will NOT be applied for not logged in client.
Define what style should be used for notification. This option changes color of the icon in "Modal", additionally it defines the color of left bar for "Alert" notification type.
Decide type of the notification. You can choose from multiple options, listed below.
Choose location of the buttons created via "Buttons Manager". This section display different option, based on selected Notification Type.
This option will show up when "Modal" type has been selected in "Notification Type" field. You can choose from below options.
Decide if default icon should be shown in modals or alerts.
Different icons will be shown based on selected "Notification State".
After creating new notification, "Display Close Icon" option is enabled by default. When this option is disabled, "Close" icon will be removed from selected notification.
When "Display Close Icon" option is activated for "Alert" notification type, "close" icon is shown in top right corner.
Below is detailed information, what happen for "modal" notification type, based on state of "Display Close Icon" option:
This option will be shown only if "Display Close Icon" will be enabled.
Different actions will be made, based on selected value.
When value is set to
0, after closing the notification, it will be shown again with every page reload.
If amount of day is set to be greater than or equal to
1, customer choice is remembered for specified amount of days. For example if you set amount to be
10, then "alert" won't be show for 10 days after customer clicks on the "close" icon.
For "modal" notification type, to remember this actions, customers will be forced to click additional checkbox, which will be shown in the bottom of the modal.
You can create notification in multiple languages, this option allows you to decide for what language fallowing content customization will be made.
Title string will be shown in "modals" and "alerts":
You can leave this field empty, so no "heading" will be shown, which will allow you to create modal, where graphics fills the whole top space, as in below example:
Set notification message. This fields allows to perform advanced actions on your text, or use the tool to place your own HTML code.
Replace the "default icon" for alert with selected icon, and place new icon or graphic in the modal. Learn more about "Media Manager" modal.
Create your own buttons, using the "Buttons Manager" modal.
By activating the "Display Time" function, you will be able to configure time range, for which notification will be shown.
Display date and time when notification has been saved, additionally it shows who performed last modification.
"Media Manager" modal gives you multiple options to assign icons, illustrations or custom graphics to your notification.
Predefined icons, is a group of icons and illustrations, which already exist in Lagom WHMCS Client Theme, and you can easily use them by selecting specific icon via the "Media Manager" modal.
When you choose an icon from below tabs, it will replace the default icon shown in notifications, only when "Display Default Icon" option is selected.
Selected UI icon replace the "default icon" in modal, as shown in below example:
Selected UI icon replace the "default icon" in alert, as shown in below example:
These are default SVG icons used in Lagom WHMCS Client Theme. SVG icons are loaded from the
/templates/lagom2/assets/svg-icon directory, so it is possible to add your own SVG graphics by creating new
.tpl file. Because these icons are added to the theme as SVG code, you can easily change their colors via the "Style Manager"
Selected SVG icon is shown above the modal content, as below example:
Selected SVG icon replace the "default icon" in alert, as shown in below example:
These are default SVG illustrations used in Lagom WHMCS Client Theme. SVG illustrations are loaded from the
/templates/lagom2/assets/svg-illustrations directory, so it is possible to add your own SVG graphics by creating new
Selected SVG illustration is shown above the modal content, as below example:
Selected SVG illustration replace the "default icon" in alert and are placed in container which has maximu width of
Custom Icons is a grup of tabs, which allows you to upload your own icons or graphics, and then assign them to created notification.
Media library tab displays graphics, which has been previously uploaded using "Upload Custom Icon" tab.
Custom graphic is always shown above the modal content, without paddings, thanks to this you're able to upload full width graphics, as in below example:
However if you'd like to use this graphic as icon shown the same as ["SVG Icons"]#svg-icons), you have to assign
modal-custom-icon class to "Custom Class" field, so your icon will be positioned as below:
Custom graphics in alerts are shown in container, which has maximum width of
160px. You can easily modify this by adding custom CSS rules to the custom css file.
Uploaded graphics are stored in
Our "Button Manager" modal, allows you to easily build and assign custom buttons to your notifications.
Allows you to choose button size, which are defined in "Style Manager".
List of options available for this field:
Allows you to select button style.
List of options available for this field:
Choose button color, which are defined in "Style Manager".
List of options available for this field:
Enter text which will be shown in created button.
Choose the action, which should be made once clicked on created button.
When "Custom URL" option is selected, additional field will be shown, where you can enter your custom URL, which then will be assigned to this button.
When "WHMCS Page" option is selected, additional select field will be shown. This field allows you to select a link to WHMCS page. Once selected, our addon automatically generate the URL and assign it to the button.
When "Close Notification" option is selected, our addon generate a button, which close specific notification once clicked, as seen on below examples:
THis field allows you to assign custom classes to your button, which gives you advanced possibilities to perform further customization, via CSS or JS files.
When "One URL in New Window" is selected, once button is clicked, URL will be opened as new browser tab.
This option allows you to assign icon to the created button, from predefined icon list.
Client Notification for Lagom WHMCS Client Theme contains functionality, which allows you to easily export and import notifications. This way you can build them on your development server and then import to production server, without need to perform complicated migration of the database and extension files.
To export your existing notification, you have to click "Export" button in management page. Our extension will generate a
.zip file, with notification configuration and custom graphics if uploaded via "Media Manager". This file will be save on your computer.
Previously exported notification, can be easily imported by clicking on "Import" button. You have to upload
.zip file which has been generated by the addon. Imported notification will be shown on notification lists as "Disabled", so it won't be visible for your customers, until published.
You can easily add additional expression to your messages by adding emoji icons to the message content, as shown in below video:
If you'd like to center your SVG icon or graphic vertically, you need to add
alert-icon-v-center class to in "Custom Class" field in notification settings.
Once done, your icon should be centered as below example
← Installation Update →