嵌入自定义代码 - 构建 - Carrd 文档

Last updated on 6/26/2025@mrbirddev
嵌入自定义代码 - 构建 - Carrd 文档

嵌入自定义代码

需要 Pro Standard 或更高版本

Embed 元素允许您在网站的几乎任何地方插入自定义 HTML、CSS,甚至 JavaScript 代码(包括其 <head> 元素)。如果您需要添加尚未被 Widget 元素支持的第三方小部件,或者您只是想整合 Carrd 当前未提供的自定义功能,请按照以下步骤操作:

  1. 点击 Add Element

  2. 点击 Embed 创建一个新的 Embed 元素。

  3. Type 设置为 Code

  4. Code 设置为您想插入的自定义代码。这几乎可以是您通常粘贴到网站 HTML 中的任何内容,因此标准 HTML、包含自定义 CSS 规则的 <style> 标签,甚至包含 JavaScript 代码的 <script> 标签都可以在这里使用。

  5. (可选)Label 设置为有助于识别此特定嵌入的内容(例如,My Widget Code)。

  6. 选择嵌入的 Style

  • Inline 将代码精确地插入到网站上嵌入出现的位置(就像任何其他元素一样)。
  • Hidden 将代码插入到三个特定位置之一:
  • Head 用于网站的 <head> 元素,
  • Body Top 用于网站的开头 <body> 标签之后,或
  • Body End 用于网站的结尾 </body> 标签之前。

由于这实际上是在正常元素流之外发布嵌入,因此可以随意将其移动到更方便的位置(例如网站的最末端)。

  1. 完成! 您的自定义代码现在应该在已发布的网站上可见。请注意,嵌入元素在构建器中不会实际输出任何内容,因此您需要发布网站才能看到其效果。
Last updated on 6/26/2025@mrbirddev
Loading...