Your form can access browser query parameters using the form.param()
function. As an example, let's assume a user has navigated to a form at the URL:
https://formulate.dev/f/my-first-form?utm_source=twitter&utm_campaign=christmas%20sale
Your form can then use the param()
function to extract these values from the query string:
let utmSource = form.param('utm_source');
let utmCampaign = form.param('utm_campaign');
let utmMedium = form.param('utm_medium');
await form.statement("UTM data from the query string", {
description: `
- Source: ${utmSource}
- Campaign: ${utmCampaign}
- Medium: ${utmMedium}
`
})
Which generates this form:
A typical use case would be to record UTM parameters for a submission via hidden fields.