嵌入自定义代码 - 构建 - 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