Auto close Popup on Iframe form submission

Hello @supra21, thanks for reaching out!

If you want to set an auto-close for your popup then you will need to add a From Submission trigger with the help of Form Submission cookie event to the popup.
?
?Use this trigger in combination with a Form Submission cookie to manage when to redisplay the popup after the embedded form is successfully submitted. For more details, see this: Trigger: Form Submission

Here’s a demo video as well: https://share.getcloudapp.com/xQu7dmZ9

You can try that and please let us know how it goes.

Have a great day! ??

• This reply was modified 2 years, 9 months ago by Maria T.

Hi @mariatogonon
Sorry for the late reply.
I tried the setup as seen in the screencapture video.
But, after form submission the Popup did not close.
Settings screenshot

Re-highlighting that the form is shown via an iframe.

Hi @supra21

Thank you for your reply.

Is the iframe with a form one of our supported WordPress Form Builder Plugins? If yes, the cookie – Form Submission should work.

For a full list of supported WordPress Form Builder Plugins, please check it out here:

Popup Maker Integration with WordPress Form Builder Plugins

If it is a different form, could you try using the Manual Javascript for the cookies? This is an option to choose if the form does not have integration.

To learn more, please refer to article:

Close Popup and Create Cookie When a Form is Submitted

We hope that helps. Please let us know how that goes.

Thank you!

Hi @belimperial
Thanks for your reply.

Regarding the Iframe Form, it is based on AngularJS on a different server, which integrates with a Lead Management system. Since, it has a complicated implementation, hence that form is developed on a different code base on a different Server.

Cookies can definitely be added.
But, will it work? as both are on different domains?

Regarding the link you shared for JS Cookie, it doesnt relate to iframe being on a different domain.
Could you Pl share link to any help article for the cookie implementation you mentioned, between parent (wordpress, popupmaker) & iframe angularjs form (on different domain)

• This reply was modified 2 years, 7 months ago by Supra.
• This reply was modified 2 years, 7 months ago by Supra.

Hello @supra21

Thank you for your reply.

We don’t have an article between WordPress and iFrame Angular form. We only have articles within WordPress.

However, we’ll ask our development team to have a look and get back to you.

Thank you for your understanding.

Hey @supra21,

Assuming you render your form in HTML and it triggers a successful submission event, you can definitely display your form in an iframe in a Popup Maker popup and auto close it afterward.

Here’s a demo using Popup Maker’s Remote Content extension that:

1) Grabs a contact page using a URL. (The page has a Contact Form 7 form on it.)
2) Puts the page into an iframe inside a popup.
3) Uses custom jQuery to listen for CF7 events and closes the popup if the jQuery hears a CF7 success event.

https://share.wppopupmaker.com/RBunEqNw

The 2 biggies in this recipe are:

1) Writing the custom code to access the iframe.
2) Knowing the submission success event your form triggers.

If you need help with the details, can you please submit a ticket via our contact form? Click on Other Support.

https://wppopupmaker.com/support/#submit-a-support-ticket/

We’ll follow up with you there.

Have a great day ??