О чем материал ?
Вы хотите настроить на сайте обратную связь с фиксированной кнопкой с левой или правой стороны экрана, сегодня мы рассмотрим такое решение, чтобы вы имели возможность настроить связь с клиентами или посетителями сайта через такую кнопку используя модуль "Почтовые формы".
Как установить обратную связь с фиксированной кнопкой "Приемная" ?
Установка стилей для онлайн приемной / интернет приемной
Перейти в таблицу стилей CSS ( https://ваш-сайт.ру/panel/?a=tmpl;m=3;t=3 ) и установить в самый низ после всех стилей и кавычек которые там будут следующие стили:
.mform-button {
position: fixed;
margin-right: -53px;
right: 0;
padding: 10px 20px;
background: red;
color: #fff;
border-radius: 0 0 12px 12px;
z-index: 99999;
text-decoration: none;
transform: rotate(90deg);
top: 50%;
}
.right-button {
display: inline-block;
vertical-align: super;
}
.right-button a {
text-decoration: none;
font-size: 20px;
color: #fff;
display: inline-block;
position: relative;
}
.mform-button {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
не забудьте сохранить изменения.
Установка кода формы приемная с фиксированной кнопкой
Перейти в глобальный блок верхняя часть сайта (http://ваш-сайт.ру/panel/?a=tmpl;m=1;t=AHEADER ). В самый низ после всего кода вставить код:
<div class="mform-button">
<div class="right-button"><a href="javascript:;" onclick="openchat();">Приемная</a></div>
</div>
<script type="text/javascript">
function openchat(){new _uWnd('chat','Обратная связь',500,500,{align:'left',header:1,shadow:0,close:1,autosize:1,maxh:600,minh:300,modal:1,resize:0,nomove:1}, $("#chat").html() )}
</script>
<div style="display:none;" id="chat">$MFORM_1$</div>
Примечание
Выделил выше в коде $MFORM_1$ цифра 1 это номер айди почтовой формы которая должна открываться при нажатии на кнопку. Вы пропишите свою форму, узнать какой айди в формы можно в управлении формами на странице http://ваш-сайт.ру/panel/?a=mail&l=forms
Оцените полезность материала!
Лицензия: CC BY-SA 4.0
Автор: Юрий Герук
Комментарии