安阳seo

外贸独立站Crisp即时聊天前台样式美化提升转化率

安阳seo

Jack Cheung

全栈工程师

96%

工作进度

12+

工作经验

¥9K+

RMB/月

外贸独立站Crisp即时聊天前台样式美化提升转化率

作者:安阳SEO / 分类:网站建设 / 日期:2025/06/17

在做外贸独立站的时候,需要使用到即使聊天工具,以方便用户与客服的沟通。目前,许多外贸独立站较为流行的即使聊天为Crisp。Crisp是一款功能非常强大的外贸独立站在线聊天工具,它可以将页面进行截图,并将截图发送给客户或网站客服,甚至上还可以在线发送各种格式的文件,且会根据用户的浏览器语言和地区自动选择不同的语言,是目前独立站最主流的即使聊天工具。

外贸独立站Crisp即时聊天前台样式美化提升转化率

查看Crisp的价格详情,其收费套餐可分为免费版、基础版与增强版三种,其中免费版完全适合大部分企业的需求,需要更多需求的可以选择Crisp的付费版本。Crisp免费版功能相对较少,只能满足基础的即时聊天需求,前台展示效果也相对普通,由于套餐限制,因此我们无法对Crisp的外观前台展现效果进行精细化美化,但安阳SEO建议大家,可以使用以下CSS样式代码,对Crisp即时聊天前台样式进行美化,提升外贸独立站转化率。

.crisp-client .cc-kv6t .cc-1xry .cc-ge4v .cc-qqzz .cc-5b24 .cc-19cg .cc-z2iy {
	display: none!important;
}
.cc-15mo {
	-webkit-transform: rotate(6deg);
}
@keyframes scaleDraw {
0% {
transform:scale(1);
}
25% {
transform:scale(1.1);
}
50% {
transform:scale(1);
}
75% {
transform:scale(1.1);
}
}
.crisp-client .cc-kv6t .cc-1xry .cc-unoo {
	bottom: 80px!important;
	-webkit-animation-name: scaleDraw;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 5s;
}
@media (max-width: 960px) {
#scrollUp {
	z-index: 1!important;
}
.crisp-client .cc-kv6t[data-full-view=true] .cc-1xry .cc-unoo {
	bottom: 7em!important;
	right: 25px!important;
}
}

需要注意的是,不同用户加载到网站上的Crisp即时聊天html代码并不相同,因此需要对类名根据实时获取html代码中的相关类名进行轻微改动。

上一篇:怎样提升网站打开速度有效提升网站转化率
给我留言:
提交

谢谢,您的信息已成功发送。我将尽快与您联系!