You can populate your form fields in advance by incorporating query strings into the URL. The query component begins with a question mark ("?") and if you wish to create multiple query parameters they needs to be separated by an ampersand ("&"). These parameters consist of key-value pairs, with the "key" representing the Field name and the "value" representing the field's Attribute value.
To Pre-populate Form fields via URL Parameters,
- Navigate to the Forms features from the left menu bar
- Create a New Form or use the existing Form. Learn More
- Once the Form is created and is successfully Published, you need to copy the embedded code or the Share Link option
- While Sharing Link or Copying the code to your website you need to add the ? at the end of the link followed by Field that you wish to add and equals to the relevant attributes.
For Example,
- Webform Link: https://staging45.salesmate.io/webforms/#/f7e861db-14f1-43ef-815d-411d146150ea
- At the end of your web form link start the query with the "?" icon
- Now add the field names available on your form and use the attributes of those fields
- name={{Contact.name}}
- email={{Contact.email}}
- mobile={{Contact.mobile}}
The above components must be added after the "?" icon with the "&" separation.
New Link: https://staging45.salesmate.io/webforms/#/f7e861db-14f1-43ef-815d-411d146150ea?name={{Contact.name}}&email={{Contact.email}}&mobile={{Contact.mobile}}
- Thus, you can add any form fields to your webform URL to pre-populate contact information on the form
Comments
0 comments
Article is closed for comments.