Как добавить HTML, CSS или JS код на страницу, созданную в systeme.io?
В этой статье вы узнаете, как вставлять коды HTML, CSS и JS на страницы, созданные в systeme.io.
Вам понадобятся:
- учетная запись systeme.io
- HTML, CSS или JS-код
Зачем добавлять пользовательский код на свои страницы?
Зачем добавлять пользовательский код на свои страницы? Добавляя HTML-код на свою страницу, вы можете добавить пользовательский стиль, функциональность и структуру к содержимому изображений, текста, ссылок и т.д....
Например:
- Чтобы настроить стиль, вы можете добавить CSS-код
- Чтобы добавить анимацию на страницу или отдельные элементы (например, при наведении курсора или нажатии на кнопку), добавьте JS-код
- Чтобы добавить заголовки или текст в целом, создать таблицы, части и разделы на странице, добавьте 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 в исходном формате":
Вы также можете добавить код на страницу воронки или блога, следуя этой инструкции:
- Перетащите элемент "HTML в исходном формате" на свою страницу в Редакторе и расположите его нужным образом.
- Наведите курсор на этот элемент и нажмите на иконку с шестерёнкой, чтобы открыть настройки элемента (1). Затем нажмите на кнопку "Редактировать код" (2).
Вставьте ваш HTML-код в открывшееся поле (3) и нажмите "Сохранить" (4).
Не забудьте сохранить изменения на странице редактора.