• Resolved dking46

    (@dking46)


    Hello Team!

    I’m working on creating a popup for a button on a landing page and am running into some trouble. Our forms are built using Pardot, and in order to pass the hidden fields, I must add an additional script to the code that the plugin to this point has not been able to process.

    For example, the HTML of the form is:
    <iframe src=”https://go.quantivate.com/l/824713/2021-11-04/6tk2p&#8221; width=”100%” height=”800″ type=”text/html” frameborder=”0″ allowTransparency=”true” style=”border: 0″></iframe>

    BUT we normally use this additional script to pass the hidden fields along:

    <noscript>
    <iframe src=" https://go.quantivate.com/l/824713/2021-11-04/6tk2p" width="100%" height=“875” type="text/html" frameborder="0" allowTransparency="true" style="border: 0"></iframe>
    </noscript>
    
    <div id="pardotform99web"></div>
    
    <script type="text/javascript">
    var form = ' https://go.quantivate.com/l/824713/2021-11-04/6tk2p';
    var params = window.location.search;
    var thisScript = document.getElementById("pardotform99web");
    var iframe = document.createElement('iframe');
    
    iframe.setAttribute('src', form + params);
    iframe.setAttribute('width', '100%');
    iframe.setAttribute('height', 875);
    iframe.setAttribute('type', 'text/html');
    iframe.setAttribute('frameborder', 0);
    iframe.setAttribute('allowTransparency', 'true');
    iframe.style.border = '0';
    
    thisScript.parentElement.replaceChild(iframe, thisScript);
    </script>

    Is anyone aware of how to pass this script along as intended?

    Thanks for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Dear @dking46,

    Thanks a lot for reaching out.

    We have checked the code you shared and it does not work neither in he popup, nor in a page for example.

    We will make sure to check that with our development team and once we have any suggestion we will get back to you.

    Also can you please send us the system information file?
    You can retrieve it from here:
    https://help.popup-builder.com/en/article/retrieve-the-system-information-file-19wirum/

    Please send it via wetransfer.com using the link retrieving option.
    Like this: https://prnt.sc/qr3ntv

    Also, could you please share screenshots showing setups in ” Display Rules” and “Events” sections, as well as a link to the website where the popup should trigger?

    Best,
    Popup Builder Team

    Thread Starter dking46

    (@dking46)

    Hello!

    Thank you for your response!

    Here is the settings link:
    https://we.tl/t-HwYEKS2iOq

    Here is the page that the form currently lives on. To make it work, we put it within an HTML element: https://quantivate.com/resources/savings-calculator/

    (As you can see, the form is ugly and takes up A TON of space. Your plugin should solve this 😀 )

    Can you share a screenshot of where you’d like me to pull the display and event sections? I’m not seeing them on my end.

    Thank you for your help!!

    Dear @dking46,

    Thanks a lot for your reply.

    Could you please share with us embed code if the form?

    Thanks,
    Popup Builder Team

    Dear @dking4,

    Thanks a lot for your reply.

    Could you please share with us the embed code of the popup to check how it works?

    Thanks,
    Popup Builder Team

    Thread Starter dking46

    (@dking46)

    Definitely!
    Here is the script we used:

    <noscript>
    <iframe src=" https://go.quantivate.com/l/824713/2021-11-04/6tk2p" width="100%" height=“875” type="text/html" frameborder="0" allowTransparency="true" style="border: 0"></iframe>
    </noscript>
    
    <div id="pardotform99web"></div>
    
    <script type="text/javascript">
    var form = ' https://go.quantivate.com/l/824713/2021-11-04/6tk2p';
    var params = window.location.search;
    var thisScript = document.getElementById("pardotform99web");
    var iframe = document.createElement('iframe');
    
    iframe.setAttribute('src', form + params);
    iframe.setAttribute('width', '100%');
    iframe.setAttribute('height', 875);
    iframe.setAttribute('type', 'text/html');
    iframe.setAttribute('frameborder', 0);
    iframe.setAttribute('allowTransparency', 'true');
    iframe.style.border = '0';
    
    thisScript.parentElement.replaceChild(iframe, thisScript);
    </script>

    Dear @dking46,

    Thanks for the answer.

    May I know if you have tried to insert the script you shared with and your Pardot form in any post or page?
    If you had done so and it worked, kindly ask you to share the Pardot form code as well with us.
    In case you had inserted it into any post or page and it did not work, it means the issue is the Pardot code itself.
    It would be better if you can double check it and only then try to insert it again.

    Thanks a lot,
    Popup Builder Team.

    Thread Starter dking46

    (@dking46)

    Hello!
    Yes, I have the script for this form working on this page:https://quantivate.com/resources/savings-calculator/

    Here is the form code:
    <iframe src=”https://go.quantivate.com/l/824713/2021-11-04/6tk2p&#8221; width=”100%” height=”500″ type=”text/html” frameborder=”0″ allowTransparency=”true” style=”border: 0″></iframe>

    Thanks for taking a look into this!

    Cheers,
    David

    Dear @dking46,

    Thanks a lot for sharing the script and form code.
    We have applied it to our iframe popup and it did not work in ur environment as well.
    Could you please contact us via our email support@popup-builder.com.
    We will need more information to be able to investigate the issue.

    Thanks a lot,
    Popup Builder Team

    Dear @dking46 ,

    We noticed, that you have contacted us via email as well.
    So, we will continue the conversation over there in order to avoid any misunderstanding.

    Best,
    Popup Builder Team

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Pardot Hidden Fields Compatible?’ is closed to new replies.