Contact Form 7 Codes for WP Academy Forms Tutorial

forms-code.txt

/*--------------------------
| BOOKING FORM CODE
---------------------------*/
<p class="small-fields">[text* first-name class:small-txt-field placeholder "First Name"] [text* last-name class:small-txt-field placeholder "Last Name"]</p>

[email* user-email class:large-txt-field placeholder "someone@example.com"]
[tel* phone class:large-txt-field placeholder "+1-111-11111"]

[date* booking-date class:small-txt-field placeholder "Select Date"]

[select* booking-time class:small-txt-field "Select Time" "Morning" "Evening"]

[submit class:large-btn "Book Appointment"]

/*--------------------------
| ORDER FORM CODE
---------------------------*/
<p class="small-fields">[text* first-name class:small-txt-field placeholder "First Name"] [text* last-name class:small-txt-field placeholder "Last Name"]</p>

[email* user-email class:large-txt-field placeholder "someone@example.com"]
[tel* phone class:large-txt-field placeholder "+1-111-11111"]

[text* Address placeholder "Enter Your Shipping Address"]
[text* City placeholder "Your City"]

[countrytext* country placeholder "Select Country"]


[submit class:large-btn "Place Order"]

/*--------------------------
| SURVEY FORM
---------------------------*/
>> STEP 1
[text* person-name placeholder "Full Name"]
[email user-email placeholder "Your Email"]
[phonetext* phone placeholder "Your Phone"]

[multistep survey-step-1 first_step "YOUR_NEXT_PAGE_URL"]

[submit class:large-btn "Next Step"]

>> STEP 2
[radio job-status default:1 "Employed" "Un-Employed"]
[select* current-income "Less Then $1000" "$1000 to $5000" "$5000 to $10000" "$10000 to $50000" "$50K+"]
<label> Select All That Applies</label>
[checkbox* property-status "Own a House" "Own a Car" "Own an Office"]

[multistep survey-step-2 "YOUR_NEXT_PAGE_URL"]

[submit class:large-btn "Next Step"]

>>STEP 3
[select* basic-education "High School" "College" "University"]

<label> Do you have any diploma/certification? enter below
[text* diplomas placeholder "Enter Names, comma-separated"]</label>

[multistep survey-step-3 last_step send_email]

[submit class:large-btn "Submit Survey"]