怎样在自定义模块上添加客服旺旺
第一步:设计前的准备,首先要在ps中设计自定义客服模块样式,这里就以上面这个为例,具体制作过程这里就跳过了,唯一需要注意的,就是设计时尽量规范,有条理,方便下面操作。
第二步:我们将设计图中的旺旺图层隐藏,然后输出保存为背景,并上传到图片空间。
第三步:这时候前期的准备工作就完成了,下面就要使用 Dreamweaver 来做具体的代码客服木块代码,打开Dreamweaver,插入一个表格,表格宽度950px ,这个根据实际设计的图片而定,我设计的是950px*60px;从上面设计图中可以看出,表格由1行,9列,其他为0:
第四部:为表格添加背景和高度,背景代码放在最前<table>内
background="第二步上传空间的图片地址"
"图片高度"
此时右侧设计视窗现实内容:
第五步:接下来,就血药调整一下表格单元格的尺寸,单击右侧设计视窗单元格,在最下面的属性面板里修改单元格大小,具体根据设计时候的尺寸修改:
一次修改调整尺寸,布局完成。
第六步:加入旺旺代码:
阿里旺旺-网旺遍下,选择自己的风格,填入旺旺名称以及提示内容,生成代码,然后复制:
回到 Dreamweaver 中,把代码复制到单元格中:
最后完成效果图:
这样,就完成了自定义的旺旺客服模块制作了。
2023-07-25 广告
在旺铺左边点击自定义模块。
在模块里加入连接代码。
如果不知道代码,就到我的旺铺复制后修改相关的旺旺号就可以了。