Logic

Events

Estimated reading: 3 minutes 183 views
CocoPopup Events

CocoPopup has the ability to set events to diversify its entry. By default, it is set to ‘On Load’, so the WordPress popup will appear when the page is loaded. Below you will find all the events with their respective settings.

  • On load: This event triggers the popup to appear when the page is loaded, with an adjustable delay available in milliseconds.
  • On Click by CSS Class: The popup appears when any element on the page is clicked. To make it work, you need to enter the corresponding class in the field below. Then, you need to insert the same class into the element that you want to trigger the popup. Simply select the block, go to Advanced, and enter the class in the appropriate field below. Additionally, you have the option to open the popup with a sound. By default, a sound is already included, but you can upload an mp3 file of your choice. You can also decide whether to reopen the popup once it has been closed.
  • On Hover by CSS Class: The popup appears when you hover over any element on the page with the mouse. To make it work, you need to enter the corresponding class in the field below. Then, you need to insert the same class into the element that you want to trigger the popup. Simply select the block, go to Advanced, and enter the class in the appropriate field below. Additionally, you can decide whether to reopen the popup once it has been closed.
  • On specific CSS Class: The popup appears when you scroll the page and reach any element on the page. To make it work, you need to enter the corresponding class in the field below. Then, you need to insert the same class into the element that you want to trigger the popup. Simply select the block, go to Advanced, and enter the class in the appropriate field below. Additionally, you can decide whether to reopen the popup once it has been closed.
CocoPopup Events
CocoPopup Events

PRO

  • On scroll specific position: The popup appears when you scroll the page and reach a specific position that you can adjust (start, 3/4, end, or percentage). If you set it to percentage, you can numerically adjust the desired percentage.
  • On scroll direction: The popup appears when you scroll the page up or down; you can set the direction. Additionally, you can set a delay.
  • Exit Intent: The popup appears when the visitor is exiting the page. Additionally, you can set a delay.
  • Inactivity: The popup appears when the visitor is inactive. You can adjust the desired inactive time.
Top

Conditions

Conditions are the requirements that the visitor must meet for the popup to open

Responsive

CocoPopup has the ability to display the WordPress popup based on the visitor

Schedule

PRO CocoPopup has a ‘Pro’ extension that allows you to schedule the

Closing

CocoPopup provides you with many options for closing the popup. You have a toggl

WooCommerce

PRO CocoPopup allows you to set specific conditions for the WooCommerce plugin t

Parameters

Events

CocoPopup has the ability to set events to diversify its entry. By default, it i

Animation

With CocoPopup you have various animations at your disposal to make it appear mo

Body Behavior

With CocoPopup you can customize the style of the body of the page on which the

Button

With CocoPopup you can customize the style of the button popup as you wish, thus

Structure

With CocoPopup you can customize the style of the popup as you wish, thus making

Style

Chat Icon Close Icon