|
网站添加在线客服能够让浏览器对网站产生信任感,也能够让用户第一时间联系到站长。以下是效果添加步骤:
& W, u* M, K$ J0 a5 ~6 |6 d1、登陆QQ商家地址(登陆QQ):http://shang.qq.com/v3/widget/consult.html ;/ j7 f. n4 f' s
2、根据自己的需要选择组件样式,以拓展型为例:9 I; {8 f; {+ m; b. K
4 O7 t9 _8 g' q) C4 C3 j* T
3、设置好后复制生成的代码:4 h3 N# h% j# j& h- A# P
: B* o% Q% u0 D6 J1 l6 [! u3 L
4、把复制的代码可以放置到网站的合适位置即可;
1 [) v8 Q6 N$ G0 l例如:把代码放置到WordPress网站的侧边栏随滚动条滚动,并且全站显示,我们只需要操作以下几个小步骤就可以了:" o% c! ]& ` B
a、打开底部文件footer.php,并在标签上面添加复制到的QQ代码;' D4 X# a& y/ L+ v/ Z; O, J' d
b、然后可以把上面的代码放置到一个div中并添加fixed属性值即可;# @1 S1 R: \1 H' W
c、添加方位距离CSS属性等,以下是完成的HTML代码:1 Q4 T" X- q/ G" \, o! x: }
- & B" t- ?4 c. U' ?$ E( \( y4 a- D
" A# g/ C+ S. k6 j8 SCSS样式代码:
0 l$ }, l. K7 |: M9 @# P/ q- .qq{
- position: fixed;
- rightright: 5px;
- top: 130px;
- z-index: 999;
- }. _" V2 A3 M4 U4 K7 n* p
2 L1 o% S, D: B( d" _
5、完成以上操作后,在线QQ就会显示在网站的右侧边位置了# V1 ]9 z2 b: h3 d. f8 k
; k0 g4 z/ |3 C0 L0 H
% m; L1 m5 e+ J8 P
2 e6 o( |; x# Y7 b. H |
评分
-
查看全部评分
|