1. Documentation /
  2. Notifications for WooCommerce - Store Owner's Guide

Notifications for WooCommerce – Store Owner’s Guide

 Installation Guide

  • Log in to your WordPress Admin Panel.
  • Navigate to the WordPress Admin Dashboard → Plugins → Add New.
  • Click the Upload Plugin button on the top left corner of your screen.
  • Next, click the Choose File button in the below box.
  • Select the zip file that you have downloaded and upload it.

Getting Started

↑ Back to top
  • Navigate to Admin Dashboard → WooCommerce → Settings.
  • Once done, navigate to the Notifications tab.
  • In the Notifications tab, there are five options available.
    • Disable powered by
    • Cache duration
    • Show notification on
    • Logs limit per time
    • Days limit

Modules

↑ Back to top
  1. Disable powered by
  • Click on the “Disable powered by” checkbox to display/hide the powered by in notification content.

Front-End Impact – Disable powered by is Enabled

  • When the Disable powered by checkbox is enabled.

Front-End Impact – Disable powered by is Disabled

  • When the Disable powered by checkbox is disabled.

Cache duration

↑ Back to top
  • Enter the number of days in the Cache duration option to keep notifications log cache.

Show notification on

↑ Back to top
  • In the Show notifications on option, select the status of the order in which the notifications will appear.
  • Click on the Show notifications on the option to select the status of the order.
  • Admin can also select multiple statuses of the order.
  • Once done, the selected status will appear in the Show notifications on option.

Logs limit per time

↑ Back to top
  • Enter the number of logs in the Logs limit per time option to keep notifications log cache.
  • Define the number of notifications that will be showing (the latest).

Days limit

↑ Back to top
  • In the Show notifications on option, select the status of the order on which the notifications will appear.
  • In the Notifications tab, there are five options available.

Creating Notifications

↑ Back to top
  • Navigate to WordPress Admin Dashboard → WooCommerce → Notifications.
  • Now you’re on the Notifications page.
  • Click on the Add New button.
  • Now you’re on the Add New Notification page.
  • Add the title of the Notification.
  • There are four tabs on the notification configuration page.
  1. General
  2. Content
  3. Style
  4. Display

General Settings

↑ Back to top

Enable

  • Click on the Enable toggle button to activate the notification.

Notification type

  • In the Notification type option, select the notification type from the dropdown menu.

Hide Image

  • Click on the Hide Image toggle button to hide the user’s image in the notification.
Front-End Impact – Hide image option is set to OFF
  • When the Hide image toggle button is set to OFF.
Front-End Impact – Hide image option is set to ON
  • When the Hide image toggle button is set to ON.

Content Settings

↑ Back to top

Show purchase of

  • The Show purchase of option has two values in the dropdown menu i.e. Products and Categories.
  • Select any one value to specify when the notification should appear.

Select references

  • Based on the previous option (Show purchase of), the Select references will show its values.
  • If the Administrator has selected Products in the Show purchase of option, all the products will appear in the dropdown menu. Also, All products values will be available at the top of the dropdown menu.
  • The Administrator can select multiple values according to the requirements.
  • Similarly, if the Administrator has selected Categories in the “Show purchase of” option, all categories will appear in the dropdown menu. Also, All categories values will be available at the top of the dropdown menu.
  • The Administrator can select multiple values according to the requirements.

Notification template

  • In the Notification template option, the Administrator can set the template for the notification using variables.

Front-End Impact

  • The Notification template is {username} bought {title} on {time}, which appeared on the front-end as {Bruce Wayne} bought {Cap} on {2022-12-15}.

Style Settings

↑ Back to top

Select theme

  • In the Select theme option, two types of themes are available.
Light theme
  • Select the Light theme radio button to choose the light theme.
Front-End Impact
Dark theme
  • Select the Dark theme radio button to choose the dark theme.
Front-End Impact

Border style

  • In the Border style option, two types of borders are available.
Rounded border
  • Select the Rounded border radio button to have a round border around the notification.
Front-End Impact
Square border
  • Select the Square border radio button to have a square border around the notification.
Front-End Impact
Round corners (px)
  • In the Round corners (px) option, enter the border-radius value.
  • Also note that it will only appear if the Border style is set as a Rounded border.
Front-End Impact
  • When the Round corners (px) is set to 20.
  • When the Round corners (px) is set to 50.
Border stroke(px)
  • In the Border stroke(px) option, enter the value for the border stroke (px).
Border color
  • In the Border color option, click on the color box.
  • Select the color from the color grid for the notification border.
  • Once done, the color saved will appear on the notification border.
Front-End Impact

Display Settings

↑ Back to top

Visibility duration

↑ Back to top
  • In the Visibility duration option, set time duration in seconds to hold notification popup on the front-end screen.

Interval

↑ Back to top
  • In the Interval option, set the duration in seconds for each notification interval.

Display on

↑ Back to top
  • In the Display on option, three values are available to show the notification.
  • Display everywhere
  • Display on selected
  • Hide on selected

Display everywhere

  • If Display everywhere value is selected in the Display on option then the notification will appear on everypage of the website.

Display on selected

  • If Display on selected value is selected in the Display on option then a new suboption will appear as Location.
  • In the Location option select the pages on which the notification will appear.

Hide on selected

  • If Hide on selected value is selected in the Display on option then a new suboption will appear as Location.
  • In the Location option select the pages on which the notification will not appear.

Display for

  • In the Display for option, three values are available.
  • All
  • Logged in users
  • Logged out users
  • Select any value to determine whether to show the notification for the selected users only.

Notification position

  • In the Notification position option, four values are available.
  • Bottom Left
  • Bottom Right
  • Up Left
  • Up Right
  • Select any value to determine the position of the notification on the front-end.
Front-End Impact
Bottom Left
Bottom Right
Up Left
Up Right

Notification size (px)

  • In the Notification size (px) option, select the width of the notification.

Display close

  • In the Display close option, checkmark the checkbox to display a close icon at the top right corner of the notification.

When Display close option is Enabled

Front-End Impact
When Display close option is Disabled
Front-End Impact

Hide on mobile

  • In the Hide on mobile option, checkmark the checkbox to hide notification when the website is visited on mobile devices.

When Display close option is Enabled

Front-End Impact
When Display close option is Enabled
Front-End Impact
  • Once done, click on the Publish button.
  • A notification will appear once the notification is published sucessfully.

WooCommerce

The most customizable eCommerce platform for building your online business.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment