New to the community? Start here

Close popup on CTA button click

I need to have popup automatically closed after clicking on the Call To Action button. It can be set to close after form submission but there’s no form – just a plain CTA and that doesn’t close the popup and doesn’t mark it to “not show again”.

Thu, 21 Nov 2019 12:19:23

Dimitris Kalliris
- Support Team Lead
- 3,053 pts: Hero points 17,339 pts: Rep. points LEVEL 29
Hello Pure Pixels

In order to surpass that, you can use a little bit of jQuery like the following snippet:
```
(function ($) {
  $(document).ready(function () {
    // get the click event of CTA button
    $('.hustle_module_id_10 .hustle-button-cta').click(function() {
      // trigger the click event for closing popup
      $('.hustle_module_id_10 .hustle-button-close').trigger('click');
    });
  });
})(jQuery);
```
You can use your custom child theme (if any) to enqueue this or use a plugin like https://wordpress.org/plugins/custom-css-js/.

Keep in mind to replace the number 10 in the code with the ID of your popup. You can find that in browser’s URL whilst editing that popup in the backend. In my testing site this was: https://example.com/wp-admin/admin.php?page=hustle_popup&id=10

I’ve also shared this use case with Hustle’s developers and designers, so they can consider adding a proper option in Hustle settings. If there’s any development on this, we’ll keep you posted here.

Warm regards,
Dimitris
Dimitris Kalliris
- Support Team Lead
- 3,053 pts: Hero points 17,339 pts: Rep. points LEVEL 29
Quick update, this feature will be included in the upcoming version 4.0.4. :tada:

Sales question?

How do you rate me?

Thank you for rating your experience!