Открытие страницы в Iframe на Тильде

Для того чтобы встроить другую страницу или сайт в попапе вашего сайта, нужно заполнить следующие поля:

Общие настройки iframe

1. «Ссылка в кнопке» — Придумайте ссылку для кнопки, при нажатии которой будет всплывать попап с iframe;
2. «Адрес страницы» — Укажите ссылку на страницу вашего сайта, который вы хотели бы открыть во всплывающем окне на другой странице вашего сайте. Также модификация может встроить в попап страницы сторонних сайтов, если у них включена настройка «Разрешить встраивать сайты в frame».

Важно: ссылка на встраиваемый сайт должна иметь такой же протокол как и ваш основной сайт, т. е. http=http или https=https;

3. «Цвет фона iframe» — Укажите цвет фона для фона iframe, в котором будет отображаться другой сайт;
4. «Отступы слева/справа» — В этом поле вы можете указать отступы слева и справа внутри попап;
5. «Отступы сверху/снизу» — В этом поле вы можете указать отступы сверху и снизу внутри попап;
6. «Z-index» — В этом поле нужно настроить z-index для попапа. Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой;
7. «Ширина iframe в мобильной версии (%)» — В этом поле вы можете задать ширину iframe в мобильной версии. Значение указывается в %. Рекомендуется указать 100%;
8. «Высота iframe в мобильной версии (%)» — В этом поле вы можете задать высоту iframe в мобильной версии. Значение указывается в %. Рекомендуется указать 100%;
9. «Закрывать iframe при клике вне его» — При активации данной функции, iframe будет закрываться при клике вне области попапа;
10. «Предзагружать iframe» — При активации данной функции сайт или страница будет предзагружаться до открытия попапа.
11. «Закрывать iframe при клике вне его» — Если активировать данную функцию, то попап будет закрываться при клике вне зоны страницы;
12. «Блокировать скролл страницы при открытом попапе» — Если активировать данную функцию, то страница не будет скроллится пока попап будет открыт;
13. «При открытии ссылок внутри iframe, закрывать iframe» — Данная функция позволит осуществлять переход по ссылкам на отдельные страницы, а не открывать их внутри iframe. Настройка работает только для страниц в рамках одного домена;

Кастомизация иконки закрытия

14. «Размеры крестика» — Размеры иконки крестика для закрытия попапа;
15. «Цвет обводки крестика» — Цвет обводки иконки крестика для закрытия попапа;
16. «Цвет крестика» — Цвет иконки крестика для закрытия попапа;
17. «Цвет крестика в мобильной версии» — Цвет крестика в мобильной версии для закрытия попапа;
18. «Фон крестика» — Фон иконки крестика для закрытия попапа;
19. «Фон крестика при наведении» — Фон крестика при наведении для закрытия попапа;
20. «Фон крестика в мобильной версии» — Фон крестика в мобильной версии для закрытия попапа;
21. «Цвет плашки в мобильной версии» — Цвет плашки под иконкой закрытия;
22. «Расстояние сверху до крестика (px)» — Расстояние сверху до крестика. Значение указывается в px;
23. «Расстояние справа до крестика (px)» — Расстояние справа до крестика. Значение указывается в px;

24. Добавляете блок Т123 и вставляете в него сгенерированный HTML код.

Важно:

• Если вы встраиваете страницу сайта на Тильде, нужно перейти в настройки сайта → Ограничить доступ → включите галочку «Отключить защиту от фреймов».