Embed payment form on page

I am doing a simple iframe like this with wp bakery:
https://snipboard.io/vKwnoh.jpg

Is there a way to add some content above the form at:
https://mydomain.com/asp-payment-box/?product_id=4095

Please help

Hello team,

I have run another test with ALL PLUGINS DEACTIVATED except the ASP plugin, and the payment box inside the iframe does not redirect,

1. All plugins deactivated
   https://snipboard.io/OIVdUR.jpg
2. Form submission works properly
   https://snipboard.io/KW1H0E.jpg
3. It just does not redirect, stays spinning:
   https://snipboard.io/dGfr38.jpg
   

If the link is visited directly, it works and redirects as expected:
https://mydomain.com/asp-payment-box/?product_id=4095
https://snipboard.io/NqhtPo.jpg

Instead of iframing the payment box to have it “on page”, I could just add custom content to the content box directly (https://mydomain.com/asp-payment-box/?product_id=4095), if you tell me how, that would solve the task, I could live with it.

Although I feel the iframe should work, I or it might just be missing something.

Thank you team

• This reply was modified 4 weeks, 1 day ago by karlosuccess.

I added this to the parent (where the iframe is) but it is not doing it, any light you can give me please? I feel we are really close please I will love you forever

// Listen for messages from the iframe
window.addEventListener("message", function(event) {
    // SECURITY: Verify the origin of the message
     //if (event.origin !== "https://mydomain.com/asp-payment-box/?product_id=4095") 
         //return;

    // Check if the message indicates a success/redirect
    if (event.data && event.data.action === 'redirect') {
        alert(event.data)
        // Redirect the parent page to the new URL
        window.top.location.href = event.data.url;
    }
}, false);