Do you ever think about users notifications? We’re not talking about notifications at admin panel. We want to talk about notifications on any page, for example, on the shop page or product page. Maybe you will to show the notification on each page. In this article we’ll show you how create beautiful notifications easy and without any lines of code.
But first, we want to talk with you about popups. What is it and for what we can use it?
Popup is a graphical user interface (GUI) display area, usually a small window, that suddenly appears in the foreground of the visual interface. Popups can be used to display form or advertise or just information.
We recommend that you use the popups for user notifications. You can use it for subscribe forms or output important information. It’s a very convenient for you and your visitors. So, how we can do that?
WooCommerce Splash Popup
WooCommerce Splash Popup plugin allows you to display your customers the information that you want to promote. The popup messages are displayed as soon as the visitors opens the page. You are free to add any custom forms or other types of content to the windows. If you has some important content you’d like to share with your visitors, whether that’s a welcome message, links to your best posts or your most popular products, then WooCommerce Splash Popup is a great plugin for you.
The plugin features:
- Show any WordPress page as popup window on site load
- Uses cookies for save data
- Custom expiry period for the cookie
- Reset Cookie on Login/Logout
- Different pages for logged in/not logged in users and logged in customers
- Different pages for different days of the week
- Specific popup for each pages
- Display popup once, on each page or once for each content
- Customization for popup
- Timer before popup can be closed
The plugin menu
The plugin settings is located WooCommerce -> Splash Popup.
WooCommerce Splash Popup has a 5 tabs:
- General
- Styles
- CSS
- JavaScript
- License
General
On the “General” tab, you can see the next fields:
- Display popup type – how often will be displayed.
- Days of the week – you can select different popups for different users on different days of the week
- Not Logged In Page – popup for not logged in users
- Logged In Page – popup for logged in users
- Logged In Customers Page – popup for logged in users, that has one or more orders
- Timer – time in seconds, that customers must wait before they can close popup
- Cookie Expire – time in days, when cookie will expire and popups will be displayed again
- Reset Cookie on Login / Logout – remove cookie on login or logout
- Force Popup – show popups on every page load
You can see each field on the picture below.
Styles
On the “Styles” tab, you can configure the next style settings:
- Height paddings – sum padding from left and right in pixels or percentage
- Width paddings – sum padding from top and bottom in pixels or percentage
- Border width – popup border width in pixels
- Border color – popup border color
- Background color – color block behind popup window
- Title background color – background color for title in popup window
- Title font color – font color for title in popup window
- Title font size – font size in pixels for title in popup window
- Title height – height in pixels of the title in popup window
- Close button size – close button size in pixels
- Close button color – close button font color
- Close button color on mouse over – close button font color on mouse over
- Content background color – background color of content in popup window
- Content font color – font color of content in popup window
It’s just our example, you can to customize popup style as you want.
Also, you can to create the popup on page or product that you need. Just choose the needed product or page, click on ‘edit’ button and scroll to bottom, to “Splash Popup” block at current page. You can see this block on the picture below.
Result
In our example, we’ve created popup with subscribe form for product “Jeans Dark Red” and you can see the result of our work on the picture below.
In Conclusion
We hope that this article be useful for you and your site. As you can see, you can to create popup for few minutes without any lines of code. WooCommerce Splash Popup is a very easy to use plugin, which can to create popup on any page that you need. More information about plugin work you can read on the plugin page or his documentation.
Related Posts
WooCommerce AJAX Products Filter
WooCommerce AJAX Products Filter plugin is a powerful WooCommerce plugin for products filtering and AJAX pagination for pages with products. You can filter your products by attributes, custom taxonomies, price, tags and product categories with help of widgets or shortcode with a lot of settings. You can select different type of widget like checkboxes, radio buttons, […]
Read More
Product labels, what is it? Why do we use them? What is the difference between real labels and online store labels? Have you thought about product labels before? What value do they fulfill in our life? How can they be useful to us? In this article, we’ll tell you about labels and show you how […]
Read More
Product Preview. How to add it into your site?
How often do you looking for something from products in online store? How many products you are look? Many products, many pages and so lazy to open each product in new page. Do you know this lazy feeling? Sure, if you just a site visitor, you can’t anything do with store, but if you are […]
Read More
We have made a long way to improve our online stores. We learned more about product compares, products preview, brands etc. We made our stores more convenient for customers. Ok, your site has completed and ready for use but how many visitors will be on your site and how many will buy something in your […]
Read More
