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

WordPress如何添加联系表单

WP集市 2025-09-01 【WordPress教程】 1712人已围观

首先你得有个WordPress网站对吧？不然咱聊啥呢。装个插件叫Contact Form 7，这玩意儿免费又常见，后台插件那里搜一下安装激活，五分钟搞定。
激活完了，左边菜单找“联系”点进去，默认有个现成表单，直接复制那个短代码就行，比如[contact-form-7 id="123"]。然后？新建个页面或者文章，把短代码贴进去发布，前端就能看到个基础表单了，带姓名邮箱消息框那些。
想自己改字段？比如加个电话号码？在表单设置里改代码，举个栗子：
```
<label>电话 (选填)
[tel your-phone] 
</label>
```
记得上标签和短代码配对，保存更新后前台自动刷新，哎就多了个输入框。
样式丑？正常，默认表单长得跟WordPress亲生的似的——素得很。用CSS自定义呗，主题自定义izer里加代码，比如：
```
.wpcf7-input { 
border: 2px solid #ccc; 
padding: 0.5em;
}
```
边框颜色随便改，反正看你主题搭配，别整得红配绿就行。
邮件通知得设置对吧？不然用户提交表单你收不到消息。在Contact Form 7的“邮件”标签里填自己邮箱，主题栏写“来自网站的联系消息”，正文部分用[_raw]短代码显示提交内容，别忘记点“使用HTML内容类型”。
最后测试下，前端填个表提交，收不到邮件就检查垃圾邮件箱，或者装个SMTP插件配置发信服务，不然可能被服务器拦截了。搞定这些，基本就算齐活，毕竟表单不需要太复杂，能联系上就行。