Различия

Показаны различия между двумя версиями страницы.

--- public:doc:podgotovka_k_zapusku_bystrogo_popolnenija_scheta_bps [08:28 16/05/2024] – [Встройка виджета БПС в сайт заказчика] ili
+++ public:doc:podgotovka_k_zapusku_bystrogo_popolnenija_scheta_bps [12:19 25/11/2025] (текущий) – [Встройка виджета Веб витрины в сайт заказчика] david_chachanov
@@ Строка 17: / Строка 17: @@
 ===== С эквайрингом и фискализацией заказчика =====
+<WRAP center round alert 60%>
+**ЮKassa ограничила использование iframe для отображения страницы оплаты по соображениям безопасности.**
+</WRAP>
   - Заключить договор с ЮКассой/Сбербанком/Тинькофф (**важно:** [[public:doc:tinkoff|для получения доступа к ЛК Тинькофф требуется написать им заявку]]) на интернет эквайринг, предоставить ключи доступа.
   - Ссылка на сайт Юкассы https://yookassa.ru/connection/
-  - Зарегистрировать онлайн-фискальник АТОЛЛ : https://atol.online/ (или иной, поддерживаемый выбранным интернет эквайером) и [[doc:nastrojka_onlajn_ehkvajringa_v_lichnom_kabinete_jukassy|подключить его в личном кабинете эквайера, либо передать нам данные для доступа в личный кабинет эквайера и хостинга онлайн фискальника]]
+  - Зарегистрировать онлайн-фискальник АТОЛ : https://atol.online/ (или иной, поддерживаемый выбранным интернет эквайером) и [[public:doc:online_processing:yookassa|подключить его в личном кабинете эквайера, либо передать нам данные для доступа в личный кабинет эквайера и хостинга онлайн фискальника]]
   - Подготовить **на своем сайте** страницу с данными, отвечающими требованиям эквайера, политикой конфиденциальности и правилами использования приложения, и предоставить ссылку на данную страницу ([[https://admin.lime-it.ru/useragreement.html|Пример]]): <WRAP center round important 60%>
 В правилах возврата указать что все возвраты осуществляются только на кассах!
@@ Строка 52: / Строка 55: @@
 Встройка осуществляется через ''iframe'' силами заказчика (подрядчика, выполняющего обслуживание сайта заказчика), ниже приведен пример встройки в статическую html страницу
+<WRAP center round alert 60%>
+ЮKassa ограничила использование iframe для отображения страницы оплаты по соображениям безопасности.
+</WRAP>
 <file html widget.html>
@@ Строка 111: / Строка 118: @@
 Встройка осуществляется через ''iframe'' силами заказчика (подрядчика, выполняющего обслуживание сайта заказчика), ниже приведен пример встройки в статическую html страницу
+<WRAP center round alert 60%>
+ЮKassa ограничила использование iframe для отображения страницы оплаты по соображениям безопасности.
+</WRAP>
 <file html widget.html>
@@ Строка 142: / Строка 153: @@
 		// сменить на боевой адрес при размещении сервера Лайма на стороне Лайма: https://admin.lime-it.ru
 		// в случае, если сервер Лайма размещен на хостинге заказчика, уточнить у Лайма адрес сервера
-		const widgetAddress = 'https://admin.lime-it.ru';
+		const widgetAddress = 'https://limepay.chudin.ru';
 		// запросить у Лайма идентификатор интеграции
@@ Строка 161: / Строка 172: @@
 </file>
+Также есть вариант встройки без ''iframe''
+<file html>
+<ticket-purchase-widget></ticket-purchase-widget>
+<script>
+    (() => {
+        window.__widgetParams = {
+            cdn: "https://limepay.chudin.ru/buy",
+            apiUrl: "https://limepay.chudin.ru",
+            integrationId: 1,
+        };
+        const widgetInstance = document.querySelector('ticket-purchase-widget');
+        for (const key in window.__widgetParams) {
+            widgetInstance[key] = window.__widgetParams[key];
+        }
+        const j = document.createElement('script');
+        j.src = `${__widgetParams.cdn}/widget-loader.js?${(new Date()).getTime()}`;
+        j.defer = true;
+        document.head.appendChild(j);
+    })()
+</script>
+</file>
+Элемент ''ticket-purchase-widget'' должен находиться на месте предполагаемого расположения виджета
+Для настройки виджета используются следующие параметры объекта ''window.__widgetParams''
+^ Ключ           ^ Описание                                                                                                                            | Обязательный      |
+| apiUrl         | Адрес сервера, на который будут отправляться запросы в API                                                                          | Обязательный      |
+| cdn            | Адрес с ресурсами страницы, обычно это apiUrl + '/buy'                                                                              | Обязательный      |
+| integrationId  | Id интеграции                                                                                                                       | Обязательный      |
+| hideHeader     | Нужно ли прятать шапку страницы\\ 0 - оставить\\ 1 - убрать                                                                         | По умолчанию - 0  |
+| hideFooter     | Нужно ли прятать подвал\\ 0 - оставить\\ 1 - убрать                                                                                 | По умолчанию - 0  |
+| fitCards       | Настройка для показа карточек в мобильной версии\\ 0 - как обычно, слайдером\\ 1 - умещаем две карточки, остальное также слайдером  | По умолчанию - 0  |
 ===== Ссылки =====
   * [[public:doc:popolnenie_denezhnyx_sredstv_na_kartu_klienta|]]
+  * [[public:doc:podgotovka_k_zapusku_prodazh_cherez_sajt_pod_zakazchika|]]
 {{tag>public doc article customer shop}}