How To Use Contact Form 7?
Debrup Ganguly - Digital Marketing: Assistant Manager
|
78 steps
|
8 minutes
Infinityfreeapp
1
Navigate to [http://seoiseasy.infinityfreeapp.com/wp-admin/admin.php?page=wpcf7-new](http://seoiseasy.infinityfreeapp.com/wp-admin/admin.php?page=wpcf7-new)
2
Click the "Enter title here" field to Enter a Name for Your Form
3
Delete Unnecessary Fields. Remember that these fields are fairly simple and if you read the context, you will get what it is for. Check the Syntax here: [https://contactform7.com/tag-syntax/#mail_tag](https://contactform7.com/tag-syntax/#mail_tag)
4
Click "drop-down menu"
5
Click the "Required field" field. to make this field required
6
Click the "One option per line." field.
7
Click "Insert a blank item as the first option"
8
Click the "One option per line." field.
9
Type "Facebook [[enter]] Instagram [[enter]] Just Now [[enter]] Someone Told Me"
10
Click this button field.
11
Click this field.
12
Type " [[enter]] <label> Where did you hear about us?"
13
Click this field.
14
Type "</label>"
15
Click this field.
16
Click this field.
17
Click this field.
18
Click this field.
19
Type " [[Backspace]] y"
20
Click this field.
21
Type " [[enter]] [[enter]]"
22
Click "acceptance"
23
Click the "Condition" field.
24
Type "I accept"
25
Click "Make this checkbox optional"
26
Click this button field.
27
Click this field.
28
Basically, I am adding a Privacy Policy Link (although I am yet to create one; you can get one from Privacy Policy Generators) here.
29
Type "</label>"
30
Click "Mail"
31
Click "Mail"
32
Click the "Message body" field.
33
Type " [[enter]] [your-email] [[enter]] ["
34
Make sure you collect the Form Data, by adding the needed code from the form Tab. Just note how I do it.
35
Click the "Message body" field.
36
I simply took [menu-165] from Step 10.
37
Delete the "Additional headers" field data, if you do not want to send a copy of the data to the Lead Prospect.
38
Click the "Subject" field.
39
Click the "Enter title here" field.
40
Click "Messages"
41
Click "Additional Settings"
42
Click "Conditional fields Settings"
43
Click "Redirect Actions"
44
Click this button.
45
Click here.
46
Click this dropdown.
47
This Option Sends Users to the Thank You Page After a Form Submission.
48
Click this button.
49
Navigate to [http://seoiseasy.infinityfreeapp.com/wp-admin/admin.php?page=wpcf7&post=1233&active-tab=5](http://seoiseasy.infinityfreeapp.com/wp-admin/admin.php?page=wpcf7&post=1233&active-tab=5)
50
Click "Pages"
51
Click "Home"
52
Click here.
53
Type "conta"
54
Click here.
55
Click here.
56
Click "Please Select contact form."
57
Click this dropdown.
58
Select Your Type of Form.
59
Click "Style" to Edit the Style of the Form.
60
Click "Center" and the Form will Center Itself.
61
Click "Left" to revert to default.
62
Start Changing the Styles as per your need. Input changes the way users see their form input.
63
Play with the height to check the effect.
64
Double-click the "Height" field to enter a value.
65
You can change just about any detail you want regarding colour, font and borders.
66
You can change the font family.
67
Click the "Size" field to change the size.
68
Click the "Size" field.
69
Click here.
70
Change colours if you want to.
71
Click "Text"
72
Click here.
73
Click here.
74
Click "Advanced"
75
Click "End"
76
Click here.
77
Then, you just reposition the Form and recheck your placement.
78
Click "Publish"
