About Zapier Community
New to our Community? Get to know more about our space and how to make the most of your time here.

Code of Conduct Community FAQ's Zapier Common Questions What to Expect

Get Started With Zapier
New to Zapier? We have got you covered with our Zapier 101 Resources.

Zapier Essentials

Get Support
Have a question? Let's get you an answer!

How Do I...? Troubleshooting Code & Webhooks Developer Zone

Other Help Resources
Wait, there's more! Check out these Community sourced spaces for additional resources.

Zapier Help Center Hire an Expert

Zapier Products
Learn more about Zapier's new products.

Zapier Tables Zapier Interfaces

Zapier Reading
All of our best learning resources can be found here.

Featured Articles Show & Tell AI Hub Zapier Tools Hub

Learning Groups
Excited to meet other builders? Check out our interest areas full of doers, dreamers, and in-betweeners.

User Groups

Other Learning Resources
Some of our favorite additional ways to upskill your Zapier knowledge.

Zapier Learn Zapier Blog Zapier Webinars

Product Updates
Check out what is new and upcoming with Zapier with our regular product updates.

Product Updates

Early Access Program
Want to join Early Access? Learn more here.

Best answer

How can i use query query params for an iframe embed, in Interfaces?

  • 10 March 2024
  • 3 replies
  • 112 views
E
Userlevel 1
Badge

I am new to Interfaces and i am trying to fill form fields in advance for an iframe - but it does not seam to work similarly to the script embed. I was following instructions from this article: 

https://help.zapier.com/hc/en-us/articles/18227509518861-Fill-form-fields-in-advance-in-Zapier-Interfaces#h_01HA4TJK3BAHDKVJPR45WSTDPA

 

I tried using the logic from the code snippet type, and apply it to the iframe, by manually adding query-params='' to the embed code, but it does not seam to work. 

 

Here is my sample page: 

https://new-interface-378cad.zapier.app/page

Here is my sample iframe embed:

<iframe src="https://interfaces.zapier.com/embed/page/cltkgtnpi0014132siszlbjs6?&allowQueryParams=true" query-params='field-25d1=test@test.com'; style='max-width: 900px; width: 100%; height: 500px;'></iframe>
 

Further question, in case there is a solution to have query-params working inside an iframe:

If i have a dropdown selection field, which takes pulls in options dynamically from a table, how do i need to specify the pre-appended value in the query param? Would it work if i write it exactly as in the table (e.g. “Spot A1”)? Or alternatively get for reference id from inside the table?

icon

Best answer by Emi.Lian 10 March 2024, 21:31

View original
This post has been closed for comments. Please create a new post if you need help or have a question about this topic.

3 replies

E
Userlevel 1
Badge

Further tested and figured it out, it should be added directly to the src url as follows:

  • &<field reference>=<value to prepopulate>
  • and replicate the same if multiple
  • &<second field reference>=<value to prepopulate>
  • &<third field reference>=<value to prepopulate>


Based on the example from my initial post:

<iframe src="https://interfaces.zapier.com/embed/page/cltkgtnpi0014132siszlbjs6?&allowQueryParams=true&field-25d1=test@test.com" style='max-width: 900px; width: 100%; height: 500px;'></iframe>

E
Userlevel 1
Badge

Would still need help with the “Further question” :

If i have a dropdown selection field, which takes pulls in options dynamically from a table, how do i need to specify the pre-appended value in the query param?

SamB
Rank
Userlevel 7
Badge +11

Thanks so much for sharing the solution you found here @Emi.Lian! 

To prefill a value in a dropdown field it should work in work in exactly the same way e.g. add &fieldname=fieldoption to the URL.

For example if the dropdown field was called “status” and you wanted to select the option “Pending” you’d add “&status=Pending” to the end of the current iframe src URL:
https://interfaces.zapier.com/embed/page/cltkgtnpi0014132siszlbjs6?&allowQueryParams=true&field-25d1=test@test.com&status=Pending

Can you give that a try and confirm whether that selects the correct dropdown field option?

Terms & Conditions