是否可以插入 HTML、CSS 或 JS 代码？
在本文中，您将学习如何在使用 systeme.io创建的页面上插入 HTML、CSS 和 JS 代码。
您将需要：
一个 systeme.io 帐户
HTML、CSS或 JS 代码
通过向页面添加 HTML 代码，可以为图像、文本、链接等内容添加自定义样式、功能和结构......
例如：
要自定义样式，您可以添加 CSS 代码。
要在页面或单个元素上添加动画（例如，当悬停或单击按钮时），请添加 JS 代码。
要添加一般标题或文本，请在页面上创建表格、部分和分区，添加 HTML 代码。
在**标题代码**、**页脚代码**、**跟踪代码**或**原始 html 代码**部分中添加自定义代码时，不要包含以下任何标签：
<head> </head>
<footer> </footer>
<html> </html>
<body> </body>
使用`iframe` 添加视频时，不需要额外的标签。
错误：
正确:
要插入 Facebook 跟踪代码，请转到包含您要放置代码的页面的销售漏斗。
从左侧的页面列表中选择漏斗页面，然后单击 “**编辑页面**”。
单击左上角的 “**设置**”，然后向下滚动到 “**跟踪**” 部分。
1.1 要插入标题代码部分的代码
在本节中，您应该粘贴任何需要放在页面 <head> 和 </head> 标签中的代码。
1.2 要插入页脚代码部分的代码
在本节中，添加任何用于 “**文档对象模型**”（**DOM**）的代码
必须将一些代码添加到每个漏斗页面中才能获得准确的跟踪。
为了避免重复将代码粘贴到每个页面上的过程，您可以全局自动将代码应用于漏斗的所有页面。
要将代码自动应用于所有页面，请转到您的**个人资料图片**，单击 “**设置**”，然后单击左侧项目中的 “**销售漏斗**”。将跟踪代码粘贴到 “**跟踪代码**” 文本框中，然后单击 “**保存**”。
也可以通过页面编辑器直接在页面上插入任何 HTML 代码。
1.通过将将 “**原始 HTML**” 元素拖动到页面所需的位置，添加该元素。
选择项目的小滚轮以显示项目的设置（图片中的数字 1）。
从左侧窗格中，单击 “**编辑代码**” 以显示弹出窗口，您可以在其中粘贴代码（图片中的数字 2）。
将 HTML 代码添加到文本框中（图片中的数字 3），然后 “**保存**”（图片中的数字 4）。
确保**保存**您的更改。
您将需要：
一个 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. 在 “跟踪代码” 部分添加代码：
要插入 Facebook 跟踪代码，请转到包含您要放置代码的页面的销售漏斗。
从左侧的页面列表中选择漏斗页面，然后单击 “**编辑页面**”。
单击左上角的 “**设置**”，然后向下滚动到 “**跟踪**” 部分。
1.1 要插入标题代码部分的代码
在本节中，您应该粘贴任何需要放在页面 <head> 和 </head> 标签中的代码。
1.2 要插入页脚代码部分的代码
在本节中，添加任何用于 “**文档对象模型**”（**DOM**）的代码
2. 从销售漏斗设置中添加代码：
必须将一些代码添加到每个漏斗页面中才能获得准确的跟踪。
为了避免重复将代码粘贴到每个页面上的过程，您可以全局自动将代码应用于漏斗的所有页面。
要将代码自动应用于所有页面，请转到您的**个人资料图片**，单击 “**设置**”，然后单击左侧项目中的 “**销售漏斗**”。将跟踪代码粘贴到 “**跟踪代码**” 文本框中，然后单击 “**保存**”。
3. 在页面中添加 “HTML代码” 元素：
也可以通过页面编辑器直接在页面上插入任何 HTML 代码。
1.通过将将 “**原始 HTML**” 元素拖动到页面所需的位置，添加该元素。
选择项目的小滚轮以显示项目的设置（图片中的数字 1）。
从左侧窗格中，单击 “**编辑代码**” 以显示弹出窗口，您可以在其中粘贴代码（图片中的数字 2）。
将 HTML 代码添加到文本框中（图片中的数字 3），然后 “**保存**”（图片中的数字 4）。
确保**保存**您的更改。
更新于： 22/05/2025
谢谢！