WPForms Pro 是 WordPress 最易用的拖拽式表单插件,核心流程是:安装激活 → 创建表单(模板 / 拖拽)→ 配置通知 / 条件逻辑 / 支付 → 嵌入页面 → 管理数据。下面是完整使用教程。
二、创建第一个表单(核心操作)
1. 新建表单
- 进入 WPForms → Add New。
- 输入表单名称(如 "联系我们"),选择模板:
- 常用模板:Simple Contact Form、Order Form、Registration Form、Survey Form。
- 从零开始:选 Blank Form。
- 点击 Use Template 进入编辑器。
2. 拖拽式编辑(零代码)
- 添加字段 :左侧面板点击或拖拽字段到右侧预览区。
- 基础字段:姓名、邮箱、电话、多行文本、单选 / 多选、下拉框。
- Pro 高级字段:文件上传、签名、计算、密码、多列布局、分页、HTML、隐藏字段。
- 编辑字段 :点击字段 → 右侧面板设置:
- 标签、占位符、是否必填、默认值、CSS 类。
- 格式:邮箱验证、电话掩码、日期选择器。
- 调整布局 :
- 拖拽字段排序。
- 启用 Multi-Column 实现两列 / 三列布局。
- 用 Page Break 拆分长表单为多步骤。
3. 配置表单设置(Settings)
1) 通用设置(General)
- 表单描述、提交按钮文字、提交后跳转 / 显示消息。
- 开启 AJAX 提交 (无刷新)、保存部分条目(防丢失)。
2) 通知(Notifications)
- 提交后自动发邮件:设置收件人、主题、内容(支持变量如
{all_fields})。 - 配置 SMTP(WP Mail SMTP 插件)解决邮件收不到问题。
- 可设置管理员通知 + 用户回执双通知。
3) 确认(Confirmations)
- 提交后行为:显示消息、跳转到 URL、显示页面。
- 自定义成功文案,支持 HTML 与短码。
4) 条件逻辑(Conditional Logic,Pro 核心)
- 进入 Settings → Conditional Logic ,设置规则:
- 例:如果 "服务类型" 选 "定制",则显示 "详细需求" 字段。
- 支持多条件组合(且 / 或),实现智能表单。
三、Pro 高级功能配置
1. 支付集成(订单 / 收款表单)
- 安装 PayPal Standard 或 Stripe Addon。
- 编辑表单 → 进入 Payments 选项卡。
- 选择支付网关 → 连接账户 → 设置货币、金额(固定 / 计算)。
- 添加 Item、Total、Credit Card 字段,完成支付表单。
2. 反垃圾保护(Spam Protection)
- 基础:Honeypot(默认开启,隐形防 spam)。
- 高级:reCAPTCHA v2/v3、hCaptcha(Pro 专属)。
- 路径:Settings → Spam Protection and Security。
3. 对话式表单(Conversational Forms)
- 安装 Conversational Forms Addon。
- 编辑表单 → Settings → Conversational Forms → 启用。
- 自定义欢迎语、进度条、按钮样式,提升填写体验。
4. 条目管理(Entries)
- 查看:WPForms → Entries,筛选、搜索、预览提交数据。
- 导出:CSV/Excel 导出,用于数据分析。
- 操作:标记已读、删除、导出单个条目。
四、表单嵌入页面(3 种方式)
1. 古腾堡块(推荐)
- 编辑页面 → 添加 WPForms 块。
- 选择表单 → 发布,直接显示。
2. 短码(Shortcode)
- 表单编辑器顶部复制短码(如
[wpforms id="123" title="false"])。 - 粘贴到页面 / 文章 / 侧边栏文本 / HTML 小工具中。
3. 模板嵌入(PHP)
五、常见问题与优化
- 邮件收不到 :安装 WP Mail SMTP,配置 SMTP(Gmail / 企业邮箱)。
- 表单提交慢:关闭不必要的 Addon,启用缓存插件。
- 样式不美观 :在 WPForms → Settings → Styling 调整按钮 / 输入框样式,或添加自定义 CSS。
- 数据安全 :开启 SSL、限制条目保存时长、定期导出备份。
六、快速上手流程
- 安装 WPForms Pro → 激活许可证 → 安装核心 Addon(模板、支付、SMTP)。
- 新建表单 → 选择模板 → 拖拽编辑字段 → 配置通知与条件逻辑。
- 开启反垃圾 → 嵌入页面 → 测试提交 → 管理条目。
七、WPForms Pro 表单插件下载
网上搜索"芒果运营wordpress"即可找到。