分类 网站装修 下的文章

今天分享一个代刷网右边客服代码,如下图所示:

该代码非常方便,可以让客户更快的联系到你,也可以放些你认为重要的链接

代码如下:

<style>
.float-radius{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.float-text{color:#1E90FF}
.float-box{width:50px;font-size:12px;position:fixed;right:0;bottom:0;z-index:9997;}
.float-ul,.float-ul li{margin:0;padding:0;}
.float-ul{margin-top:5px;text-align:center;line-height:1.2;list-style:none;background-color:#FFF;box-shadow:0 2px 5px #e6e6e6;}
.float-ul .iconfont{font-size:18px;line-height:18px;}
.float-ul li a{display:block;width:100%;padding:10px 0;line-height:18px;}
.float-ul li a:hover{background:linear-gradient(-125deg,
#00BFFF 0%,
#00BFFF 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#FFF;}
.float-ul li a.qq{-moz-border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;}
.float-alert-box{width:180px;height:185px;background-color:#FFF;border:1px solid #ececec;position:absolute;right:56px;top:0;z-index:9998;display:none;}
.float-qq-box{padding:20px 15px;}
.float-alert-box h6{font-size:20px;color:#f9b015;}
.float-alert-box p{line-height:24px;}
.float-ul li .float-qq-box{color:#666;}
.float-qq-btn{padding:10px;background-color:#f9b015;color:#FFF;}
</style>

<link rel="stylesheet" href="//at.alicdn.com/t/font_1644141_i3u2h1yg7io.css">
<div class="float-box">
<ul class="float-ul float-radius float-text">
	<li>
	  <a class="qq float-border float-text" href="你的QQ"><i class="iconfont icon-qq"></i><br>客服
	  </a>
	</li>
	<li>
	  <a class="fankui float-border float-text" href="你的群链接" target="_blank"><i class="iconfont icon-qun"></i><br>群聊</a>
	</li>
  </ul>
  <ul class="float-ul float-radius float-text">
  	<li>
	  <a class="float-border float-text" href="/?mod=articlelist" etap="to_full" title="文章列表"><i class="iconfont icon-tongzhi"></i><br>通知</a>
	</li>
	<li>
	  <a class="float-border float-text tap-dark" href="/user/reg.php" title="注册账号"><i class="iconfont icon-zhuce1"></i><br>注册</a>
	</li>
  </ul>
  <ul class="float-ul float-radius float-text ">
    <li>
	  <a class="float-border float-text " href="#top" title="返回顶部"><i class="iconfont icon-fanhuidingbu"></i><br>顶部</a>
	</li>
  </ul>

有的代刷模板开通分站的入口很难找到,这时我们可以手动在首页加上一个免费开通分站的链接入口,这样可以更好的让用户成为我们自己的下级代理一起推广赚钱。代码效果图如下

代码如下:

<div class="col-xs-12 well well-sm"><center><a href="..http://www.2020lab.top/user/regsite.php">想拥有自己的网
站?点我拥有!
</a> <br>订单问题请联系客服QQ:你的QQ(24小时内回复)<br> <font color="#ff0000">网址容易忘记?来下载安卓版APP吧</font> <a href="你的APP链接">点击下载</a></center></div>

你可以把客服QQ和APP下载地址改成自己!也可以使用官方的客服QQ,我们客服是基于旗下所有代理统一售后的,也就是说你的网站有客户下单有问题了,他们可以直接联系我们客服处理问题,当然客户下单的利润还是属于你的!

对于学生来说我们推荐使用官方客服QQ,因为上学上课时间客户找不到人售后也难免会着急,这样就很难再有下一次下单的了,我们客服是白天基本都在线的,所以能更好更快的回复处理问题!

这个侧边栏引导还是蛮好的,我们为了方便我们的旗下代理站长使用,我们已经将代码改成相应的商品分类,如你点击快手业务就会跳转到快手业务区,点刷名片赞就会跳转到名片赞区,点免费福利就会跳转到免费福利区,这样来下单的人也很快的能够找到想要的分类区,这样的装修代码如下,直接复制到网站后台的首页底部排版粘贴进去就行了:

网站侧边栏代码效果如图:

代码内容如下:

 
<style>
.elevator_item.hd-time-limited{display:block;position: fixed;right: 0;bottom: 445px;width: 40px;height: 140px;background:url(assets/img/right.png) no-repeat center;
}
.elevator_item{position: fixed;right: 0;bottom: 95px;z-index: 11;
}
.elevator_item.feedback{width: 36px;height: 41px;font-size: 12px;padding: 5px 6px;display:block;border-radius: 5px;text-align:center;margin-top: 10px;box-shadow: 0 1px 2pxrgba(0,0,0,.35);cursor:pointer;
}
.graHover{position:relative;overflow:hidden;
}
</style>
       <div class="elevator_item" id="elevator_item" style="display:block;">
<a target="_self" class="feedback graHover" style="background-color: #FF3399;color:#fff;" 
href="?cid=1" rel="nofollow">免费福利</a> 
<a target="_self" class="feedback graHover" style="background-color: #AF3A9F;color:#fff;"
 href="?cid=88" rel="nofollow">超会Q钻</a>  
<a target="_self" class="feedback graHover" style="background-color: #06C17E;color:#fff;" 
href="?cid=50" rel="nofollow">空间业务</a>   
<a target="_self" class="feedback graHover" style="background-color: #ffa500;color:#fff;" 
href="?cid=5" rel="nofollow">快手业务</a>    
<a target="_self" class="feedback graHover" style="background-color: #fa3c63;color:#fff;"
 href="?cid=23" rel="nofollow">抖音业务</a> 
<a target="_self" class="feedback graHover" style="background-color: #1e6be3;color:#fff;"
 href="?cid=22" rel="nofollow">全民K歌</a>   
<a target="_self" class="feedback graHover" id="sign_daily" style="background-color: 
#ffd900;color:#383838;" rel="nofollow" href="?cid=2">刷名片赞</a> 
<a target="_self" class="feedback graHover" style="background-color: #3cbdfa;color:#fff;" 
href="/user/regsite.php" rel="nofollow">分站搭建</a>

</div> 

复制上面的代码放到后台的首页底部排版中就可以。

代刷网自助下单区下面的“选择分类”和“选择商品”颜色不是很显眼,有些客户第一次到代刷网来下单,不知道怎么买东西,在网站首页看不到商品就走了。如果我们能把这几个地方的文字颜色改为更容易看到的,然后再修改一下提示说明文字,对于留住客户和提升代刷网站的销量是非常重要的。接下来我就教大家如何修改这个地方的文字颜色。

打开你网站使用的模板文件shop.inc.php,用编辑器打开后,找到

<div class="input-group-addon">选择分类</div>

改为

<div class="input-group-addon"><font color="red">选择分类</font></div>

选择商品也是同样在文字前后加上颜色代码<font color="red">和</font>即可。

在这里我建议大家把搜索商品也改一下,最主要的是把搜索框里面的提示内容写得更详细点,默认的代码是

placeholder="搜索商品"

我们把它改为

placeholder="请输入你想要的买的商品关键词,如:全民K歌,王者荣耀,情侣空间等"

这样,客户就知道需要输入什么内容才能找到自己想要的商品了。特别是现在很多代刷网都把音符改为了音符,筷首改为了KS或者小手等,需要在搜索框输入:音符或KS才能找到对应的商品,也可以在这个提示内容里面写清楚。据我所知,自从音符筷首商品出现问题了,很多代刷网站下架或者改名后销量和利润都受到了很大的影响,其实客户的需求还是很大很多的,只是他们没找到这些商品而已。目前我王者刷赞网主要是以刷全民K歌粉丝和刷王者荣耀人气值为主营业务,所以我提示内容就有针对性的去设置,自从改了以后,我网站的销量比平时多了20%,细节决定成败,只有充分考虑到客户的需求才能让自己的网站更好更受欢迎。

改动以后的效果图如下:

细心的你可能发现了,我们天晨刷赞网非常重视细节的变化,比如在自助下单的右侧已经把“注意”改为了“无限名片赞”,吸引客户自发推广宣传获得更多的客户和流量,用最小的成本获得最大的价值,目前我们每天给那些帮本站宣传的人免费赠送50万的名片赞,虽然花了一些成本但是却事半功倍。

无限名片赞

以上就是这篇教程的全部内容,希望大家都重视用户体验,这样才能让客户在你的代刷网买更多东西,你的网站也才能发展的更好更强大。

今天分享一个在线下单提示美化版代码

该代码可以提升分站开通量和突出优质业务特点

代码如下:

 

<center>

 <a href="/user/reg.php" target="_blank" class="widget-content themed-background-success text-light-op animated bounceInLeft">
            <font color="white"><i class="fa fa-fw fa-chevron-right"></i> <strong>限时活动:点我免费搭建分站 后台低价下单 开通分站 月赚上千  学生兼职 网赚首选~ </strong></font></a>

<pre style="text-align: center;">
推荐:永久QQ钻类低价秒开中!<a href="?cid=86" se_prerender_url="complete"><font color="red">【点击查看】</font></a>

推荐:抖音视频秒刷业务大量接!<a href="?cid=77" se_prerender_url="complete"><font color="red">【点击查看】</font></a>
</pre>    

<a href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ&site=qq&menu=yes" se_prerender_url="complete"><font color="orange">【点击联系客服】</font></a><br>
<span style="font-size:10px;"><strong><span><span style="color:#E53333;">选择分类</span>≯ &nbsp;</span><span style="color:#009900;">选择商品<span style="color:#E53333;">≯</span></span><span> &nbsp;</span><span style="color:#EE33EE;">查看说明</span><strong>≯ &nbsp;<span style="color:#006600;">支付金额</span></strong><strong><span>&nbsp;≯ &nbsp;</span><span style="color:#64451D;">购买成功</span></strong></strong></span></p>
</center>