How to Integrate Evidence with Contact Form 7

Note: In order to capture events from a Contact Form 7 form, the Evidence Pixel needs to be on the page. Follow this article to learn how to install the Evidence Pixel on WordPress.

Step 1: Create a Webform Source

Log into Evidence. Go to Sources and click the + button.

  1. Name your source the name of your form
  2. Click Webform Submission.
  3. Click Create.
configure form source

Paste the URL that your form is on and click Check.

paste and check

Once your form has been found, click Confirm.

confirm
  1. Select all of the fields you would like to pull from the form.
  2. Set the Field Type for relevant fields. (Don't forget to set First Name and Email)
fields

Toggle your form from Off to On and click Publish.

on
publish

Now log into your WordPress, and go into the settings of your Form. We are going to add a line of code (see below) to it, just before the submit button.

paste the line of code into your form
[hidden evidence-id default:"XXXX" ]

Now head back to Evidence, and go into the settings of your source. Under the Advanced Settings, copy the text after Value.

copy the text after value

Now paste the text you just copied where the 4 X's are in the code you added to your form:

paste the text

Now click Save on your form.

now click save in the bottom left

Head back over to Evidence (Again), and click the Update Form button. Wait for it to give you a success message.

click the update form button and wait for success message

Now you just need to click Publish once more.

click publish at the bottom one more time

All done! You can now use Contact Form 7 as a source within an Evidence Notification!

Relevant Articles

Don't have an Evidence account? Sign up for your FREE 14-day trial now to start utilizing social proof to increase your conversion!

Tags: , ,

Was this helpful?