Статьи по теме: Редактор

Как добавить HTML, CSS или JS код на страницу, созданную в systeme.io?

В этой статье вы узнаете, как вставлять коды HTML, CSS и JS на страницы, созданные в systeme.io.


Вам понадобятся:


  • учетная запись systeme.io
  • HTML, CSS или JS-код


Зачем добавлять пользовательский код на свои страницы?


Зачем добавлять пользовательский код на свои страницы? Добавляя HTML-код на свою страницу, вы можете добавить пользовательский стиль, функциональность и структуру к содержимому изображений, текста, ссылок и т.д....


Например:


  1. Чтобы настроить стиль, вы можете добавить CSS-код
  2. Чтобы добавить анимацию на страницу или отдельные элементы (например, при наведении курсора или нажатии на кнопку), добавьте JS-код
  3. Чтобы добавить заголовки или текст в целом, создать таблицы, части и разделы на странице, добавьте HTML-код


Важные замечания:


При добавлении пользовательского кода в разделы заголовка, нижнего колонтитула, кода отслеживания или необработанного html-кода не включайте ни один из следующих тегов:


  • <head> </head>
  • <footer> </footer>
  • <html> </html>
  • <body> </body>


При добавлении видео с использованием iframe, дополнительных тегов не требуется.


Неправильно:


<div> 
    <iframe src="link to your video"></iframe>
</div>


Правильно:


<iframe src="link to your video"></iframe>


Существует три метода интеграции различных кодов на ваши страницы.


1. Добавление кодов в разделе "Коды отслеживания":


Чтобы интегрировать коды отслеживания, откройте воронку продаж со страницей, на которой вы хотите разместить код. Перейдите в редактор этой страницы, а затем нажмите на кнопку "Настройки". Прокрутите панель, которая откроется слева, до раздела "Отслеживание".



1.1 Коды, которые необходимо вставить в раздел кода заголовка


Если вас просят поместить код в заголовок страницы (или <header>), выберите эту часть кода, скопируйте и вставьте её в поле, которое открывается при нажатии кнопки "Редактировать код заголовка".



Нажмите "Сохранить", чтобы изменения вступили в силу.


1.2 Коды, которые необходимо вставить в кодовую часть нижнего колонтитула


Если вас просят разместить на странице код, предназначенный для "режима объекта документа" или "модели объекта документа" (DOM), выберите эту часть кода, скопируйте и вставьте её в поле, которое открывается при нажатии кнопки "Редактировать код нижнего колонтитула".



Нажмите "Сохранить", чтобы изменения вступили в силу.


2. Добавление кода на странице "Настройки воронки продаж":


Чтобы добавить код сразу на все страницы ваших воронок продаж, вставьте нужный код в поле "Код отслеживания" на странице "Настройки воронки продаж" в настройках вашего аккаунта:



Нажмите "Сохранить", чтобы изменения вступили в силу.


3. Добавление кода в элемент "HTML в исходном формате":


Вы также можете добавить код на страницу воронки или блога, следуя этой инструкции:


  1. Перетащите элемент "HTML в исходном формате" на свою страницу в Редакторе и расположите его нужным образом.



  1. Наведите курсор на этот элемент и нажмите на иконку с шестерёнкой, чтобы открыть настройки элемента (1). Затем нажмите на кнопку "Редактировать код" (2).



Вставьте ваш HTML-код в открывшееся поле (3) и нажмите "Сохранить" (4).



Не забудьте сохранить изменения на странице редактора.

Последнее изменение: 05/05/2025

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!