Adding BriteForms to Your Existing Unbounce Page

Step 1

Create a BriteVerify account by visiting https://app.briteverify.com/users/sign_up 


Step 2

Once your account has been created, you will need to upgrade to BriteForms. This can be done by either logging into BriteVerify and either clicking the "Upgrade to BriteForms" button, or by going to "Account Settings" and choosing "Plans"  

The Upgrade Button

The Upgrade Button

Selecting Your Plan

Selecting Your Plan


Step 3

Once your account is created, click the ‘Forms’ tab and click on the ‘Trusted Domains’ button. 

Add the root URL http://app.unbounce.com.  This URL is the preview URL for Unbounce.  

Add a second URL http://unbouncepages.com.  This is the default URL for your live form.  If you are using a custom domain enter it en lieu of unbouncepages.com.  You can come back to this step if you add a custom domain later.


Step 4

Next click the ‘+ New Form’ button, name your form, and click ‘Create Form.’  Copy the code snippet as you will paste it in Step 6. 


Step 5

Visit Unbounce.com, log in, and select the page / form you would like to access.  Click ‘Edit’ on the First Variant.  If you have multiple variants set up for this page you’ll need to add BriteForms to each variant that contains a form.


Step 6

At the very bottom of your page you’ll see Javascripts.  Click the plus sign to the right of Javascripts.  If you already added javascripts to this form you will see a number instead of a plus sign.

The "Add Javascripts" menu

The "Add Javascripts" menu

Naming the javascript and selecting the tag

Naming the javascript and selecting the tag

On the following page name the javascript  ‘briteforms’ and select ‘Before Body End Tag’ from the Placement drop down menu.


Step 7

Paste the BriteForms snippet copied in Step 3 into the open field and click ‘Done’ in the lower right hand corner.


Step 8

At the top of the page click Save Changes and click ‘Preview’ in the upper right to open your form in preview mode. 

 

IMPORTANT!! By default your form is set to test mode. You will ONLY be able to test the following addresses:

This will allow you to develop and run BriteForms from your local machine without having to authorize any domains or worry about triggering BriteVerify's fraud tools and security countermeasures. In test mode you will need to use certain emails to simulate certain events. Submissions and Verifications will still be tracked but they will all be marked as test transactions and only appear in reporting when the form is in test mode. 

You must take your form out of test mode in order to validate anything other than the addresses shown above. You will do this in Step 11.

Previewing your new form

Previewing your new form

NOTE: If the event doesn’t fire visit briteverify.com and click on the ‘question mark’ in the lower right for assistance. 


Step 9

Once you’ve confirmed verification is working, click the Unbounce icon on the upper left-most side of the page then click on the page / form you’re setting up.

At the top of the screen you will see the URL of your form. 

 

You can either use http://unbouncepages.com as your root URL or add a custom domain.  We suggest a custom domain for security purposes.  Information about creating a custom domain is available here: http://documentation.unbounce.com/hc/en-us/articles/203661044-Mapping-Your-Landing-Page-Domain-CNAME-Records-and-SSL- 

After your custom domain is added, revisit BriteForms, click the Forms tab, click ‘Trusted Domains’ and replace http://unbouncepages.com with your new root URL.


Step 10

Back to BriteForms, click on the ‘Forms’ tab then on the BriteForm you just created to view all your test analytics. 

The main forms screen

The main forms screen

This screen will provide valuable information about your form health once your form is turned live.

The Form Analytics Screen

The Form Analytics Screen


Step 11

When your form is ready to be turned live visit the BriteForms Form tab, click on your BriteForm and move the toggle switch at the top of your analytics page from Test to Live.

You really don't want to forget to do this step

You really don't want to forget to do this step

NOTE: All analytics observed during test mode will be reset to 0 when you turn your form live.


Step 12

Revisit your Unbounce page and Re-Publish your form.

This is the other step you really don't want to forget

This is the other step you really don't want to forget