ДемоВитрина ЮрТопоса с примерными данными. Посмотрите любой экран; изменения в демо не сохраняются. В вашей копии всё работает полностью.Витрина: изменения не сохраняются Получить свой ЮрТопосСвой ЮрТопос

Нравится? Заберите такую же

Своя копия ЮрТопос бесплатно: данные будут только у вас, на вашем хостинге или флешке.

Обращения

Потенциальные клиенты: заявки с сайта попадают сюда автоматически (и уведомлением в Telegram, если он подключён). Ссылка формы и код для сайта — в Настройках → Данные и фирма.

Заявок пока нет. Разместите форму на сайте или добавьте ссылку формы в соцсети — все обращения будут собираться здесь.

Виджет «Вопрос юристу» для вашего сайта

Вставьте этот код перед закрывающим тегом </body> на любой странице сайта — справа внизу появится кнопка «Вопрос юристу», по нажатию откроется окно с короткой формой. Заявки прилетают сюда и в Telegram, посетитель остаётся на вашем сайте.

<script>
(function(){
var U="https://jurtopos.ru/demo/index.php?lead=b17df209892be1bb61041d2192e3b442";
var css='#jwbtn{position:fixed;right:20px;bottom:20px;z-index:99990;display:flex;align-items:center;gap:9px;background:#1E3A5F;color:#fff;border:0;border-radius:999px;padding:13px 20px 13px 17px;font:600 15px/1 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;box-shadow:0 1px 2px rgba(30,58,95,.35),0 10px 20px -12px rgba(30,58,95,.55);transition:background-color .15s}'
+'#jwbtn:hover{background:#264873}#jwbtn:focus-visible{outline:2px solid #1E3A5F;outline-offset:2px}#jwbtn svg{width:20px;height:20px;flex:none}'
+'#jwov{position:fixed;inset:0;z-index:99991;background:rgba(12,22,36,.5);display:none;align-items:center;justify-content:center;padding:16px}'
+'#jwov.on{display:flex}'
+'#jwbox{background:#fff;border-radius:16px;max-width:400px;width:100%;overflow:hidden;box-shadow:0 24px 48px -20px rgba(0,0,0,.45);animation:jwin .2s ease-out;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif}'
+'@keyframes jwin{from{transform:translateY(8px)}to{transform:none}}'
+'#jwhd{background:#1E3A5F;color:#fff;padding:20px 52px 18px 22px;position:relative;border-bottom:2px solid rgba(185,204,226,.45)}'
+'#jwhd b{display:block;font:600 20px/1.2 "Sitka Heading",Cambria,Georgia,serif}#jwhd p{margin:5px 0 0;font-size:13.5px;line-height:1.4;color:#C9D6E6}'
+'#jwx{position:absolute;right:10px;top:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:50%;color:#C9D6E6;cursor:pointer}#jwx:hover{background:rgba(255,255,255,.1);color:#fff}#jwx svg{width:18px;height:18px}'
+'#jwbox form{padding:16px 22px 22px}'
+'#jwbox label{display:block;font:500 13px/1.2 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#4F5B6B;margin:12px 0 6px}'
+'#jwbox input,#jwbox textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #D9DFE7;border-radius:10px;font:15px/1.4 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#15213A;background:#fff}'
+'#jwbox input:focus,#jwbox textarea:focus{outline:none;border-color:#1E3A5F;box-shadow:0 0 0 3px rgba(30,58,95,.16)}'
+'#jws{width:100%;margin-top:18px;padding:14px;border:0;border-radius:999px;background:#1E3A5F;color:#fff;font:600 15px/1 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer}#jws:hover{background:#264873}'
+'#jws:disabled{opacity:.6}'
+'#jwok{padding:34px 22px 30px;text-align:center;color:#15213A;display:none}#jwok svg{display:block;width:48px;height:48px;margin:0 auto 12px;color:#1E3A5F}#jwok b{font:600 19px/1.25 "Sitka Heading",Cambria,Georgia,serif}'
+'#jwerr{color:#B3261E;font-size:13px;margin-top:8px;min-height:16px}'
+'.jwhp{position:absolute;left:-5000px}'
+'@media(max-width:480px){#jwbtn{right:12px;bottom:12px;padding:12px 17px 12px 15px}}';
var SC='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3.5v16M8.5 20.5h7"/><path d="M4.5 7h15" stroke="#B9CCE2"/><path d="M4.5 7 2.2 13M4.5 7l2.3 6M19.5 7l-2.3 6M19.5 7l2.3 6"/><path d="M2 13a2.5 2.5 0 0 0 5 0ZM17 13a2.5 2.5 0 0 0 5 0Z"/></svg>';
var XX='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M6.5 6.5l11 11M17.5 6.5l-11 11"/></svg>';
var OK='<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="24" cy="24" r="21"/><circle cx="24" cy="24" r="17" stroke-width="1" opacity=".45"/><path d="M16 24.5l5.5 5.5L32.5 18" stroke-width="2"/></svg>';
var st=document.createElement('style');st.textContent=css;document.head.appendChild(st);
var b=document.createElement('button');b.id='jwbtn';b.type='button';b.innerHTML=SC+'<span>Вопрос юристу</span>';document.body.appendChild(b);
var ov=document.createElement('div');ov.id='jwov';
ov.innerHTML='<div id="jwbox"><div id="jwhd"><b>Вопрос юристу</b><p>Оставьте контакты — юрист свяжется с вами</p><button id="jwx" type="button" aria-label="Закрыть">'+XX+'</button></div>'
+'<form id="jwf"><label>Ваше имя *</label><input name="name" required maxlength="120">'
+'<label>Телефон *</label><input name="phone" required maxlength="40" placeholder="+7 ___ ___-__-__">'
+'<label>Суть вопроса</label><textarea name="message" rows="3" maxlength="2000"></textarea>'
+'<input class="jwhp" type="text" name="website" tabindex="-1" autocomplete="off">'
+'<button id="jws" type="submit">Отправить</button><div id="jwerr"></div></form>'
+'<div id="jwok">'+OK+'<b>Заявка отправлена</b><p style="color:#5E6878;font-size:14px;margin-top:6px">Юрист свяжется с вами в ближайшее время.</p></div></div>';
document.body.appendChild(ov);
function open(){ov.classList.add('on')}
function close(){ov.classList.remove('on')}
b.addEventListener('click',open);
document.getElementById('jwx').addEventListener('click',close);
ov.addEventListener('click',function(e){if(e.target===ov)close()});
document.getElementById('jwf').addEventListener('submit',function(e){
  e.preventDefault();
  var f=e.target,s=document.getElementById('jws');s.disabled=true;s.textContent='Отправляю…';
  var fd=new FormData(f);fd.append('ajax','1');fd.append('source','виджет на сайте');
  fetch(U,{method:'POST',body:fd}).then(function(r){return r.json()}).then(function(j){
    if(j.ok){f.style.display='none';document.getElementById('jwok').style.display='block';
      setTimeout(function(){close();b.style.display='none'},3500);}
    else{document.getElementById('jwerr').textContent=j.error||'Не получилось — позвоните нам';s.disabled=false;s.textContent='Отправить';}
  }).catch(function(){document.getElementById('jwerr').textContent='Нет связи — попробуйте ещё раз';s.disabled=false;s.textContent='Отправить';});
});
})();
</script>

Виджет ни от чего не зависит (без библиотек), не мешает сайту, защищён от спам-ботов и работает на телефонах. После отправки посетитель видит «Заявка отправлена», а кнопка прячется, чтобы не отправляли дважды.