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.

Did this post help you?

Back to overview: E-Commerce & Lead Generation

Related Posts: