О НАС
КЛИЕНТАМ
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
В ЧАТ-БОТЕ:
NLM126 • ВРЕМЯ НАСТРОЙКИ: 3 МИНУТЫ
КАК ОТКРЫТЬ СТРАНИЦУ В IFRAME?
Модификация позволяет встроить любую страницу вашего сайта или сайта клиента в попап если в Тильде включена настройка «Разрешить вставить в iframe». Важно многие сайты отказывают в разрешении вставки своего сайта в чужой, из соображении безопасности. В модификации вы можете настроить ссылку на страницу, которую хотите встроить, ссылку для кнопки вызова всплывающего окна, цвет фона, отступы внутри попапа, кастомизация крестика.
Для корректной работы модификации включите поддержку jQuery. Подробнее.
Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
Амбассадор Нолим – Мария Егунова подготовил бесплатный шаблон и видеоинструкцию по настройке данной модификации.
Для того чтобы встроить другую страницу или сайт в попапе вашего сайта, нужно заполнить следующие поля:
Общие настройки 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. «Цвет обводки крестика» — Цвет обводки иконки крестика для закрытия попапа;
14. «Цвет крестика» — Цвет иконки крестика для закрытия попапа;
15. «Цвет крестика в мобильной версии» — Цвет крестика в мобильной версии для закрытия попапа;
16. «Фон крестика» — Фон иконки крестика для закрытия попапа;
17. «Фон крестика при наведении» — Фон крестика при наведении для закрытия попапа;
18. «Фон крестика в мобильной версии» — Фон крестика в мобильной версии для закрытия попапа;
19. «Расстояние сверху до крестика(px)» — Расстояние сверху до крестика. Значение указывается в px;
20. «Расстояние справа до крестика(px)» — Расстояние справа до крестика. Значение указывается в px;
21. Добавляете блок Т123 и вставляете в него сгенерированный HTML код;
Общие настройки 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. «Цвет обводки крестика» — Цвет обводки иконки крестика для закрытия попапа;
14. «Цвет крестика» — Цвет иконки крестика для закрытия попапа;
15. «Цвет крестика в мобильной версии» — Цвет крестика в мобильной версии для закрытия попапа;
16. «Фон крестика» — Фон иконки крестика для закрытия попапа;
17. «Фон крестика при наведении» — Фон крестика при наведении для закрытия попапа;
18. «Фон крестика в мобильной версии» — Фон крестика в мобильной версии для закрытия попапа;
19. «Расстояние сверху до крестика(px)» — Расстояние сверху до крестика. Значение указывается в px;
20. «Расстояние справа до крестика(px)» — Расстояние справа до крестика. Значение указывается в px;
21. Добавляете блок Т123 и вставляете в него сгенерированный HTML код;
Код доступен только тем, кто оплатил подписку
Подписка стоит 500р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Открыть страницу в iframe
Нажмите на кнопку, чтобы открыть всплывающее окно с другим сайтом или страницей