Подключить код к сайту

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

есть коды Битрикс. Скажите, пожалуйста, как их подключить или дайте ссылку на материал, где это написано.

Вот первый код:

Код (Javascript):

1. <script id="bx24_form_delay" data-skip-moving="true">
2. ( function(w,d,u,b) {
3. w['Bitrix24FormObject'] = b;
4. w = w || function() {
5. arguments[0].ref=u;
6. ( w.forms = w.forms || [] ).push(arguments[0])};
7. if(w['forms']) return;
8. s = d.createElement('script');
9. r = 1*new Date();
10. s.async = 1;
11. s.src = u + '?' + r;
12. h = d.getElementsByTagName('script')[0];
13. h.parentNode.insertBefore(s,h);
14. } )
15.  
16. (window,document,'https://fatekhov.bitrix24.ru/bitrix/js/crm/form_loader.js','b24form');
17. b24form({"id":"16","lang":"ru","sec":"pww9lb","type":"delay","delay":5});
18.  
19. (этот код создаёт всплывающее окно - заказать обратный звонок). Мне нужно сделать, чтобы это окно также создавалось при клике на кнопку.
20.  
21. Делаю так, но не работает:
22.  
23. var numberElem = document.getElementsByClassName("numbers")[0].children[1];
24. numberElem.onclick = function (e) {
25.  
26. (function(w,d,u,b) {
27. w['Bitrix24FormObject'] = b;
28. w = w || function() {
29. arguments[0].ref=u;
30. ( w.forms = w.forms || [] ).push(arguments[0])};
31. if(w['forms']) return;
32. s = d.createElement('script');
33. r = 1*new Date();
34. s.async = 1;
35. s.src = u + '?' + r;
36. h = d.getElementsByTagName('script')[0];
37. h.parentNode.insertBefore(s,h);
38. })
39.  
40. }

Ошибки никакой нет, но не запускается ничего.

 

В консоли ошибок нет.

Если подключить этот код:

Код (Javascript):

1. <script id="bx24_form_delay" data-skip-moving="true">    
2.         ( function(w,d,u,b) {
3.             w['Bitrix24FormObject'] = b;
4.             w = w || function() {
5.             arguments[0].ref=u;              
6.         ( w.forms = w.forms || [] ).push(arguments[0])};            
7.         if(w['forms']) return;              
8.         s = d.createElement('script');
9.         r = 1*new Date();
10.         s.async = 1;
11.         s.src = u + '?' + r;              
12.         h = d.getElementsByTagName('script')[0];
13.         h.parentNode.insertBefore(s,h);  
14.                            } )
15.      
16.         (window,document,'https://fatekhov.bitrix24.ru/bitrix/js/crm/form_loader.js','b24form');    
17.         b24form({"id":"16","lang":"ru","sec":"pww9lb","type":"delay","delay":5});
18.  
19. </script>

То через некоторое время появляется всплывающее окно - заказ обратного звонка. Так вроде бы и должно происходить, только нужно как-то сделать, чтобы оно появилось после клика по кнопке.

Если подключить этот код:

Код (Javascript):

1. <!-- Подбор квартир по параметрам. -->
2.         <script id="bx24_form_button" data-skip-moving="true">      
3.         (function(w,d,u,b) {
4.             w['Bitrix24FormObject']=b;w = w || function(){arguments[0].ref=u;              
5.             (w.forms=w.forms||[]).push(arguments[0])};              
6.             if(w['forms']) return;              
7.             s=d.createElement('script');
8.             r=1*new Date();s.async=1;s.src=u+'?'+r;              
9.             h=d.getElementsByTagName('script')[0];
10.             h.parentNode.insertBefore(s,h);        })
11.          
12.             (window,document,'https://fatekhov.bitrix24.ru/bitrix/js/crm/form_loader.js','b24form');      
13.             b24form({"id":"12","lang":"ru","sec":"ewn9gl","type":"button","click":""});
14.         </script><button class="b24-web-form-popup-btn-12">Мы перезвоним вам</button>

То после можно - я разобрался немного - поставить класс "b24-web-form-popup-btn-12" на какую-то кнопку и при клике на неё откроется всплывающее окно с формой. Появляется в итоге только окно - формы внутри нет.

Третий код аналогичен второму.

 

Разобрался - их нужно ещё включать через специальную панель для пользователей. Тогда появятся формы внутри.