嵌入自定义代码 - 构建 - Carrd 文档
Last updated on 6/26/2025@mrbirddev
嵌入自定义代码
需要 Pro Standard 或更高版本
Embed 元素允许您在网站的几乎任何地方插入自定义 HTML、CSS，甚至 JavaScript 代码（包括其 <head> 元素）。如果您需要添加尚未被 Widget 元素支持的第三方小部件，或者您只是想整合 Carrd 当前未提供的自定义功能，请按照以下步骤操作：
点击 Add Element
点击 Embed 创建一个新的 Embed 元素。
将 Type 设置为 Code。
将 Code 设置为您想插入的自定义代码。这几乎可以是您通常粘贴到网站 HTML 中的任何内容，因此标准 HTML、包含自定义 CSS 规则的
<style>标签，甚至包含 JavaScript 代码的<script>标签都可以在这里使用。(可选) 将 Label 设置为有助于识别此特定嵌入的内容（例如，My Widget Code）。
选择嵌入的 Style：
- Inline 将代码精确地插入到网站上嵌入出现的位置（就像任何其他元素一样）。
- Hidden 将代码插入到三个特定位置之一：
- Head 用于网站的
<head>元素， - Body Top 用于网站的开头
<body>标签之后，或 - Body End 用于网站的结尾
</body>标签之前。
由于这实际上是在正常元素流之外发布嵌入，因此可以随意将其移动到更方便的位置（例如网站的最末端）。
- 完成！ 您的自定义代码现在应该在已发布的网站上可见。请注意，嵌入元素在构建器中不会实际输出任何内容，因此您需要发布网站才能看到其效果。
Last updated on 6/26/2025@mrbirddev