价单页通常都是有一个或几个HTML页面组成，由于HTML对搜索引擎的友好性，通过用来百度、google、搜狗等竞价排名来推广产品，由于大多数的竞价页面都是由一个页面组成，因此取名“竞价单页”。

单页营销网站能够象一个最精明的销售员一样，对每一个客户都能重点说明了你的产品优势、可以引导他、刺激他去购买你的产品。传播快速、销售力强、转化率高！

建立一个传统大而全的企业网站，展示公司介绍、经营理念、企业证书、产品类别、产品图片、参数、案例、新闻资讯、联系方式等等内容一大堆。

问题是90%客户浏览你的网站时并不能让他产生购买冲动，因为信息量多，没有了重点，只能是告诉他你在做什么产品，只能作为单向展示职能，并没有营销性，这是一种被动销售。

订单系统后台

单页型网站因为没有网站的框架，表格等诸多限制，也没有分散目标顾客注意力的信息。可以很“从容”的加入视频，超大图片，顾客评价，免费赠品等，从而让目标顾客更加全方位的了解您的商品，达到快速成交的目的。

那么，竞价单页最核心的部分就是在线订单系统，目前市面上有两款ASP与PHP为主流的语言源码程序，这里我注重讲解PHP版的CLPHP订单系统，PC、手机自适应版——竞价页订单系统，快速下单，有邮件提醒，短信提醒。功能强大、安全、稳定、防注入、不会空单、丢单等。

CLPHP订单系统2016 WEB、WAP自适应版主要功能：

1.颠覆传统，增加产品型号、产品尺寸、产品颜色等产品多选项选择，满足亲们多样需求

2.超乎想象，自带十六种可自适应电脑站和手机站的样式，一套源码解决亲PC端、WAP端使用订单系统问题，全部为全新界面，更加美观、大气

3.带邮件提醒+手机短信提醒{手机邮箱开启短信提示功能即可}，特别增强对将QQ邮箱设置为订单发件箱的支持；邮件标题进一步优化，显示订单编号、姓名、联系电话

4.产品套餐选择支持单选、复选、下拉选择，迎合亲们的各种喜好

5.带订单来路页面和下单页面地址检测

6.支持下单人IP追踪

7.支持设置同一IP下单间隔时间，防重复提交；增强恶意空单拦截，有效应对恶意客户拦截传递过程中的订单信息后提交空单行为

8.升级优化邮件系统内核到最新

9.对空间要求更宽泛，fsockopen、pfsockopen和stream_socket_client三个函数只需要开一个即可使用，支持绝大多数的PHP空间

10.相关提示更加人性化，拥有本订单系统的亲们能根据错误提示快速明了订单系统无法正常工作的原因，方便对症下药，迅速安装配置

11、增强支付宝付款接口，在支付宝业务调整，免签接口失效后，本店第一时间升级了订单系统，提供了收款码收款（支付宝收款码获取方法及替换方法见附送的WORD文档）及支付宝商户（即时到账、担保交易）双接口，方便买家根据自己的需求切换使用

12、新增微信付款接口，客户无需加好友，直接扫描二维码（微信支付付款二维码获取方法及替换方法见附送的WORD文档）完成支付。

13、加入伪数据库功能，订单提交失败自动写入设置好的数据文件中，确保不漏一单

我们下载好后，可以发现文件夹clorder网页模板里有16个订单模板，可以根据自己的喜好选择。

16个模板

我们随便现在打开一个，我选择15号模板。预览一下。

15号初始模板

现在大家修改Html网页模板都会了吧，直接文字说明。

订单系统配置 请对照注释修改clorder文件夹下的 bdconfig.php（可用DW或记事本打开） 配置文件引号中的内容

------------------------------------------------------------------------------------------------

/************************** 订单发送设置 ************************* */

$MailFrom='邮箱地址'; // 设置一个用来发送订单信息的邮箱，需开启SMTP服务

$Mailhost='SMTP服务器地址'; // 邮箱SMTP服务器地址 【163邮箱（smtp.163.com）、qq邮箱（smtp.qq.com）】

$MailUsername='邮箱账号'; // 邮箱登陆帐号 【如果是163邮箱需填写整个邮箱地址，如果是qq邮箱只需填写qq号，前提开通pop3】

$MailPassword='登录密码'; // 邮箱登陆密码【如果必须开启客户端授权密码才能开启163邮箱的POP3服务的话，则需要将此密码改为客户端授权密码】

************************ 订单接收设置 *************************

$MailTo='123@qq.com'; // 设置接收订单信息的邮箱 【注意：不能与上面设置的发送订单信息的邮箱相同】

