帝国CMS在线预约功能搭建实战教程，小白也能一次搞定

还在靠电话接单？客户都跑光了

你是不是还在用电话本记预约？

客户打不通电话，是不是直接跑了？

好不容易来的咨询，因为没人接丢了。

这其实就是在扔钱。

做网站就是为了获客。

在线预约功能，能帮你24小时接单。

不管白天黑夜，客户随时都能填。

今天我就教你，用帝国CMS搭个预约系统。

不用懂代码，跟着做就行。

哪怕你是新手，也能一次搞定。

这篇文章，帮你解决没人守电话的痛点。

第一步：在后台把“仓库”建好

要做预约，得先有个地方存数据。

帝国CMS有个功能叫“自定义表单”。

说白了，就是让你自己建个填空题。

客户填完，数据就进你后台了。

1.1 找到自定义表单入口

先登录你的网站后台。

别找错了，是管理员后台。

点击左边的“栏目”菜单。

在展开的列表里找“自定义表单”。

点进去，右上角有个“增加自定义表单”。

点它，我们就开始干活了。

1.2 设置表单基本信息

进入新建页面。

第一行是“表单名称”。

你就写“在线预约”或者“客户留言”。

这名字是给你自己看的。

下面有个“所属分类”。

选“默认分类”就行，不用改。

再往下是“表单简介”。

这里可以留空，也可以随便写两句。

1.3 添加客户要填的字段

这一步最关键，想清楚你要问客户啥。

一般至少要有：姓名、电话、预约时间。

在页面下方找到“增加字段”按钮。

点击它，开始添加。

第一个字段，填写“标题”。

“字段名”填英文的，比如“name”。

“字段标识”填中文的，比如“您的姓名”。

“输入表单”选择“单行文本框”。

必填项一定要勾选“必填”。

不然客户不填名字，你也联系不上他。

照着这个方法，再添加“电话”字段。

特别注意：电话字段名建议用“myphone”。

因为“phone”可能是系统保留字，容易冲突。

接着加“预约时间”。

这次“输入表单”选“日期”。

这样客户点一下就能选日历，很方便。

最后加个“备注”字段。

这个可以选“多行文本框”。

让客户多写点需求。

都弄完了，点下面的“提交”按钮。

第二步：把预约窗口“挂”到前台

后台仓库建好了，得让客户能看到。

不然你藏得再深也没用。

这一步，我们搞前台代码。

2.1 复制那段神奇的代码

回到“自定义表单管理”列表。

你会看到刚才建的那个表单。

后面有个操作栏，找到“前台代码”。

点一下，会弹出一个框。

里面全是HTML代码。

不用看懂它，直接全选复制。

这段代码就是预约的入口。

2.2 粘贴到你的模板里

你想让预约出现在哪里？

是首页，还是联系我们页面？

一般是放在首页右侧，或者底部。

用Dreamweaver或者编辑器打开模板。

找到你想放的位置。

把刚才复制的代码粘贴进去。

保存一下，刷新前台网页。

是不是看到了几个输入框？

虽然有点丑，但功能已经有了。

你可以试着填一条提交。

然后去后台看看，数据是不是进来了。

第三步：收到消息赶紧通知你

光有数据还不行。

你得知道有人预约了。

总不能时刻盯着后台看吧？

我们设置一下邮件通知。

3.1 开启系统邮件功能

先去后台“系统设置”。

找到“参数设置”里的“FTP/EMAIL”。

这里要填你的邮箱信息。

SMTP服务器、端口、邮箱账号。

这些去你邮箱官网的帮助中心都能查到。

避坑提醒：密码有时不是登录密码。

是邮箱的“授权码”。

比如QQ邮箱，你得去开授权码。

填错了，邮件就发不出去。

测试一下发送，确保能收到邮件。

3.2 绑定表单通知

回到“自定义表单管理”。

点击你那个表单后面的“管理字段”。

在右上角，有个“前台代码生成与管理”。

进去后，往下拉。

找到“前台提交后发邮件”。

把开关打开，选“是”。

下面填上你要接收邮件的邮箱。

还可以自定义邮件标题和内容。

比如标题写“网站有新预约单啦！”。

这样收到邮件一眼就能看出来。

点保存，这就搞定了。

以后只要有客户填表单。

你手机立马就能收到邮件提醒。

第四步：美化一下，别太寒酸

现在的表单，可能长得有点土。

简单的CSS修饰一下，体验更好。

这步稍微有点技术含量，但很简单。

4.1 修改输入框样式

刚才粘贴的代码里，都有class或者id。

你可以给它们加个CSS样式。

比如把输入框改宽一点。

把按钮颜色改成红色或者蓝色。

代码里找到提交按钮那行。

加上style="background:red; color:white;"。

按钮就变成红底白字了。

虽然简单，但比默认的好看。

4.2 手机端一定要适配

现在大部分人都是用手机访问。

电脑上看着好，手机上可能乱套。

一定要用百分比宽度。

别写死像素，比如width:300px。

要写width:100%。

这样输入框就能随屏幕伸缩。

举个例子：手机屏幕窄。

输入框如果太宽，就会撑破页面。

用100%宽度，就能完美适配。

一定要加个验证码。

在字段里加个“验证码”类型。

防止被恶意软件刷单。

不然你后台瞬间几千条垃圾数据。

清理起来能把人累死。

赶紧动手，别让客户等了

怎么样，是不是没那么难？

核心就三步：建表单、放代码、开通知。

只要照着做，半小时就能搞定。

别光看不练，光看是学不会的。

赶紧打开你的后台试试。

做完了，客户随时都能找你。

生意自然也就跟着来了。

遇到报错，别慌。

把错误代码复制一下，去搜搜。

大部分都是配置的小问题。

动手才是硬道理，加油！