• Главная
  • uCoz
  • Создаем обратную связь с фиксированной кнопкой "Приемная"
Создаем обратную связь с фиксированной кнопкой

Создаем обратную связь с фиксированной кнопкой "Приемная"

О чем материал ?

Вы хотите настроить на сайте обратную связь с фиксированной кнопкой с левой или правой стороны экрана, сегодня мы рассмотрим такое решение, чтобы вы имели возможность настроить связь с клиентами или посетителями сайта через такую кнопку используя модуль "Почтовые формы".

Как установить обратную связь с фиксированной кнопкой "Приемная" ?

Установка стилей для онлайн приемной / интернет приемной

Перейти в таблицу стилей 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

Автор: Юрий Герук

Похожие материалы:
Помогла ли вам статья?
Да Нет
Статья оказалась полезной для 0 человек
avatar