Hostinger AI Builder 手动模式嵌入自定义代码教程

通过自定义代码，你可以在 Hostinger AI Builder 手动模式网站中添加各种第三方元素、功能和集成。这里的代码会添加到你网站的 <body> 中。如果你想将代码添加到 <head>，请参阅如何集成自定义代码。

嵌入自定义代码

1. 在网站构建器中，打开左侧的 添加元素 面板。
2. 将嵌入代码元素拖放到页面上的所需位置：
   
3. 点击该元素可查看更多选项：输入代码、复制、更改可见性、删除、调整大小等：
   
4. 点击输入代码，插入你的代码，然后点击嵌入代码：
   

最后，更新你的网站，使更改在网站上生效。

注意

• 有关特定第三方集成的更多详情，请参阅如何添加自定义代码第三方集成。
• 你还可以为以下实用场景嵌入代码：音频文件、PDF 文档、客户评价、动画、Facebook 分享按钮和表格。
• 你还可以检查自定义代码是否已正确添加到你的网站中。

故障排除

如果你的自定义代码中包含 URL：

• 务必使用 HTTPS；HTTP 链接不安全，浏览器通常会拦截此类链接
• 从 URL 中删除空格

错误示例：

<iframe src=" http://code.com " frameBorder="0" width="900" scrolling="no" height="900" height="900"></iframe>

正确示例：

<iframe src="https://code.com" frameBorder="0" width="900" scrolling="no" height="900" height="900"></iframe>

如果你已插入正确的代码并更新了网站，但线上仍看不到小部件（widget），请**清除浏览器缓存**。

如果仍然无效，我们强烈建议你联系提供该小部件代码的平台开发者或支持部门。

“错误：嵌入代码过大”

如果你收到“错误：嵌入代码过大”的提示，这通常是由于直接在嵌入代码中使用 data:image… 格式添加了图片，而不是使用 URL 导致的。网站构建器不支持此格式，它可能导致网站无法更新或发布。
要解决此问题，请将 data:image… 代码替换为指向该图片的 URL。

错误示例：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...">

正确示例：

<img src="https://yourdomain.com/images/photo.jpg">