Trigger Popup Open and Close Programmatically

This snippet shows how to programmatically open or close popups on your site using JavaScript events, allowing dynamic control over popup visibility based on user actions or form submissions.

Specifications
Trigger Popup Open and Close Programmatically
7 January, 2026
  • Plugin
    • JetPopup
  • Category
    • Popup
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

Example Use Case

Use this snippet to automate popup behavior, improving engagement and user interaction by precisely triggering popup display or closing conditions without manual clicks. Ideal for integrating popups in custom workflows involving dynamic content loading and user event handling.
Applicable scenarios:

  • Opening popups via custom JavaScript events.
  • Closing popups automatically after form submissions.
  • Triggering popups based on dynamic listings or AJAX content.
Specifications
Trigger Popup Open and Close Programmatically
7 January, 2026
  • Plugin
    • JetPopup
  • Category
    • Popup
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Request a new feature

Leave a feature request through GitHub, and our developers will consider it