1．下载下面附件，解压后上传到对应目录

下载地址1 | 蓝奏网盘下载 | CSDN下载

esl.js上传到 /skin/js/
main.css 上传到 /skin/css

2．在需要引入留言板的地方加入如下代码：

<div class="header"><h1>请您留言</h1>
</div>
<div class="section"><div class="company_info"><div class="company_name">LED洗墙灯厂家</div><div class="company_phone_no">&nbsp;</div></div><hr class="split" /><form action="http://p.qiao.baidu.com/cps/bookmanage/newBook.action?userId=2485673" autocomplete="off" id="mess-form" method="post"><input name="siteid" type="hidden" value="12442130" /> <input id="referrer" name="referrer" type="hidden" value="" /> <input id="bid" name="bid" type="hidden" value="4669892100012442130" /> <input id="client-info" name="client" type="hidden" value="" /><div class="item-container textarea-container" id="content-wrapper"><textarea data-ph="请在此输入留言内容，我们会尽快与您联系。(必填)" id="content" maxlength="400" name="content" placeholder="" spellcheck="false"></textarea></div><div class="item-container" id="visitorName-wrapper"><div class="ctrl_wrap"><div class="ipt_wrap"><input data-ph="姓名(必填)" id="visitorName" maxlength="100" name="visitorName" placeholder="" spellcheck="false" type="text" /></div></div></div><div class="item-container" id="visitorPhone-wrapper"><div class="ctrl_wrap"><div class="ipt_wrap"><input data-ph="电话(必填)" id="visitorPhone" maxlength="100" name="visitorPhone" placeholder="" spellcheck="false" type="text" /></div></div></div><div class="custom-items-container">&nbsp;</div><input id="origin" name="origin" type="text" /> <input name="appId" type="hidden" value="" /><button class="mess_send" type="submit">发送</button></form><div class="brand">&nbsp;</div>
</div>
<script>
require([‘message/main’], function (main) {main.init({language: 0,siteid: '12442130',bid: '4669892100012442130',session: {"displayName":"p**7","headUrl":"https://ss0.bdstatic.com/7Ls0a8Sm1A5BphGlnYG/sys/portraitn/item/a9917070706f6f6f313337c802.jpg","status":0,"uid":0,"uname":""},items: [{name: 'visitorName', required: 1, isShow: 1},{name: 'visitorPhone', required: 1, isShow: 1},{name: 'visitorEmail', required: 0, isShow: 0},{name: 'visitorAddress', required: 0, isShow: 0}],itemsExt: []});
});
</script>

备注：上面的加粗部分（第10行），改成你的商桥代码即可。

3．需要添加商桥留言板的页面在<head></head>之间加入如下代码：

<link href="/skin/css/main.css" rel="stylesheet">
<script src="/skin/js/esl.js"></script>
<script type="text/javascript">
require.config({'baseUrl': 'https://sgoutong.baidu.com/webim//1536750628/asset/','packages': [{'name': 'im-lib','location': '../dep/im-lib/0.1.0/asset/pc','main': 'main'}]
});
</script>

备注：上面红色的 https 你网站如果开启了https那么这里也用https上面代码不用修改，如果你网站没有开启https，那么这里就改成http。

百度商桥留言板镶嵌到网页内部的方法相关推荐

网页中集成百度商桥，自定义样式，可参照江苏美圣官网
下文是2016年10-24写的,11月份发现百度商桥更新了,所以下面的方法已经不存在了,目前(2016-11-18)商桥删除了内嵌样式,所以不能自定义了. 如今想在网站中集成一个在线即时沟通的功能是非 ...
网站商务通与百度商桥的区别
随着互联网的发展,在线客服的需求越来越多,大连忠仕2003年便研发了商务通在线客服系统,随着市场的越来越大,许多互联网巨头也加入其中,包括腾讯的营销QQ.百度商桥等.虽然这些大公司依托其强大的研发团队 ...
怎么在html使用百度商桥,百度商桥怎么使用百度商桥软件使用教程
百度商桥是一款网站商务沟通工具,百度商桥最新版提供网络营销"成单关键环节"所需的全部服务.安装商桥客户端后,只需在网站上添加一段代码,您即可获得网民:"进入网站.浏览网页 ...
php加入百度商桥代码,在WP网站上使用百度商桥
百度商桥是一种网页即时沟通工具最近有不少朋友通过WEB主题公园的百度商桥和我们联系,也对于百度商桥这种即时网页沟通比较感兴趣. 因此这里我们也对这种比较好用的网页即时沟通工具进行一个介绍,大家也可以 ...
百度商桥放在php网站哪里_如何在网站中添加百度商桥？
大部分新手站长都不知道竹子建站可以添加第三方的在线客服,商桥等功能.看到别人的网站设置的在线客服可以主动发消息,可以实时在线沟通,羡慕不能再羡慕了,告诉你不用羡慕,今天就教大家如何在网站中添加在线沟通 ...
【详细】web项目集成百度商桥步骤简单修改默认样式咨询栏可收起与展开
最近在做项目的时候用到了百度商桥进行在线沟通,现总结下实现步骤: 1.下载百度商桥客户端,注册帐号,主帐号下可以配置多个子帐号,作为不同类别的客服,如售前.售后等 2.在商桥客户端中可简单自定义样式, ...
百度商桥放在php网站哪里_如何在网站里安装百度商桥
百度商桥是使用最广泛的在线客服工具之一,最重要的是它是免费的.而且功能强大,不仅有在线沟通的能力,还可以在客服人员离线的情况下,让访问者可以给网站进行留言.对于大多数网站来讲,是一个不可或缺的工具.那 ...
百度商桥放在php网站哪里_怎么在自己的网站上添加百度商桥？最详细的版本！...
在分享怎么在自己的网站上添加百度商桥之前,先和大家分享下什么是"百度商桥",简单的说"百度商桥"是百度旗下的一款产品,它的最大作用就可以帮助网站实现访客即时沟通 ...
网站集成百度商桥在线咨询的相关操作
相关信息 *善于借用百度商桥的官网文档和客服 *百度商桥在线咨询和qq在线咨询一样,都是在网站集成在线咨询: *注销登录账号(详见图片注销) : *分为主账号和分账号,分账号权限有限: *有vip版和 ...

百度商桥留言板镶嵌到网页内部的方法

1．下载下面附件，解压后上传到对应目录

2．在需要引入留言板的地方加入如下代码：

3．需要添加商桥留言板的页面在<head></head>之间加入如下代码：

百度商桥留言板镶嵌到网页内部的方法相关推荐

最新文章

热门文章