|
网站添加在线客服能够让浏览器对网站产生信任感,也能够让用户第一时间联系到站长。以下是效果添加步骤:
6 a4 r. A: x( T! B1、登陆QQ商家地址(登陆QQ):http://shang.qq.com/v3/widget/consult.html ;
4 s7 J! V5 j; e4 N% c" c7 T2、根据自己的需要选择组件样式,以拓展型为例:2 E9 {# n& v# A
5 Y) \% ~) z+ Y N7 d0 e6 ` Z
3、设置好后复制生成的代码:2 N! ]7 ]5 F2 s3 f
; O2 n8 [4 l ~6 }" z1 W9 k! r4、把复制的代码可以放置到网站的合适位置即可;9 E2 e% u% W r4 V _
例如:把代码放置到WordPress网站的侧边栏随滚动条滚动,并且全站显示,我们只需要操作以下几个小步骤就可以了:5 r$ S q, i1 s& {
a、打开底部文件footer.php,并在标签上面添加复制到的QQ代码;9 O# [: Z. n8 c" n, ]! k4 C
b、然后可以把上面的代码放置到一个div中并添加fixed属性值即可;: T% F7 t' L3 [% V5 X5 T
c、添加方位距离CSS属性等,以下是完成的HTML代码:
5 q! f6 D3 \( Z3 X- - l5 x/ X2 Z `5 g- ~' K3 |
& Q' w! a% P* D. jCSS样式代码:
+ F3 W; e6 \, U5 P8 O0 l- .qq{
- position: fixed;
- rightright: 5px;
- top: 130px;
- z-index: 999;
- }) R7 |1 n$ f& W. b, i4 N; y
/ t) g) L0 K$ ~, Z% F* r
5、完成以上操作后,在线QQ就会显示在网站的右侧边位置了2 H, z0 T! H+ i- v& j, i! _* S
" Q1 F! m& k/ }: G2 ^5 M& H. K: v3 f1 Y( ^1 N6 e: y$ X3 v
# }! P& g3 l# Y |
评分
-
查看全部评分
|