Skip to main content

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

Learning Resources
All of our best learning resources can be found here.

Featured Articles Show & Tell Zapier's products AI Hub Zapier Tools Hub

Share your knowledge
Give back to the Community by sharing your automation wins and helping to answer questions.

Share your success See unanswered questions 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.

This post has been edited by a moderator to remove personal information. Please remember that this is a public forum and to remove any sensitive information prior to posting.

Hello, first post here ! 🤘


As many others, I’m trying to have an efficient way to get a form splitted into mutiples interface pages that at the end create one single record in a table.

 

My setup is kind of working :

  • I have created a table with a column for every question.
  • I have created 4 interface pages to split my form.
  • On each interface page i have all the questions, but only the one that need to be answered are displayed, the others are hidden.
  • On the 3 first interface pages I removed the link to the table in the data tab of the form. So that it doesn’t create a new record in the table when I hit “continue”.
  • Instead I added (in the “actions” tab) a “navigate to page” action that sends the data to the next page.
  • On the fourth page I kept the “Data” connection to the table in order to create the single record.

So on each page, when I click on the form “continue” button, it send the data of each field to the next page by addind infos in the URL of the next page that it navigates to.

 

Except it doesn’t work for “dropdown” field type which have their options set from another table. Actually it works for one page to an other, but not from a page that has been filled automatically from the infos in the URL.

 

Example :

  • First interface page, I select a client from the dropdown list (that list comes from an other table) and click on continue at the bottom.

     

  • Second interface page, the client is filled automatically, it got the right client and the URL seems to have some kind of id. I click on continue at the bottom.

     

  • Third interface page, the client disappeared. And the URL doesn’t have the client ID anymore.AD_4nXeBy999RUr1zV9Qnc_Sa4vECN8bmKDNCojxRiHO--v1wYEI-ZEExzcBf0IKiQ6MD7V7Ic4jKGufvtQt7QI7ipXxmr9Bym0LoDYwcI0GO8V4p6fnTjg1Lq4paZxQRbgy0EYwRYZvaw?key=LbmlmloEylrjSp-YbJsyyA
  • If i go back to the previous page (second interface page), remove the client name, add it manually again and hit continue. Then on the third page it’s working fine.

     

  • And then it doesn’t on the fourth. Except if on the third interface page I remove the client’s name and add it back manually before hitting “continue”. AD_4nXfBfT8g0EjN06ONxqRpge3JPhU_zYAzPK9wehC76f3MxcJ00DKXeu_XQo3g6xzk7QIMAYGxzI7CAngDD-bmysm3TgR1BlRN66iYpu4WOcSaMbSkqhbqcJjSh8NGEZgf7a2IbhQatQ?key=LbmlmloEylrjSp-YbJsyyA

For text field, numbers or dropdown with a static list of options it work well all the way through.

 

Do you get the same behavior ?

For info I’m new to zapier and testing things with a free plan but I’m still in the pro trial.

 

Thank you for your future answers.

Hi ​@Fragredocroix,

 

Welcome to the Community.

You're encountering an issue with a multi-page form where dropdown fields are populated from another table, and you aren't retaining the client ID passed via URL across pages. To resolve this, ensure URL parameters persist through each page transition and that dropdown fields are correctly configured to accept those values. Consider using scripts or automation to maintain the client ID, test with static dropdown data, and review integration settings. Debugging tools and simplifying the form setup can help isolate the problem, and checking documentation or contacting Zapier support may provide further guidance.

Let me know if you need further assistance.

Hre is a simplified test example, I still have the same issue. It’s working fine for static dropdowns but not for thoose which have option sourced from another table. 

 

