Volunteer

Set-up the form in Contact Form 7

1. Activate the Contact Form 7 plugin
2. Go to Contact in your admin panel
3. Create a new form with the name "Volunteer Form"
4. Copy and paste the following code in the Form tab

<label> Volunteering for:
[select* menu-578 class:volunteer-projects placeholder ""] </label>
<label>
    [text* your-name placeholder "Your first name"] </label>
<label>
    [text* your-last-name placeholder "Your last name"] </label>
<label>
    [email* your-email placeholder "E-mail"] </label>
<label>
    [tel tel-175 placeholder "Phone Number (Optional)"] </label>
<label> Want to tell us anything?
    [textarea your-message] </label>
[submit "Submit"]

5. Click "Save"
6. Go to the Mail tab
7. Change the "To" field to the e-mail address that will receive the applications
8. Click "Save"
9. At the top of the page there is a code that you will use it when you area creating the "Volunteer" page. Keep that in mind.

Set-up for the page

1. Go the Pages in your admin area
2. Create a new page with the slug "volunteer". This is very important because we have dependencies with this name.
3. Add your title and your content.
4. Add the Contact Form 7 code, after your content.

Set-up the success page

In out form the user redirected for a success page when they successfully send a volunteer application. That's why we need to create this page too.

1. Go the Pages in your admin area
2. Create a new page with the slug "success". This is very important because we have dependencies with this name.
3. Add your title and your content.
4. Add a featured image. This image will be display as background image in the success page.