Hidden fields and providing default values to forms
Able to set some hidden fields to a webform and also provide default values for some fields. Being able to Make different webforms with different settings for the same app.
You can prepopulate fields in a Podio form, but it's a bit of a hack. I copy the form URL out of the embed code, minus the .js extension, and write out IFRAME code to embed it on the page myself. If you Inspect Element (Chrome or Firefox) on the field you want to pre-populate a value for, it will show you the ID of the form field. Right-click the line of code and click "copy unique identifier" (FF default inspector) or "Copy CSS Path" (Chrome) to copy the field ID/name; make sure to remove the # sign it prepends at the beginning.
If you add an argument to the form URL in the SRC value of the IFRAME tag, with the ID of the form field as the name of the argument, it will pre-populate with whatever value you specify.
Here's an example webform: https://podio.com/webforms/4630653/363200
Here it is with a pre-populated value: https://podio.com/webforms/4630653/363200?field_35908753=MyName
You can write as many arguments into the SRC value of the IFRAME tag as you like, I believe, although we've only ever pre-populated one value in any of our forms.
Please sign in to leave a comment.