Pre-filled Forms

We like to avoid form fatigue at New/Mode. So anytime one of your supporters returns to a New/Mode campaign, like a Tweet @ Tool or an Emailing Tool, that tool will recognize the returning supporter and pre-fill their contact information into the text fields.

Name, zip code/postal code, address, email address and phone numbers will automatically be pre-filled so your supporters can quickly, effortlessly take actions. 

If you're working with a data vault for supporter information, there are also a couple of strategies that you can use to pre-fill forms for supporters who are first-time users of New/Mode tools.

Passing Variable Data to Form Fields Using Encrypted URLs

(You'll need some help from our dev team to get this one going.)

Step 1: From your New/Mode Organization dashboard, select the tool you want to work with, and navigate to Advanced settings under the tool's Edit tab. Select Components and follow to steps to add a new component to your tool form. It's best to avoid existing first_name, last_name, email_address fields as a Javascript pre-fill will override them.

Step 2: Under Edit Component, set the default value field of your new component field as this token: [node:nm-decrypted-query:testkey] and click Save.

Step 3: Contact New/Mode support to get the key that you need to encrypt the data you want to pass along to the form.

Step 4: Now return to the webpage where you're embedding the tool form. You will need to implement javascript code to urlencode your data so it can be passed into our system. Insert javascript into the existing webpage like so:

$test = json_encode(array('testkey' => 'Stefanko')); dsm(urlencode(nm_form_prefill_encrypt($test, 1234)));

* Where 1234 is the node number of the Organization associated with the tool you're working on.

This should yield a result that looks something like this:

WvhBxEtUGWdKzQduc5akA01cJvr%2BXwyvqt8eYKSRLPF2Eaf9RAKdnlfSI0NwmhsJ4ESbeMPZ6v0qWS4TGh3CmHM72QAbPv1w0NgV4Dn%2FZVz1D1jfSOojDgdJIqL%2BhNKVZOX7foBdv5A%2BtSevM%2B7G0A%3D%3D

Step 5: The form has to be loaded in a page that has this query string: nmdata=YOUR_ENCRYPTED_VALUE 

Step 6: Verify that the decrypted value shows in the form field when it's loaded.

PRO TIP: You can follow similar steps to those above to pass unencrypted variable data to form fields. Rather than getting an encryption key from us, you can bypass this step and just give the parent page: testkey=example&whatever in a query string. We generally discourage this for security reasons.

Pre-filled forms have some pretty amazing advantages. Reducing the time it takes for users to take an action means higher conversions for your New/Mode campaigns.  

 

 Image: Form with pre-filled user info.