您现在的位置是：首页 > WordPress教程WordPress教程

WordPress怎么添加联系表单？

WP集市 2025-08-22 【WordPress教程】 339人已围观

WordPress加个联系表单？三步搞定，手残党也能学会！

咱们做网站嘛，不管是博客还是企业站，总少不了让访客留个言、咨询点事儿——总不能让人家翻半天找你邮箱吧？所以联系表单这东西，必须安排上。今天就唠唠WordPress咋加联系表单，两种方法，新手用插件躺平，懂点代码的自己写，总有一款适合你。

先扯句废话：为啥非要联系表单？

直接留邮箱不行吗？还真不行。访客得复制邮箱、打开邮件客户端、写内容……步骤一多，人家可能就懒得联系了。表单就方便多了，填完点“发送”就完事，转化率高一大截。而且表单能过滤垃圾信息（后面会说），比邮箱清净。

方法一：插件大法，3分钟搞定（新手必看）

插件这玩意儿，就是给咱这种“不想写代码又想干活”的人准备的。WordPress插件市场里，做联系表单最牛的当属 Contact Form 7——免费、轻量、功能还全，全球几百万网站都在用，靠谱！

具体咋操作？

装插件：进WordPress后台，左边菜单点「插件」→「安装插件」，搜“Contact Form 7”，第一个就是（作者叫Takayuki Miyoshi），点“安装”→“激活”，搞定。
建表单：激活后，左边菜单会多一个「联系」，点进去。系统默认给了个表单，长这样：
```
<label> 您的姓名 (必填)
 [text* your-name] </label>

<label> 您的邮箱 (必填)
 [email* your-email] </label>

<label> 主题
 [text your-subject] </label>

<label> 您的留言 (必填)
 [textarea* your-message] </label>

[submit "发送"]
```
看着有点懵？不用管代码，直接改文字就行！比如把“您的姓名”改成“称呼”，“发送”改成“提交留言”，改完点右上角“保存”。
嵌到页面：保存后，插件会给一串短代码，比如 [contact-form-7 id="123" title="联系表单"]。复制这串代码，新建一个页面（比如叫“联系我们”），在编辑器里粘贴，发布！打开页面一看——嘿，表单出来了！

小提醒：别装太多插件！

之前有个客户，为了个表单装了五六个插件，又是美化又是统计，结果网站慢得像蜗牛。Contact Form 7足够用了，想改样式？后面用CSS调调就行，别折腾新插件。

方法二：手动写代码，灵活度拉满（适合懂点PHP的）

如果你觉得插件不够自由（比如想加验证码、自定义样式），或者服务器不让装太多插件，那就自己写。不难，跟着步骤走，小学生都能学会（夸张了，但真不难）。

步骤：先写HTML表单，再写PHP处理

新建模板页面：进WordPress主题文件夹（一般在 /wp-content/themes/你的主题名/），新建一个文件 page-contact.php（文件名随便，但最好带“contact”，好认）。开头加一句：
```
<?php /* Template Name: 联系我们页面 */ ?>
<?php get_header(); ?>
```
这样后台新建页面时，就能选“联系我们页面”这个模板了。

写表单HTML：在模板文件里，加个表单代码（放在 <div class="44dd-3be2-7969-e82f content"> 之类的主题容器里，别跑偏）：

<form method="post" action="">
 <p>
   <label>姓名（必填）</label>
   <input type="text" name="contact_name" required>
 </p>
 <p>
   <label>邮箱（必填）</label>
   <input type="email" name="contact_email" required>
 </p>
 <p>
   <label>留言内容（必填）</label>
   <textarea name="contact_message" required></textarea>
 </p>
 <p>
   <input type="submit" name="submit_contact" value="发送留言">
 </p>
</form>

注意 name 属性别写错！比如姓名的 name="contact_name"，后面PHP要靠这个拿数据。

PHP处理提交数据：表单提交后，得让服务器收到数据、发邮件给你。在表单代码前面加这段PHP（注意放 <form> 标签上面）：

<?php
if (isset($_POST['submit_contact'])) {
 // 1. 收数据（记得过滤！安全第一！）
 $name = sanitize_text_field($_POST['contact_name']); // 过滤姓名，防注入
 $email = sanitize_email($_POST['contact_email']); // 过滤邮箱
 $message = sanitize_textarea_field($_POST['contact_message']); // 过滤留言

 // 2. 检查邮箱格式对不对
 if (!is_email($email)) {
   echo '<p style="color: red;">邮箱格式不对！</p>';
   return; // 邮箱错了就别往下走了
 }

 // 3. 发邮件给管理员（用WordPress自带的wp_mail函数）
 $to = get_option('admin_email'); // 收件人：网站管理员邮箱
 $subject = '新的联系表单提交'; // 邮件标题
 $body = "姓名：$name\n邮箱：$email\n留言：$message"; // 邮件内容
 $headers = "From: $name <$email>"; // 发件人信息

 // 4. 发送并提示结果
 if (wp_mail($to, $subject, $body, $headers)) {
   echo '<p style="color: green;">提交成功！我们会尽快回复你~</p>';
 } else {
   echo '<p style="color: red;">发送失败，请重试！</p>';
 }
}
?>