跳到主要内容

表单修改教程

本篇你将完成:找到后台表单入口,修改表单名称、提交按钮、成功提示、字段类型、下拉选项和必填规则。预计 8 分钟。

表单是客户提交询盘的入口。页面上的弹窗、联系我们模块、询盘按钮,最终都要绑定后台已经建好的表单。
如果你只是想把表单放到页面按钮上,先看 弹窗表单;如果你要改字段和下拉选项,就看这篇。

表单改完一定要提交测试

后台能保存,不代表前台一定能收到。修改字段后,必须从网站前台提交一次测试,并确认通知邮箱能收到完整内容。

先找到操作入口

操作路径: AllinCMS 工作台站点列表 → 目标站点 → 进入后台 → 表单

1进入目标站点后台找到要编辑的网站,点击“进入后台”
AllinCMS 工作台站点列表 - 站点卡片中的进入后台按钮被红框标出
2打开左侧“表单”在设计区域找到“表单”,可创建、编辑或管理已有表单
AllinCMS 网站后台表单列表 - 左侧表单入口、创建按钮和表单行操作被箭头标出

流程总览

1进入表单列表
2创建或编辑表单
3修改表单基础信息
4编辑字段和选项
5保存并发布
6前台提交测试

一、进入表单列表

进入网站后台后,在左侧找到 表单。这里管理的是可复用表单,不是页面设计器里的某个弹窗模块。

AllinCMS 网站后台表单列表 - 左侧表单入口、右上角创建按钮和表单行操作被箭头标出

表单列表里通常会看到:

位置用途
创建新建一个表单
表单名称进入表单详情或识别当前表单
Slug表单内部标识,一般不要随便改
字段当前表单包含几个字段
行右侧 ...编辑、复制、删除等操作入口

如果只是改已有询盘表单,优先点行右侧 ... 进入编辑,不要重复创建很多相似表单。

二、修改表单基础信息

进入表单编辑页后,先看上面的 表单设置

AllinCMS 网站后台更新表单页面 - 表单设置、提交按钮文案、成功提示、表单预览和编辑字段入口被展示

常用字段这样理解:

字段怎么填注意
名称后台识别表单用,比如 Contact Inquiry不一定会展示给访客
Slug表单内部标识已经绑定页面后不要频繁改
描述后台备注,说明这个表单用途可写“首页询盘表单”“产品详情询价表单”
提交按钮文案前台按钮文字,比如 Send messageSubmit可以改成客户更容易理解的文字
成功提示提交成功后显示给访客建议写清楚“已发送,我们会尽快联系你”

改完基础信息后,如果右上角 更新 按钮亮起,先点击 更新 保存。

三、进入字段编辑器

表单预览 右上角点击铅笔图标,可以进入字段编辑器。字段编辑器一般分三栏:

区域做什么
左侧 Fields可拖入的字段模块
中间 Canvas当前表单的字段排列和预览
右侧属性面板修改选中字段的名称、标签、默认值、选项和验证
AllinCMS 表单字段编辑器 - 左侧字段模块、中间表单画布、右侧字段属性和 Select 下拉选项配置被箭头标出

新手先记住:先点中间字段,再改右侧属性。不要只看左侧模块列表。

四、新手只改这几个字段

普通询盘表单不要一开始做复杂。第一版建议只保留 4 个字段:

前台字段左侧模块必填说明
NameText客户姓名或公司名
EmailEmail用来回复客户
TopicSelect让客户选择咨询类型
MessageTextarea客户填写具体需求

其它字段先不用研究。只有真的需要采购数量、交期、电话时,再添加 NumberDateText 等字段。

五、修改下拉选项

如果你想修改表单里的下拉内容,通常就是选中 Topic 这个 Select 字段。

Topic 只是默认字段名称,可以改成 咨询类型需求类型,也可以直接删除不用。下面的每个下拉选项文字也都可以删除,或改成你自己的业务选项。

操作顺序:

  1. 在中间画布点中 Topic
  2. 右侧找到 Options
  3. 修改每个选项的 Label
  4. 不需要的选项可以删除;需要新增时再添加选项。
  5. Value 用英文小写和短横线,方便后台识别。
  6. 保存并发布表单。
只记住这一句

Label 是客户看到的文字,Value 是后台收到的数据值。

常见选项可以这样写:

LabelValue
Product questionproduct-question
Order supportorder-support
Wholesale inquirywholesale-inquiry
General messagegeneral-message

六、保存、发布和测试

字段改完后,只检查 4 件事:

  1. 点击 更新保存
  2. 如果表单还没发布,先发布。
  3. 回到页面或弹窗,确认绑定的是这个表单。
  4. 打开网站前台,提交一次测试,确认通知邮箱能收到。

测试时可以填写:

Name: Test
Email: your-email@example.com
Topic: Product question
Message: TEST - 表单修改后收信测试

避坑汇总

问题怎么处理
前台还是旧下拉选项检查表单是否保存发布,页面或弹窗是否绑定了正确表单
后台收到的数据看不懂Value 改成英文小写加短横线
提交后收不到邮件站点基础设置 检查通知邮箱
弹窗里是空白弹窗表单 重新选择表单

接下来

📌 弹窗表单 —— 把已经修改好的表单绑定到页面按钮或弹窗里。