Add Hidden Fields to Wix Forms
Attributer is a little bit of code you add to your website. It tracks where your visitors are coming from (I.e. Paid Search, Paid Social, Organic Search, etc) and writes the data into hidden fields you add to your forms which is then captured by Wix and can be sent to your CRM and other tools.
In order for it to work, you need to add a series of hidden fields to your Wix forms. Here’s how to do it:
Step 1: Add 6x ‘Short Answer Field’ form fields to your form
In your Wix account, open the page that contains your form in the Wix Editor and then select the form on the page. In the options that appear, select the ‘Add New Field’ option.
In the popup that appears, select the ‘Basic Fields’ option in the left-hand menu and then click the ‘+’ button next to the ‘Short Answer Field’ to add it to your form.
Select it several more times to add 6x ‘Short Answer Field’ form fields to your form
Step 2: Label the fields
Now that the fields have been added to your form, it’s time to name them so that Attributer knows which fields to write the marketing attribution data to.
To name the fields, simply double click each one and a popup will appear that looks a bit like this:
You’ll need to give each of the 6x fields the following titles (including the square brackets):
- Field Title = [attributer-channel]
- Field Title = [attributer-channeldrilldown1]
- Field Title = [attributer-channeldrilldown2]
- Field Title = [attributer-channeldrilldown3]
- Field Title = [attributer-landingpage]
- Field Title = [attributer-landingpagegroup]
Step 3: Hide the fields
Hiding a field means that the field does not show to visitors on your website but is technically still present on your form (and therefore Attributer can write attribution information to it).
To do hide these fields, select ‘Dev mode’ from the top menu bar and then select ‘Turn On Dev Mode’
With Dev Mode turned on, select the recently added form fields and then select the ‘Hidden’ option in the Dev Mode panel.
Repeat the above to hide each of the 6x form fields you added for Attributer.
Step 4: Move the submit button (optional)
It may be the case that adding these additional 6x form fields to the bottom of your form has pushed the Send button and associated Success Message considerably down the page. Then when you hide the fields, you’re left with a large space between your form fields and the submit button.
To fix this, simply click and drag the Send Button & Success Message back up over the top of the hidden fields so that they sit in the desired position just below your visible form fields.
Can't find the answer you need? Contact us!
Our team are available to answer any questions you have