JivoSite (кнопка оформление) Есть решение
В панели управления JivoSite можно настроить внешний вид кнопки и надпись на ней итд. Но необходимо вставить код и код есть.
Не пойму куда его вставлять, подскажите - может кто знает !
В панели управления JivoSite можно настроить внешний вид кнопки и надпись на ней итд. Но необходимо вставить код и код есть.
Не пойму куда его вставлять, подскажите - может кто знает !
6 ответов
Можно в настройках сайта.
Код похож на сss вроде.
<style>.jivo-btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; text-transform: none; cursor: pointer; background-image: none; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; vertical-align: middle; cursor: pointer; border: 0px; border-radius: 4px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}.jivo-btn:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 0 20px 10px rgba(255,255,255,0.3);}.jivo-btn.jivo-btn-light:hover{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.3), inset 0 0 20px 10px rgba(255,255,255,0.1);}.jivo-btn.jivo-btn-light{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.3);}.jivo-btn:active,.jivo-btn.jivo-btn-light:active{ box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.4), inset 0 0 15px rgba(0,0,0,0.2); cursor: pointer;}.jivo-btn:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);}.jivo-btn-gradient { background-image: url(//static.jivosite.com/button/white_grad_light.png); background-repeat: repeat-x;}.jivo-btn-light.jivo-btn-gradient { background-image: url(//static.jivosite.com/button/white_grad.png);}.jivo-btn-icon { width:17px; height: 20px; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: -5px;}.jivo-btn-light { color: #fff;}..jivo-btn-dark { color: #222;}</style><!--[if lte IE 7]><style type="text/css">.jivo-btn, .jivo-btn-icon { display: inline;}</style><![endif]--><div class="jivo-btn jivo-online-btn jivo-btn-light" onclick="jivo_api.open();" style="font-family: Arial, Arial;font-size: 17px;background-color: #d63228;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;height: 41px;line-height: 41px;padding: 0 20px 0 20px;font-weight: normal;font-style: normal"><div class="jivo-btn-icon" style="background-image: url(//static.jivosite.com/button/chat_light.png);"></div>Напишите нам, мы в онлайне!</div><div class="jivo-btn jivo-offline-btn jivo-btn-light" onclick="jivo_api.open();" style="font-family: Arial, Arial;font-size: 17px;background-color: #d63228;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;height: 41px;line-height: 41px;padding: 0 20px 0 20px;display: none;font-weight: normal;font-style: normal"><div class="jivo-btn-icon" style="background-image: url(//static.jivosite.com/button/mail_light.png);"></div>Оставьте сообщение!</div>
Это html со стилями. Можно вставить перед закрывающим тэгом </body>
Вот пример, вставил прямо сюда. Подозреваю, что ещё нужно js обработчик вставлять, всего этого дела.
Вставил перед </body> в index.html - не помогло.
Вообще кнопка чата есть , в дефолтном режиме все работает, просто хочется изменить надпись и внешний вид, для этого мне и нужно пристроить этот код)
Вот плагин для jivosite. В нём есть инструкции.
Вопрос решен, в настройках плагина в админке магазина можно менять надпись и цвет)