Live Chat 设置跟网页颜色相搭配
1 | 官方文档:https://www.livechatinc.com/help/customize-your-chat/ |
Live Chat 网页登陆 > Settings > Chat window > Customization > Appearance > MAXIMIZED WINDOW > 选第一个Smooth [这是聊天时页面][默认就好]
Chat window > Customization > Appearance > MAXIMIZED WINDOW > 选第一个Bar [这是缩小图标][默认就好]
Chat window > Customization > Pick your color > Theme color > 选第五个[跟桔红色相似][做好的]
Chat window > Customization > Pick your color > More color settings > Bar [默认:#FFFFFF][白色][缩小时Chat Now 背景色][设成D48208]
Chat window > Customization > Pick your color > More color settings > Bar text [默认:#000000][黑色][缩小时Chat Now 字体色][设成FFFFFF]
Chat window > Customization > Pick your color > More color settings > Icon color [默认:#D48208][桔红色][缩小时微信图标色][设成FFFFFF]
Chat window > Customization > Pick your color > More color settings > Widget background [默认:#E9EEF4][聊天界面背景色]
Chat window > Customization > Pick your color > More color settings > Opacity [默认:100%]
Chat window > Customization > Pick your color > More color settings > Action button[默认:#D48208][聊天界面背景色]
Chat window > Customization > Pick your color > More color settings > Title bar [默认:#FFFFFF][顶部Welcome to live chat 的背景色]
Chat window > Customization > Pick your color > More color settings > Title bar text [默认:#424D57][顶部Welcome to live chat 的字体色]
Chat window > Customization > Pick your color > More color settings > Agent’s bar[#FFFFFF]
Chat window > Customization > Pick your color > More color settings > Agent’s bar text[#424D57]
Chat window > Customization > Pick your color > More color settings > Customer’s bubble[#D48208]
Chat window > Customization > Pick your color > More color settings > Customer’s text[#FFFFFF]
Chat window > Customization > Pick your color > More color settings > Agent’s bubble [#FFFFFF][D2C6C6]
Chat window > Customization > Pick your color > More color settings > Agent’s text [#D48208]
Chat window > Customization > Pick your color > More color settings > Captions[#424D57]
Chat window > Customization > Position > Widget position [默认right ,0px, 0px][右下角]
Chat window > Customization > Position > Visibility [默认The chat widget is always visible] [一直显示]
Chat window > Customization > Mobile chat widget > [默认Show chat widget on mobile]
Chat window > Customization > Additional tweaks > show logo [默认开]
Chat window > Customization > Additional tweaks > show agent’s photo[默认开]
Chat window > Customization > Additional tweaks > Enable sound notifications for customs [默认开]
Chat window > Customization > Additional tweaks > let customers rate agents [默认开]
Chat window > Customization > Additional tweaks > let customers get chat transcripts[默认开]
Live Chat 网页登陆 > Settings > Chat Surverys & forms >
Live Chat 网页登陆 > Settings > Engagement > Eye-chatcher [这个特别要关掉]
最后完成后页成就这样