Táve Contact Form 7 Plugin

Setting it up:

1 & 2 can be found here: https://tave.com/app/settings/new-lead-api

3. On our site I use this to prevent the data in our second contact form from being put into Táve. It can also be used to prevent other info you only want to be given in the email but not in the Táve database, for example you have a field to test if they are human you dont need that info put into their entry in Táve.

Creating your form in Contact Form 7

Just to get you started, here is something you can copy and paste into the form text area, overwrite what is already there (unless you want to keep it):

Version One:

This version has the labels for the boxes as placeholders in the box (an example can be seen on my contact page of this site).

[sourcecode]
[[text* FirstName /48 id:rp_FirstName akismet:author tabindex:01 placeholder "Your First Name (Required)"]]
[[text* LastName /48 id:rp_LastName tabindex:02 placeholder "Your Last Name (Required)"]]
[email* Email /64 tabindex:03 akismet:author_email placeholder "Your Email Address (Required)"]
[tel MobilePhone /20 tabindex:04 placeholder "Your Phone Number"]
[[text EventDate tabindex:05 placeholder "Event Date (YYYY-MM-DD)"]]
[select* JobType tabindex:09 "Wedding" "Honeymoon" "Family Portrait" "Special Event"]
[select Source tabindex:10 "How did you find us?" "Google-Images" "Wedding Show" "Pinterest" "Facebook" "Google" "Instagram" "Planner" "Friend" "Family" "Past Client" "Other, I Promise to Tell You About" ]
[textarea* Message tabindex:11 placeholder "Your Message (Required)"]
[submit tabindex:12 "Send"]

[response]
[/sourcecode]

Version Two:

This version puts the labels above the box where your visitors will fill out the form.

[sourcecode]
<p>Your First Name (required)<br />
[[text* FirstName /48 id:rp_FirstName akismet:author tabindex:01]]</p>
<p>Your Last Name (required)<br />
[[text* LastName /48 id:rp_LastName tabindex:02]]</p>
<p>Your Email Address (required)<br />
[email* Email /64 tabindex:03 akismet:author_email]</p>
<p>Your Phone Number<br />
[tel MobilePhone /20 tabindex:04]</p>
<p>Event Date (YYYY-MM-DD)<br />
[[text EventDate tabindex:05]]</p>
<p>The Event Type<br />
[select* JobType tabindex:06 "Wedding" "Family Portrait" "Special Event"]</p>
<p>How did you find us?<br />
[select Source tabindex:07 "How did you find us?" "Google-Images" "Wedding Show" "Pinterest" "Facebook" "Google" "Instagram" "Planner" "Friend" "Family" "Past Client" "Other, I Promise to Tell You About" ]</p>
<p>Your Message (required)<br />
[textarea* Message tabindex:08]</p>

[submit tabindex:09 "Send"]

[response]
[/sourcecode]

If you want more fields from tave you can visit this page of tave settings to see the other choices available.

OPTIONAL: If you only want one JobType input into Táve and dont want to see the jobtype select box on your form. You must still include it but as a hidden form field. Your form just wont work without it. what you will have to add into your form is this line with obvious value changes if needed:

<input type="hidden" name="JobType" value="Wedding">

It doesnt matter where in the form you put it, and its not needed on your reply email, but only the form that is showing on your site.

Creating Your Email

1. Fill this information out the way you want it to look when it arrives in your email inbox.

We have in the from line:
“[FirstName] [LastName] <[[email protected]]>”
the subject line:
“[EventDate] – [JobType]”
It has become a requirement of some hosts that your from line has your email address with your domain name in it. I know this is counter intuitive as you would typically want the person filling in the form to have their email there; but many hosts are changing their mail systems to better help with spam. So now you simply add in the “Additional headers:” field “Reply-To:[Email]” *note the image is what is in there by default and needs to be updated with the correct fields you have in your form.

2. Here is another sample you can just copy and paste into the message body to start things off.

First Name: [FirstName]
Last Name: [LastName]
Email: [Email]
Phone: [MobilePhone]
Found us here: [Source]
Event Date: [EventDate]
Type of Photography: [JobType]

Their Message:
[Message]

Troubleshooting

The plugin has a section in the settings that will show you a breakdown of information that come is handy when you need help figuring out why your not getting anything showing up in táve from your form. Essentially your looking for a successful connection with the táve servers and an ‘OK’ response, and no CurlErrors.
If your receiving an ‘OK’ response, but your still getting errors on your form when testing it, you should look into the Contact Form 7 Documentation and FAQ. Many of the other issue you may come across will likely be easily answered by reading the Documentation and FAQ from contact form 7, or if your still in doubt; send me off an email and I will be happy to help.