Кнопка онлайн чата

[Амира 0]

Решили переехать на  другой чат, кнопка чата "по умолчанию" работает, но у них есть и настройки под себя, вот такой вот код у меня получился:

 

<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;
;
}
.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: Helvetica, Arial;font-size: 17px;background-color: #ff4286;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;height: 40px;line-height: 40px;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: Helvetica, Arial;font-size: 17px;background-color: #ff4286;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;height: 40px;line-height: 40px;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-код и вставьте его в нужное место сайта. Кнопка меняется в зависимости от того, есть ли операторы в онлайне. Перед размещением кнопки убедитесь, что Вы установили код. Размещение кнопки на сайте необязательно, Вы можете ограничиться только ярлыком чата, который появляется по умолчанию"

 

Вставляю в индекс.хтмл свой код, но он не работает и при загрузке сайта выдает ошибку:

Fatal error: Smarty error: [in osc_35397/index.html line 246]: syntax error: unrecognized tag: -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; (Smarty_Compiler.class.php, line 446) in/home/a/amiro4ka/public_html/includes/external/smarty/Smarty.class.php on line 1113

 

 

Как же мне все таки установить свою кнопку?

[support 447]

Может в кавычках дело, попробуйте использовать literal тэг, вот так:

{litertal}
здесь Ваш код
{/literal}

[Gaban 0]

Доброго дня

Подскажите где правильно разместить (чтоб появился чат на всех страницах) и как грамотно это сделать, чтоб без траблов?

Благодарю 

[support 447]

Только что, Gaban сказал:

Доброго дня

Подскажите где правильно разместить и как грамотно это сделать, чтоб без траблов?

Благодарю 

Здравствуйте!

В /templates/vamshop4/javascript/local_footer.js.php

Лучше в этом файле.

Тогда Ваш код точно не потеряется при обновлениях.

[Gaban 0]

18 минут назад, support сказал:

Здравствуйте!

В /templates/vamshop4/javascript/local_footer.js.php

Лучше в этом файле.

Тогда Ваш код точно не потеряется при обновлениях.

Отлично. Благодарю) Смотрится нормально

Ни кто про WatsApp еще не придумал или не нашел как скрестить?

Мне кажется поудобнее было бы.

 

[support 447]

8 минут назад, Gaban сказал:

Отлично. Благодарю) Смотрится нормально

Ни кто про WatsApp еще не придумал или не нашел как скрестить?

Мне кажется поудобнее было бы.

 

whats можно ссылкой отправлять, примерно такой - https://wa.me/7918xxxxxxx/?text=текст