Не работает виджет.

Добрый день!
Хочу установить виджет на сайт на главную страничку , к примеру под какой-то строкой.
Почитал мануалы, скачал плагин Sourcerer , скопировал код виджета , создал HMTL-модуль , туда впихнул этот код поместив его в контейнер {source}{/source}
Получил id модуля, зашел в материалы, выбрал позицию, прописал {module id} где id это номер модуля иииииии... получил картинку , обрадовался. Жму на кнопку...а она не отвечает. Разочаровался. В модуле так же стоит позиция обрабатывать плагины. Пытался вставлять чисто код в материал, без модуля. Виджет начинает отображаться криво очень.

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

P.S. Сам код

Код (CODE):

1. <script src='https://pos.gosuslugi.ru/bin/script.min.js'></script>
2. <style>
3. @charset "UTF-8";#js-show-iframe-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:293px;max-width:100%;background:linear-gradient(138.4deg,#38bafe 26.49%,#2d73bc 79.45%);color:#fff; cursor: pointer;}#js-show-iframe-wrapper .pos-banner-fluid *{box-sizing:border-box}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2{display:block;width:195px;min-height:56px;font-size:18px;line-height:24px;cursor:pointer;background:#0d4cd3;color:#fff;border:none;border-radius:8px;outline:0}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:hover{background:#1d5deb}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:focus{background:#2a63ad}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:active{background:#2a63ad}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@font-face{font-family:LatoWebLight;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWeb;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}
4. </style>
5.  
6. <style>
7. #js-show-iframe-wrapper .bf-1{position:relative;display:grid;grid-template-columns:var(--pos-banner-fluid-1__grid-template-columns);grid-template-rows:var(--pos-banner-fluid-1__grid-template-rows);width:100%;max-width:1060px;font-family:LatoWeb,sans-serif;box-sizing:border-box}#js-show-iframe-wrapper .bf-1__decor{grid-column:var(--pos-banner-fluid-1__decor-grid-column);grid-row:var(--pos-banner-fluid-1__decor-grid-row);padding:var(--pos-banner-fluid-1__decor-padding);background:url(https://pos.gosuslugi.ru/bin/banner-fluid/1/banner-fluid-bg-1.svg) var(--pos-banner-fluid-1__decor-bg-position) no-repeat;background-size:var(--pos-banner-fluid-1__decor-bg-size)}#js-show-iframe-wrapper .bf-1__logo-wrap{display:flex;flex-direction:column;align-items:flex-end}#js-show-iframe-wrapper .bf-1__logo{width:128px}#js-show-iframe-wrapper .bf-1__slogan{font-family:LatoWebBold,sans-serif;font-size:var(--pos-banner-fluid-1__slogan-font-size);line-height:var(--pos-banner-fluid-1__slogan-line-height)}#js-show-iframe-wrapper .bf-1__content{padding:var(--pos-banner-fluid-1__content-padding)}#js-show-iframe-wrapper .bf-1__description{display:flex;flex-direction:column;margin-bottom:24px}#js-show-iframe-wrapper .bf-1__text{margin-bottom:12px;font-size:24px;line-height:32px;font-family:LatoWebBold,sans-serif}#js-show-iframe-wrapper .bf-1__text_small{margin-bottom:0;font-size:16px;line-height:24px;font-family:LatoWeb,sans-serif}#js-show-iframe-wrapper .bf-1__btn-wrap{display:flex;align-items:center;justify-content:center}
8. </style >
9. <div id='js-show-iframe-wrapper'>
10.  <div class='pos-banner-fluid bf-1'>
11.  
12.    <div class='bf-1__decor'>
13.      <div class='bf-1__logo-wrap'>
14.        <img
15.          class='bf-1__logo'
16.          src='https://pos.gosuslugi.ru/bin/banner-fluid/gosuslugi-logo.svg'
17.          alt='Госуслуги'
18.         />
19.        <div class='bf-1__slogan'>Жалобы на всё</div >
20.      </div >
21.    </div >
22.    <div class='bf-1__content'>
23.  
24.      <div class='bf-1__description'>
25.          <span class='bf-1__text'>
26.             Не убран снег, яма на дороге, не горит фонарь?
27.          </span >
28.        <span class='pos-banner-fluid__text pos-banner-fluid__text_small'>
29.             Столкнулись с проблемой&nbsp;— сообщите о ней!
30.          </span >
31.      </div >
32.  
33.      <div class='bf-1__btn-wrap'>
34.        <!-- pos-banner-btn_2 не удалять; другие классы не добавлять -->
35.        <button
36.          class='pos-banner-btn_2'
37.          type='button'
38.         >Подать жалобу
39.        </button >
40.      </div >
41.  
42.    </div >
43.  
44.  </div >
45. </div >
46. <script>
47.  
48. (function(){
49.  "use strict";
50.  var root=document.documentElement,banner=document.getElementById("js-show-iframe-wrapper");function displayWindowSize(){var e=banner.offsetWidth;e<=500&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","100%"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","310px auto"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","initial"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","initial"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 0 30px"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","center calc(100% - 10px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","75% 75%"),root.style.setProperty("--pos-banner-fluid-1__content-padding","0 30px 30px 30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","24px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","32px")),e>500&&e<=800&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","min-content 1fr"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","100%"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","2"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","1"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 30px 0"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","calc(30% - 10px) calc(72% - 2px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","calc(23% + 150px)"),root.style.setProperty("--pos-banner-fluid-1__content-padding","30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","24px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","32px")),e>800&&e<=1020&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","min-content 1fr"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","100%"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","2"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","1"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 30px 0"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","calc(38% - 50px) calc(6% - 0px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","420px"),root.style.setProperty("--pos-banner-fluid-1__content-padding","30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","32px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","40px")),e>1020&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","min-content 1fr"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","100%"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","2"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","1"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 30px 0"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","calc(30% - 28px) calc(0% - 40px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","620px"),root.style.setProperty("--pos-banner-fluid-1__content-padding","30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","32px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","40px"))}displayWindowSize();var resizeListener=window.addEventListener("resize",displayWindowSize);window.onunload=function(){window.removeEventListener("resize",resizeListener)};
51. })()
52.  
53. </script>
54.  <script>Widget("https://pos.gosuslugi.ru/form", 215978)</script>

 

@OlegK Проблема оказалась в другом) У меня стоял этот виджет в шапке шаблона index.php. Модуль я пихал в материал главной страницы и он только визуально выглядел как надо,кнопки не работали. Удалил я из Index.php виджет и заработал модуль

 

Подскажи, пожалуйста, поподробнее. Как решил эту проблему. Спасибо.

 

Пробовал по-всякому. Просто кодом на странице материала; с помощью плагина Sourcer в тегах {source}. Добился одного - картинка скрипта отображается, но кнопка не работает.

 

Извините, не понимаю, что это и как. Помогите, пожалуйста. Начальство требует этот виджет разместить, а я с джумлой вообще не дружу, да и с в принципе с сайтами.

 

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