E-Commerce & Lead Generation
Hide Email Address in Wufoo Forms Using Contact ID
Simplify your Wufoo forms by hiding email fields for existing contacts. KlickTipp automatically assigns a contact ID to each contact in your account. Using this contact ID, you can hide the email address field in your Wufoo forms.
Your contacts can complete and submit surveys without re-entering their email address. Follow this guide to improve the form experience for your users and make submissions more efficient.
Good to Know
Please make sure that the link is always created using the appropriate placeholder from a KlickTipp email.
Step-by-Step Instructions
Access and Edit Your Wufoo Form
- Log in to your Wufoo account.
- Click on → Forms in the menu.
- Click on → Edit next to the Wufoo form and select the option → Edit Form.
- Add an additional text field to the form.
- Name it → Contact ID.
- Add the word → hide in the input field under → Add CSS Layout Keywords.
- Click on the → Save Form button.
Define Field Rules
- Click on → Edit in the menu of the form overview in your form and select the option → Add Rules.
- Click on the → Create a Field Rule button.
- Configure the rule. In the drop-down menus, select in order → Contact ID → is not → (leave this field empty) → HIDE → Email address.
- Finally, click on → Save Field Rules.
You need to make a small adjustment to the JavaScript code for your website. Otherwise the rule cannot be implemented correctly.
Modify and Embed the JavaScript Code
- Add the command line → 'defaultValues': window.location.href.split('?')[1] to the JavaScript code.
- Copy the code to the clipboard.
- Click on → Share in the menu next to the form and select the option → Embed Form.
- Position the cursor in the JavaScript code behind the line → 'header':'show',
- Press the ENTER key three times to insert three blank lines.
- Paste the line of code from the clipboard.
- Then copy the complete JavaScript code with the → Copy Code button.
Did You Know?
Make sure to assign the → Contact ID Field in the list building section of KlickTipp. Without this step, the email address might still be filled in automatically but won't be hidden correctly.
If Wufoo does not receive a contact ID, the rule will not work. Lastly, verify that the prefill URL in the Wufoo form is entered correctly in KlickTipp.
Now you know how to hide email fields in Wufoo forms using KlickTipp's contact ID. This adjustment simplifies submissions and improves the user experience.
Try it today to make your forms more efficient and user-friendly.