Example (for debug I’ve displayed all the fields on all the pages) :

  • Page 1, i select a “session” and a “client type” from the dropdowns menu and click the “continue” button.AD_4nXeZUFsYtim2j8BlltnCExrYK4Ky99F0UOvCVqrsaHn2Yg4BAzraumzOr36TpnA-xFleod4s-093Uw7V7pv4fpRbogb5Aj-bt7fAKCD3BHANuwo4-AtUKOwZTyjssu2pqrBPfj1a5Q?key=LbmlmloEylrjSp-YbJsyyA
     
  • Page 2, the “session” & “type of client” option is kept, and I can see that is comes from the URL that has some kind of ID for the “session” and the chosen option for the “type of client”.AD_4nXc-8awkQsSm1ShYXUqr4e1uPX2ZPsW6tFz0EzNx76jxrYms-zRwNGDbfIm0r4zjom6TVNV6tkAVfPNTEGxzlbbpppmcJ3L6WpSvAJTYa5lDumjdYRNx044uxGnV5RFPngzcUvLN?key=LbmlmloEylrjSp-YbJsyyAAD_4nXdJ3kXMZT397dY2kaNPV3yhh3_8UO8A1Wjam5tH5aV73y6ZtjMbYXIu2OAQjWfLHbgm4vqeXfAi2Po_EVXwprNbIUFg1ZYe-EeFVZEYcnGJOi2Rzv0f930JVL_yHkZgwEIvR8zp?key=LbmlmloEylrjSp-YbJsyyA
     
  • Page 3 the session dropdown field is empty and the URL changed to “session=undefined” whereas it worked for the “type of client” wich is also a dropdown field type but has a static list of options.
    AD_4nXeZUskIU1Kv7XqM0opSeNMaA7qKIjOXCLiPwa5IX_XGq7RPbSechmT32h3zOnXP7gDBTMybfSyDJen1aIzuyL3YeZW-Fip2EFG9HuCKN8FIN61ra23i5UQV-DzjAurHeLMa7zdBCw?key=LbmlmloEylrjSp-YbJsyyA


    AD_4nXdrFLGISRD8A7nEFmVI06ggc9EXlkQb29vkEdBON36LIHPbV5DQ366TaUaP_0-GGK2bej9-0UOhQ6FBXVQDeLGkNw4mokPVTSnjWX4uQnlIv_mPQ3EUOm9XGA2DCp2KLY_JSvFodg?key=LbmlmloEylrjSp-YbJsyyA
     
  • If I go back to page 2, remove the session selected from the info in the URL and add it back manually and then press “continue”.AD_4nXcoDSrl9J2SCohfGRX39m88DGCGFxOpAX5MCQejmklSDVK5wq8LXf5Xx5n0jAGVjxeyNwrcPKRmGFPJWu1AMfqKHKHr3b3eX5TqAo4uumOsqJtR04HGY7UlBu5T_T3tq8xtoUaT6A?key=LbmlmloEylrjSp-YbJsyyA
     
  • Then it works, the URL of the page 3 get the right session id and the dropdown menu on the page 3 is well filled.

    AD_4nXcoDd9D7bvQi1sxAZlGK7lWJaseL0S6RSCPWPM-JDtcgQzp3nq13o2kZpqKuvmo1D5LSC1yM4RvvCD9Kc7q6U41F-AFsn4CFv7H0ItGLeeLYiYZgkYIQK12bV-yRXVyqu4bAanvbg?key=LbmlmloEylrjSp-YbJsyyA
     

But of course I don’t want to add each answer for each page. That’s why I’ve multiple pages and the fields that have been answered should not be displayed onto the next page. I’ve displayed them in this example to debug.

 

Thanks for your answer ​@JammerS.

 

  • I’m not sure of what you mean by ensuring that URL parameters persist. From all my tests it doesn’t persist after the second page.
  • Dropdown fields are correctly configured to accept those values because it’s the same field from the same table. This should work.
  • How could I use scripts to maintain the client ID ?

Hi ​@Fragredocroix,

 

To keep a client ID or similar URL parameter consistent across multiple pages, you can either append the parameter to each link and form action using JavaScript or store it in Session Storage for retrieval on subsequent pages. The JavaScript approach dynamically rewrites links and actions to include the client_id, while the storage method saves the ID locally in the browser without modifying URLs. Both strategies help preserve user context as they navigate through your application.

Thank you ​@JammerS,

 

I understand both methods, but where can I use javascript with zapier ? I’m currently dealing with this problem on interfaces pages, but I haven’t found any option to add javascript there.

My closest guess would be to add a zap “action” with a “code” step but I don’t see how that zap would change the content of the next interface page.

Hi ​@Fragredocroix,

 

While you can use the "Code by Zapier" action to run JavaScript or Python for custom logic within a Zap, you can't directly embed custom JavaScript into Zapier interface pages due to security and stability constraints. Consider building a custom web app that communicates with Zapier via webhooks for more control over interface behavior. Alternatively, explore other platforms that support JavaScript and integrate them with Zapier. If you'd like this feature added, submitting a request to Zapier's team is encouraged.

Let us know if you need further assistance. We're here to help.

Terms & Conditions