Shop notifications allow you customize the notifications in various styles and positions on your website to suit your preference. It can be used to showcase marketing campaigns, advertise new products or serve any purposes you need. Users can create a notification which is on company level or organization level. Follow the steps below to create your Shop notification!
Permission
To access the Shop notifications feature, users are required to have "ShopNotifications" role to manage in company level and "OrganizationShopNotification" role to manage in organization level.
How to create a shop notification
1. Navigate to Shop notification under Management menu.
2. Click "Add"
3. Fill in neccessary fields to customize the shop notification.
Here’re the settings of each shop notification:
1. Style and position*
We offer a variety of styles and positions for shop notifications. Each style can be tailored specifically for your shop and further implementation is required to ensure that the notifications align seamlessly with the overall appearance of your website.
- Style: Bar – message
- This notification style is a long bar.
- Position: Top and Bottom
- It is supported on shop's front-end and orderflow.
- Style: Icon – message
- It is supported on shop's front-end and orderflow.
- This notification style is a pop-up notification without image.
- Position: Bottom – Left and Bottom – Right
- Style: Pop-up
- This notification style is a pop-up notification with image.
- Position: Top – Left, Top – Right, Bottom – Left and Bottom - Right.
- It is supported only on shop's front-end
- Style: Pop-up Personalized Ads
- This notification style is a pop-up notification with product.
- Position: Top – Left, Top – Right, Bottom – Left and Bottom - Right.
- This notification style requires custom styling based on each shop. It is supported only on shop's front-end.
- Style: Banner
- This notification style requires custom styling based on each shop. This style also support "Theme" which allows users to specify which style variations of the banner you would like to display. It is supported only on shop's front-end.
With these options, you can create engaging and effective notifications tailored to your shop's needs.
2. Title*
This field is used to input the title of the notification, which appears at the top of the Icon – Message, Pop-up and Pop-up Personalized Ads notifications.
Note: this field will not appear on Bar – Message notification.
3. Image
This field is used to input an image, which displays in various locations based on notification styles:
- For Icon – message: The image displays in the notification icon.
- For Pop-up: The image displays on the notification pop-up.
Note: Images will not appear on Bar – Message and Pop-up Personalized Ad notifications.
4. Include
This setting allows users to define where the ship notification will be displayed. If no settings are specified, the notifications will appear on all pages.
- Page type – Pages, Blogs, Categories, Products
This field is to specify the type of page where this notification will be displayed.
- Include URL(s)
This field is to enter custom URLs that are not covered by other settings, for example, wishlist, shopping cart.
- The system displays notification on pages whose URLs match the input value.
- Enter URLs with a language code to display notification only in a specific language, for example, /nl/blogs.
- Enter /home to show notification on homepage. Please note that /home doesn’t support language specification, such as, /nl/home.
- Multiple URLs can be added by separating them with a comma (,).
- Entering a path URLs will display notification on that path and all its sub-paths.
- Languages
This field is to specify the languages in which the shop notification will be displayed.
- Options are from company’s available languages.
- Reminder: Ensure that the language selected here does not conflict with language codes included in the URL(s).
Following fields will appear based on “Page type” selection.
- Products
Select specific products where the notification will be displayed.
- Pages
Select specific pages where the notification will be displayed.
- Only the Pages and Blogs can be selected.
- The available options depend on the selected Page type. If “Blogs” is selected, only blog page will be available to select.
- Categories
Select specific categories where the notification will be displayed.
- If a parent category is selected, the notification will appear only on that parent category, not on its child categories.
5. Exclude
This setting allows users to define where the shop notification will be hidden. If no exclusions are specified, the notification will appear according to the Include settings.
- Page type – Pages, Blogs, Categories, Products
This field is to specify the page types where the shop notification will not be displayed.
- Exclude URL(s)
This field is to enter custom URLs that are not covered by other settings, for example, wishlist, shopping cart.
- The system hides notification on pages whose URLs match the input value.
- Enter URLs with a language code to hide notification only in a specific language, for example, /nl/blogs.
- Enter /home to hide notification on homepage. Please note that /home doesn’t support language specification, such as, /nl/home.
- Multiple URLs can be added by separating them with a comma (,).
- Entering a path URLs will display notification on that path and all its sub-paths.
- Languages
This field is to specify the languages in which the shop notification will be hidden.
- Options are from company’s available languages.
- Reminders: Ensure that the language selected here does not conflict with language codes included in the URL(s).
Following fields will be hidden based on “Page type” selection.
- Products
Select specific products where the notification will be hidden.
- Pages
Select specific pages where the notification will be hidden.
- Only the Pages and Blogs can be selected.
- The available options depend on the selected Page type. If “Blogs” is selected, only blog page will be available to select.
- Categories
Select specific categories where the notification will be hidden.
- If parent category is selected, the notification will be hidden only on that parent category, not including child categories.
Tips
Enter a path URL in “Include URL(s)” to display the notification on that path and all its sub-paths. Then, filter out specific sub-paths by entering them in “Exclude URL(s)”, where the notification should not appear.
6. Start Date and End Date*
You can specify when a notification will display on the pages and when it will vanish by setting specific start and end dates and times.
7. Device type
You can specify on which devices customers will see the notification.
Note: If you do not specify the devices, the notification won't appear.
8. Delay Time* (seconds)
This field allows you to specify the delay time before the notification appears on the page after the customer opens it. If this field is 0, the notification will appear immediately after the customer opens the page.
9. Countries
This field specifies from which countries customers will see the notification. If this field is not inputted, the notification will appear to all customers who open the website from any country.
10. Hidden Days*
This field specifies the duration for which a notification will be hidden after customers close it. The notification will reappear after the specified number of hidden days.
- None (default): the notification will reappear after reloading the page e.g. after being closed and surf in the same tab, duplicate the tab, open the sames page on new tab/window.
- 0: the notification will reappear after reentering the page e.g. after being closed and open the sames page again on new tab/window.
- 1-30 days: the notification will reappear after the specified day(s).
11. Theme
This field is only visible for the "Banner" notification style. You can determine which style variations of a banner you would like to display. The input is determined during the development process. Please contact Account manager or Project manager for more information.
*Required