WordPress. Contact form 7. 高级配置

Hello! 本教程将向您展示如何 configure Contact Form 在WordPress中基于 Contact Form 7 plugin.

In WordPress contact form 通常使用以下命令配置 Contact Form 7 plugin.

让我们学习如何设置它.

本教程假设您已经登录到WordPress dashboard.

1. Navigate to Contact -> Contact Forms tab:

   

2. Then click the contact form 打开标题以便编辑:

   

Now that the Contact Form 7 编辑界面打开后，您可以开始配置表单.

表单编辑屏幕包括 4 main tabs: Form, Mail, Messages and 附加的设置:

让我们逐一分析 tab 找出它们的用途.

The Form tab 包含表单结构. 在这里，你可以调整表单的显示方式和它包含的字段:

你可以从 screenshot 上面，表单包括 "Name", "E-mail", "Phone" and "Message" Fields，以及 “Clear” and “Send” buttons.

可以使用表单添加/编辑字段 mail-tags, e.g. “text”, “email”, “checkboxes”, “radio buttons”, etc.:

让我们导航到 Mail tab，它负责设置电子邮件到达的电子邮件地址.

The Mail tab 包括如下字段，如 “To”, “From”, “Subject”, “附加头” and “Message Body”:

At the top of the Mail tab you can see the mail-tags which are 可在现场使用:

Mail-tags 将它们添加到 Form 场，因此你可以看到 four 可在字段中使用的邮件标记，因为您只有 four tags created (Name, E-mail, Phone and Message).

Note! 为了正确配置表单，字段必须包含 只有在“表单”下的表单结构中使用的邮件标签。 tab，否则表单将不起作用.

将电子邮件地址(电子邮件应该到达的位置)插入到 “To” field.

“From” 字段应包含以下字符串:

[your-name] 

你应该在哪里使用 your domain name instead of templatetesting.com.

确保用相应的标记填充其余字段.

现在让我们导航到 Messages tab.

它包括用户在对表单执行某些操作时看到的所有消息的文本, e.g. "发件人的消息已成功发送"，"Validation 错误发生”等等.:

Finally, the 附加的设置 tab allows to add 自定义代码片段 there. 你可以在这里找到有关的详细资料: 附加的设置.

一定要点击 “Save” 按钮，在完成配置表单后应用更改:

本教程到此结束. 我们已经学会了如何 configure Contact Form 在WordPress中基于 Contact Form 7 plugin.

请随时查看下面的详细视频教程: