https://legacy.forums.gravityhelp.com/topic/passing-form-data-to-modal-window Gravity Support Forums Topic: Passing form data to modal window... en-US Mon, 20 Apr 2026 01:03:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/passing-form-data-to-modal-window#post-25741 Tue, 17 May 2011 16:00:36 +0000 David Smith 25741@https://legacy.forums.gravityhelp.com/ <p>Hi Biaggo,</p> <p>There are a couple steps to setting this up.</p> <ol> <li>On the form that you will be loading into the modal window, make sure you set the whichever field you want to populate the email into is set up to allow dynamic population and has 'email' as the parameter: <a href="http://img.ounceofdev.com/a9Ah" rel="nofollow">http://img.ounceofdev.com/a9Ah</a> </li> <li>Now we need a link that will trigger that modal window. The following snippet will add a hidden link AND the javascript necessary to append the email value from the launch form to the URL that will be used to populate the iframe opened in the modal window. This means it will take a URL like:<br /> <blockquote><p><a href="http://localhost/about-2/" rel="nofollow">http://localhost/about-2/</a></p></blockquote> <p>...and update it with the email value like so:</p> <blockquote><p><a href="http://localhost/about-2/?email=david@rocketgenius.com" rel="nofollow">http://localhost/about-2/?email=david@rocketgenius.com</a></p></blockquote> </li> <p>You will see several spots that require you to customize the code based on IDs and values specific to your setup.</p> <p>let me know if you have any questions.</ol> https://legacy.forums.gravityhelp.com/topic/passing-form-data-to-modal-window#post-25624 Mon, 16 May 2011 15:48:46 +0000 biagio111 25624@https://legacy.forums.gravityhelp.com/ <p>Sorry David, it's on a MAMP local server at the moment, and in rough shape. I will get it on a sandbox tonight. In the mean time, I put together these screenshots just in case they help clear things up.</p> <p>1. Here's the front page:<br /> <a href="http://jokeandbiagio.com/images/01frontPage.tiff" rel="nofollow">http://jokeandbiagio.com/images/01frontPage.tiff</a><br /> 2. Right now, entering the email and hitting submit...<br /> <a href="http://jokeandbiagio.com/images/02formFilledIn.tiff" rel="nofollow">http://jokeandbiagio.com/images/02formFilledIn.tiff</a><br /> 3. Passes it to another form as expected.<br /> <a href="http://jokeandbiagio.com/images/03emailPassesIn.tiff" rel="nofollow">http://jokeandbiagio.com/images/03emailPassesIn.tiff</a><br /> 4. But I'd like instead to pass it so that the form pops up in a modal window like this, with the email field passed in.<br /> <a href="http://jokeandbiagio.com/images/04modal.tiff" rel="nofollow">http://jokeandbiagio.com/images/04modal.tiff</a></p> <p>Trying to figure out how to pass that to the form and launch the modal window with the iframe to that form showing the passed in data.<br /> Thanks,<br /> Biagio </p> https://legacy.forums.gravityhelp.com/topic/passing-form-data-to-modal-window#post-25604 Mon, 16 May 2011 12:11:32 +0000 David Smith 25604@https://legacy.forums.gravityhelp.com/ <p>Can you provide a link to your site so I can see how you have this set up? </p> https://legacy.forums.gravityhelp.com/topic/passing-form-data-to-modal-window#post-25603 Mon, 16 May 2011 12:10:20 +0000 biagio111 25603@https://legacy.forums.gravityhelp.com/ <p>David,<br /> Thanks so much for the reply. This is still a little over my head, and I'm not sure if I asked the question right, so let me rephrase:<br /> On my home page, I have a newsletter signup where a person can just enter their email.<br /> I want that email to pre-populate a form in a modal window, where they then have the option to also add first name and zip code.<br /> So would I do something like:<br /> <a href="http://www.yourdomain.com/modal-popup-form-page/?to_email=" rel="nofollow">http://www.yourdomain.com/modal-popup-form-page/?to_email=</a>{Email:1}<br /> Thanks,<br /> Biagio </p> https://legacy.forums.gravityhelp.com/topic/passing-form-data-to-modal-window#post-25602 Mon, 16 May 2011 11:58:50 +0000 David Smith 25602@https://legacy.forums.gravityhelp.com/ <p>You should be able to append your population parameter to the link href for the modal iframe. Here is the URL from the walk-through you shared:</p> <p><a href="http://www.yourdomain.com/modal-popup-form-page/" rel="nofollow">http://www.yourdomain.com/modal-popup-form-page/</a></p> <p>Here is that same URL with a sample population parameter:</p> <p><a href="http://www.yourdomain.com/modal-popup-form-page/?to_email=david@rocketgenius.com" rel="nofollow">http://www.yourdomain.com/modal-popup-form-page/?to_email=david@rocketgenius.com</a></p> <p>Assuming you have a field on the form which loads in the modal setup to populate from this parameter, that should do the trick. </p> https://legacy.forums.gravityhelp.com/topic/passing-form-data-to-modal-window#post-25583 Mon, 16 May 2011 10:58:58 +0000 biagio111 25583@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> I've done this fancybox tutorial and have everything working with the iframe:<br /> <a href="http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/" rel="nofollow">http://www.gravityhelp.com/creating-a-modal-form-with-gravity-forms-and-fancybox/</a></p> <p>I need to figure out how to do one extra thing: I want to pass form data TO the modal window to pre-populate the email field. I know how to do this using the Pass Field Data Via Query String settings when going from one page to another, but can't figure out how to pass that data to a modal window (or pass it to the plainpage.php form and get that to show in the modal window.) Can you give me some advice, or point me in the right direction as to how I should be approaching this problem?<br /> Thanks!<br /> Biagio </p>