Интеграция кастомного кода и сторонних сервисов – Readymag Help

Эта функция доступна на всех платных планах, кроме архивных (Creator и Сustom).

C помощью виджета Code widget или раздела Code Editor в настройках проекта вы можете добавить HTML, JavaScript и CSS-код для изменения стилей, анимационных эффектов, интеграции сторонних сервисов и т.д.

Cторонний код может потребовать доработки для использования в проектах Readymag. Мы рекомендуем всегда прибегать к помощи профессионального разработчика для работы с этой функцией. Будьте осторожны при добавлении кода: служба поддержки Readymag не дает консультаций по стороннему коду.

Кастомный код на планах Free

Публиковать проекты с кастомным кодом можно только на платных планах. Однако на всех планах вы можете вставить код и проверить его в режиме превью (P): так можно протестировать корректность работы кода перед оплатой другого тарифного плана.

На плане Free можно использовать <iframe>-код (теги, кроме <iframe> в таком коде содержаться не могут).

Если на планe Free вы добавите <iframe>…</ iframe> код, которые содержит другие теги, к примеру, <div> или <script>, код не будет работать после публикации проекта.

Редактор кода (Сode Editor)

Код проекта (Project code)

Если код должен работать для всех страниц проекта сразу, добавьте его в раздел <HEAD>, после открывающего тега <BODY> или перед закрывающим тегом </BODY>.

CSS

Чтобы изменить CSS-стили, перейдите в раздел CSS и добавьте код. Такой код будет работать сразу для всех страниц проекта.

Код виджета (Widget code)

Если код должен запускаться только на одной странице — к примеру, вы добавляете видео со стороннего сервиса — вставьте его в раздел Widget Code виджета Code.

Очистить содержание виджета (Clear widget contents)

Если код не должен работать в том случае, если посетитель вашего проекта переходит на другую страницу или в другое окно, активируйте опцию Clear widget contents.

Использовать iFrame (Use iFrame)

Иногда кастомный код некорректно отображается в режиме редактирования. Переключитесь в режим превью (P) и проверьте, виден ли добавленный код. Если в превью код не работает, включите опцию Use iFrame, чтобы заключить его в теги <iframe>…</iframe>.

Примеры использования кастомного кода