一、表单块:网站的 "吸客神器" ,不只是 "留个言"
想象一下这个场景:
客户访问你的网站,对你的产品很感兴趣,想咨询一下。结果页面上只有一个 "联系我们" 的邮箱地址,客户懒得发邮件,转身走了——你白白丢掉了一个潜在订单。
如果页面上有一个精美的联系表单,客户填个名字、邮箱、问题,点击提交——信息自动进入你的CRM,销售团队立刻跟进。
这就是表单块(Form Block) 的魔力!
这就是表单块(Form Block) 的魔力!
Odoo 19 的表单块不仅能收集信息,还能自动在数据库中创建记录——招聘申请、销售机会、客服工单、项目任务……客户填个表,你的后端系统自动运转。
二、添加表单块:两步搞定
第一步:拖拽表单分类块
- 打开网站页面 → 点击 Edit 进入编辑模式
- 在左侧 Blocks 面板中,找到 Contact & Forms 分类
- 拖拽到页面目标位置
第二步:选择表单模板
- 弹出 Insert a block 窗口
- 选择适合的表单模板
- 表单自动添加到页面
三、表单动作(Action):提交后自动做什么?
默认情况下,表单提交后发送一封邮件,包含访客填写的信息。但Odoo的强大之处在于——根据安装的应用,可以自动创建各种记录。
配置表单动作
- 点击 Edit 进入编辑模式
- 选中表单中的任意字段
- 进入 Style 标签页
- 在 Form 区域,选择 Action
可选动作列表
| 动作 | 需要应用 | 效果 | 适用场景 |
|---|
| Send an email(默认) | 无需额外应用 | 发送邮件通知 | 简单信息收集 |
| Apply for a Job | Recruitment | 创建招聘申请 | 人才招聘页面 |
| Create a Customer | eCommerce | 创建客户记录 | 新客户注册 |
| Create a Ticket | Helpdesk | 创建客服工单 | 售后服务支持 |
| Create an Opportunity | CRM | 创建销售机会 | 销售线索收集 |
| Subscribe to Newsletter | Email Marketing | 订阅邮件列表 | 邮件营销获客 |
| Create a Task | Project | 创建项目任务 | 项目需求提交 |
| More models | - | 生成其他类型记录 | 自定义业务场景 |
> 核心逻辑:客户填表 → 系统自动创建记录 → 对应团队收到通知 → 立即跟进。真正实现 "无人值守" 的线索收集!
四、提交后行为(On Success):客户提交后去哪?
| 选项 | 说明 | 适用场景 |
|---|
| Thank you page(默认) | 跳转到感谢页面 | 标准流程,确认提交成功 |
| URL | 跳转到指定页面 | 提交后引导到产品页、下载页 |
| Nothing | 留在当前页面 | 不打扰用户继续浏览 |
| Show Message | 在当前页面显示成功消息 | 简洁反馈,无需跳转 |
五、表单全局设置:标签宽度、必填标记、提交按钮
标签宽度(Labels Width)
- 调整表单标签的显示宽度
- 影响整体排版美观度
必填字段标记(Marked Fields)
| 设置 | 说明 |
|---|
| Required | 标记为必填 |
| Optional | 标记为可选 |
| Mark Text | 必填字段的提示文字(如 "*" 或 "必填" ) |
提交按钮定制
- 修改按钮文字:
点击提交按钮,直接输入新文字
点击提交按钮,直接输入新文字
- 按钮位置(Button Position):
在 Style 标签页的 Submit Button 区域调整
在 Style 标签页的 Submit Button 区域调整
六、表单字段:15种类型,满足所有收集需求
添加新字段
- 进入 Style 标签页
- 点击 Form 或 Field 区域的 + Field 按钮
修改现有字段
- 选中字段
- 在 Style 标签页的 Field 区域编辑
字段类型大全
| 字段类型 | 说明 | 示例 |
|---|
| Custom Text | 单行文本 | 姓名、公司名 |
| Long Custom Text | 多行文本 | 详细描述、备注 |
| 邮箱地址 | 联系邮箱 | |
| Telephone | 电话号码 | 联系电话 |
| Your Company | 公司名称 | 企业客户 |
| Url | 网址链接 | 公司官网 |
| Number | 整数 | 数量、人数 |
| Decimal Number | 小数 | 金额、价格 |
| Checkbox | 单个勾选框 | 同意条款 |
| Multiple Checkboxes | 多选勾选框 | 兴趣领域 |
| Radio Buttons | 单选按钮 | 性别、套餐选择 |
| Selection | 下拉选择 | 国家、省份 |
| Date | 日期选择 | 预约日期 |
| Date & Time | 日期时间选择 | 会议时间 |
| File Upload | 文件上传 | 简历、附件 |
> ⚠️ 注意:有些字段看起来相似,但数据格式要求不同。例如Email字段会自动验证格式,Telephone字段只接受数字。
字段通用配置选项
| 选项 | 说明 |
|---|
| Type | 字段类型 |
| Label | 字段标签文字 |
| Position | 标签位置 |
| Description | 字段描述说明(开关开启后可编辑) |
| Required | 是否必填 |
| Requirement | 验证条件(如Email必须包含@) |
| Animation | 字段动画效果 |
| Visibility | 字段可见性设置 |
文本与数字字段的特殊选项
| 选项 | 适用字段 | 说明 |
|---|
| Placeholder | Text、Long Text、Email、Url、Telephone、Number、Decimal Number | 占位提示文字 |
| Default Value | 同上 | 默认值 |
| Height | Long Text | 多行文本框高度 |
使用数据库已有字段(Existing Field)
- 选择 Existing Field 选项
- 从数据库中选择已有字段
- 可用字段取决于所选的 Action
- 数据库中的 Property fields(属性字段) 也可以使用
> 实战场景:CRM的 "行业" 字段、客户的 "来源渠道" 字段,可以直接在表单中复用,数据自动关联。
七、实战案例:不同业务的表单配置
案例一:销售线索收集(Create an Opportunity)
| 字段 | 类型 | 必填 | 说明 |
|---|
| 姓名 | Custom Text | ✅ | 联系人姓名 |
| 公司 | Your Company | ❌ | 公司名称 |
| 邮箱 | ✅ | 联系邮箱 | |
| 电话 | Telephone | ❌ | 联系电话 |
| 感兴趣的产品 | Selection | ❌ | 下拉选择产品 |
| 预算范围 | Selection | ❌ | 下拉选择预算 |
| 留言 | Long Custom Text | ❌ | 详细需求 |
Action:Create an Opportunity(CRM)
On Success:Show Message(显示 "我们会尽快联系您" )
案例二:招聘申请(Apply for a Job)
| 字段 | 类型 | 必填 | 说明 |
|---|
| 姓名 | Custom Text | ✅ | 申请人姓名 |
| 邮箱 | ✅ | 联系邮箱 | |
| 电话 | Telephone | ❌ | 联系电话 |
| 应聘职位 | Selection | ✅ | 下拉选择职位 |
| 工作经验 | Number | ❌ | 工作年限 |
| 自我介绍 | Long Custom Text | ❌ | 个人简介 |
| 简历 | File Upload | ✅ | 上传简历 |
Action:Apply for a Job(Recruitment)
On Success:Thank you page(跳转到 "申请已收到" 页面)
案例三:邮件订阅(Subscribe to Newsletter)
| 字段 | 类型 | 必填 | 说明 |
|---|
| 邮箱 | ✅ | 订阅邮箱 | |
| 姓名 | Custom Text | ❌ | 称呼 |
| 兴趣领域 | Multiple Checkboxes | ❌ | 选择感兴趣的内容 |
Action:Subscribe to Newsletter(Email Marketing)
On Success:Show Message(显示 "订阅成功,欢迎加入!" )
八、在非Odoo网站上嵌入Odoo表单:iframe大法
你的网站不是Odoo建的?没关系!用iframe把Odoo表单嵌入到任何网站。
三步嵌入法
第一步:准备Odoo表单
- 在Odoo网站创建一个联系表单页面
- 移除页头(Header)和页脚(Footer)设计
- 确保页面上只有表单
第二步:生成嵌入代码
- 复制Odoo表单页面的URL
- 粘贴到iframe生成器(如 La Digitale.dev 或 iFrame Generator)
- 调整宽度和高度,确保显示正常
第三步:插入非Odoo网站
- 打开目标页面的HTML(在代码编辑器或CMS中)
- 在需要显示表单的位置插入iframe代码
示例代码:
<iframe src="https://example.com/odoo-form"
style="border:0;"
name="odooForm"
scrolling="no"
frameborder="0"
marginheight="0"
marginwidth="0"
height="400px"
width="600px"
allowfullscreen>
</iframe>> 实战场景:你的官网是WordPress建的,但想用Odoo的CRM管理线索。在WordPress的 "联系我们" 页面嵌入Odoo表单,客户提交后自动进入Odoo CRM,完美!
九、表单设计的 "最佳实践"
| 实践 | 说明 | 效果 |
|---|
| 字段越少越好 | 只收集必要信息 | 提升提交率 |
| 必填标记清晰 | 用 * 或 "必填" 标识 | 减少用户困惑 |
| 占位提示明确 | Placeholder说明格式 | 降低填写错误 |
| 验证条件合理 | Email必须含@、电话必须数字 | 保证数据质量 |
| 提交反馈即时 | Show Message或跳转感谢页 | 提升用户体验 |
| 移动端适配 | 检查手机上的显示效果 | 覆盖移动用户 |
| 隐私声明 | 添加 "我们保护您的隐私" | 增加信任感 |
十、总结:表单块,让网站从 "展示橱窗" 变成 "获客引擎"
- 拖拽添加:
Contact & Forms分类块,两步搞定
Contact & Forms分类块,两步搞定
- 动作丰富:
8种自动创建记录的动作,覆盖招聘、销售、客服、营销、项目
8种自动创建记录的动作,覆盖招聘、销售、客服、营销、项目
- 字段齐全:
15种字段类型,从文本到文件上传应有尽有
15种字段类型,从文本到文件上传应有尽有
- 验证智能:
Requirement条件确保数据格式正确
Requirement条件确保数据格式正确
- 跨站嵌入:
iframe技术让Odoo表单出现在任何网站
iframe技术让Odoo表单出现在任何网站
- 数据打通:
Existing Field复用数据库字段,信息自动关联
Existing Field复用数据库字段,信息自动关联
记住:最好的网站不是 "看起来漂亮" ,而是 "能自动帮你赚钱" 。 Odoo 19的表单块,就是让你的网站从 "展示橱窗" 变成 "获客引擎" 的秘密武器!