Как добавить 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).

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.