Вставка стороннего кода
На Flexbe доступно несколько вариантов вставки стороннего кода. Чтобы код корректно работал, важно правильно выбрать способ вставки. Ниже покажем каждый из вариантов и опишем случаи, когда они подходят.
Если после прочтения статьи вы не уверены, какой раздел использовать, напишите нам в чат с Поддержкой. Мы проверим код и подскажем, куда его можно добавить.
Раздел Настройки → Вставка кода
Код, добавленный в разделе Настройки→ Вставка кода, применяется сразу ко всем страницам сайта. Это самый низкоуровневый способ добавления кода. Он подходит для счетчиков, виджетов и хаков, которые должны работать на всех страницах сайта. Код применяется только в режиме Предпросмотра страницы.
Так как код из раздела вставляется напрямую в HTML страницы, его необходимо обернуть в правильные теги. Например, JS-код необходимо обернуть в теги <script>, a стили CSS в теги <style>.
/* JS-код */
<script>
//ваш JS-код
</script>
/* CSS-стили */
<style>
//Ваш CSS
</style> Раздел Настройки → Виджеты
Аналогично разделу Вставка кода, код, добавленный в разделе Настройки→ Виджеты, применяется сразу ко всем страницам сайта.
Для удобства вы можете именовать виджеты.
Для удобства вы можете именовать виджеты.
Виджеты могут загружаться отложено. Для этого используйте настройку в разделе Настройки→ Оптимизация скорости.
Раздел Код на странице
Код, добавленный в разделе Код на странице, применяется только к этой странице.
Раздел подходит для виджетов/счетчиков, которые нужны на одной странице и которые не должны срабатывать в редакторе. Код применяется только в режиме Предпросмотра страницы.
Раздел подходит для виджетов/счетчиков, которые нужны на одной странице и которые не должны срабатывать в редакторе. Код применяется только в режиме Предпросмотра страницы.
JS и CSS можно добавлять на отдельных вкладках, поэтому оборачивать их в теги не нужно. Вкладка JS поддерживает ES Modules. Вкладка CSS поддерживает LESS-синтаксис. Подробнее о возможностях HTML редактора
Для удобства виджеты можно переименовывать и менять порядок их выполнения
Секция и элемент HTML
Секция и элемент HTML применяются также на конкретной странице и подходят для кода, который должен отображаться в определенном месте страницы (например, код калькулятора). Данный способ также позволяет добавить CSS-стили кастомному классу элемента и iframe.
Добавление кода через секцию или элемент обладает теми же преимуществами, что и через раздел Код. В окне доступны вкладки для JS и CSS, а также загрузка файлов для использования путей в коде.
ВНИМАНИЕ
Код, который вы добавляете через блоки HTML, применяется в редакторе, поэтому используйте этот способ осторожно. Сломанный код может поломать редактор или даже отображение страницы. Если это случится, обратитесь в чат с Поддержкой и мы постараемся помочь.
Код, который вы добавляете через блоки HTML, применяется в редакторе, поэтому используйте этот способ осторожно. Сломанный код может поломать редактор или даже отображение страницы. Если это случится, обратитесь в чат с Поддержкой и мы постараемся помочь.
Секция HTML находится в разделе добавления секций → Прочее.
Элемент HTML находится в списке добавления элементов. Для удобства воспользуйтесь поиском по элементам.
Если код необходимо использовать на нескольких страницах сайта (но не на всех), сделайте секцию Глобальной. Затем добавьте секцию с кодом на тех страницах, где она нужна. Код можно будет гибко редактировать, так как изменение в Глобальной секции применяется сразу на всех страницах, где она была добавлена.
Звонок по России бесплатный
8 (800) 555-45-12
© 2012 – 2024 ООО «Флексби»