$MailTob='13912345678@139.com'; // 设置接收订单信息的邮箱 【设置一个手机号邮箱即可实现手机短信接收订单信息】

///////////////////////////////////////// 两种支付宝付款方式选择设置 /////////////////////////////////////////

$zfbwkfs='sh';//设置支付宝付款方式，skm为收款码付款，sh为商户接口付款

如设置为收款码付款，请参阅“支付宝收款码获取方法及替换方法.doc”中的方法进行相应的操作。

///////////////////////////////////////// 支付宝收款码收款设置 /////////////////////////////////////////

$bdzhifubao='abc@163.com'; // 支付宝收款的支付宝账户，使用支付宝商户也请在此设置哦

///////////////////////////////////////// 支付宝商户接口 /////////////////////////////////////////

$alipayzk='1'; // 支付宝付款折扣（如：0.8 即为8折，设为1不打折）

$alipaytype='02'; // 支付收款接口类型（01为即时到帐，02为担保交易）

$alipay_config['partner']='2088001234567890'; // 合作身份者PID（以2088开头的16位纯数字）

$alipay_config['key']='aa123456789bb123456789cc12345678'; // 安全检验码KEY（以数字和字母组成的32位字符）

$seller_email='abc@163.com'; // 签约支付宝账号或卖家支付宝帐户

至于怎么将弄好了支付模板放在首页呢，常见的方式就将订单系统文件夹clorder上传到与产品主页（比如index.html)同一目录（一般是放在空间根目录）调用iframe函数,例如：<iframe src="clorder/template/dd15.html" width="100%" height="1224" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>

打开【clorder/template/dd15.html】，找到产品名称信息如下：

--------------------------------------------------------------------------------------

<div class="order-title main-title ellipsis">这里输入产品名称</div>，根据提示在文字区输入亲的产品名称

<input type="hidden" name="bdproduct" value="恭恭恭恭恭恭恭恭恭恭恭">，将 恭恭恭恭恭恭恭恭恭恭恭 修改为亲的产品名称

<input type="hidden" name="bdproducta" value="250g包装">，将250g包装修改为亲默认产品型号

<input type="hidden" name="item_price" value="1.00">将1.00修改为亲默认产品型号的价格

<a alizi-price="1.00" alizi-title="250g包装" class="left badge ellipsis alizi-product-params active" href="javascript：;">250g包装</a>

<a alizi-price="2" alizi-title="500g包装" class="left badge ellipsis alizi-product-params " href="javascript：;">500g包装</a>

alizi-price值设置产品型号的单价，alizi-title值设置产品型号的名称，class值后面有空格加active表示这一型号默认选中。

如需要增加产品型号，添加类似

<a alizi-price="2" alizi-title="500g包装" class="left badge ellipsis alizi-product-params " href="javascript：;">500g包装</a>

的代码即可

修改24小时发货通知内容

使用带24小时发货通知样式时，用网页编辑软件或记事本打开clorder/template/js/clfh.js,

找到

var rand1=parseInt(Math.random()*4+1)

quotes=new Array

quotes[1]='<p>您订购的 <font color="#090">恭恭恭恭恭恭恭恭恭恭恭 2盒</font> 已发货 请注意收货<font color="#FF0000">√</font></p>'

quotes[2]='<p>您订购的 <font color="#090">喜喜喜喜喜喜喜喜喜喜喜 4盒</font> 已发货 请注意收货<font color="#FF0000">√</font></p> '

quotes[3]='<p>您订购的 <font color="#090">发发发发发发发发发发发 6盒 </font> 已发货 请注意收货<font color="#FF0000">√</font></p>'

quotes[4]='<p>您订购的 <font color="#090">财财财财财财财财财财财 8盒</font> 已发货 请注意收货<font color="#FF0000">√</font></p> '

只需要修改上面代码中“订购的”后面的产品名称即可，注意：“(Math.random()*4+1)”中的4表示下面有4行信息随机滚动，当然你也可以改成3行、10行，这个根据你自己情况而定，有多少行

quotes[1]='<p>您订购的 <font color="#090">恭恭恭恭恭恭恭恭恭恭恭 2盒</font> 已发货 请注意收货<font color="#FF0000">√</font></p>'

这样的代码，就改成几就行了；

第一行开头quotes[1]，第二行开始[]中的数字比上一行的多1，假设共有6行，那最后一行开头就是quotes[6]。

好了，其他网页模板修改也是很类似的，万变不离其宗，要的就是经验。

上传网站测试一下，我的弄好了，http://159.flahtml.com，大家可以看看

最终成果

是不是很酷啊，支付方式把现有流行的微信、支付宝全包进去了。你还不赶紧试一试，打造属于自己的竞价单页呢？