Hostinger AI Builder 手动模式添加和自定义网站元素教程
Hostinger AI Builder 的手动模式提供 15 种网站元素——包括文本、图片、按钮、视频和表单——你可以通过拖放和自定义这些元素来搭建你的网页。网站元素是用于填充网页内容的项目,换句话说,网站元素就是文本、图片、按钮、视频等等。
向页面添加元素
在使用 Hostinger AI Builder 手动模式 时,你可以展开左侧的 Add elements(添加元素)面板,查看所有可用元素。
将任意元素拖放到网站上你想要的位置,或者点击某个元素,它会自动插入到你选中的区块中:


自定义元素
你可以随意自定义每个元素。点击元素并探索其设置选项:

了解在页面中处理多个重叠项目时如何组织和分层元素。
元素类型
你可以从以下元素中进行选择:
| 文本 | 使用文本元素为你的网站填充高质量内容;了解如何更改文本样式,包括新增的闪亮文字效果,为页面增添视觉亮点 |
| 滚动文本(Running text) | 添加一行在屏幕上无限滚动显示的文字——这是突出折扣、公告或其他重要信息的好方法 |
| 按钮 | 按钮是出色的行动号召(CTA)元素;了解如何为按钮添加链接 |
| “加入购物袋”按钮 | 创建产品,将其关联到这些按钮,轻松在线销售 |
| 图片 | 你可以浏览我们的免费图片库,或上传自己的图片 |
| 相册 | 相册元素可让你以图片库的形式展示喜爱的图片 |
| 视频 | 我们的原生视频元素支持 YouTube 和 Vimeo 视频;了解如何添加 Facebook 视频或从本地设备上传视频 |
| 形状 | 使用各种几何图形来完善你的网站设计 |
| 卡片 | 添加一个带样式的容器,打造现代卡片式布局;卡片元素支持边框、背景填充(纯色和渐变色)、预设或自定义阴影效果,以及灵活的尺寸调整 |
| 地图 | 添加地图,帮助你的客户更轻松地找到你的商家位置 |
| Instagram 动态 | 使用 Instagram 动态元素将你的 Instagram 帖子嵌入网站 |
| 联系表单 | 让你的客户通过网站上的联系表单与你取得联系 |
| 订阅表单 | 要创建邮件列表,可在网站中添加订阅表单元素,轻松收集电子邮箱地址 |
| 社交媒体图标 | 使用此元素为你的社交媒体主页添加链接 |
| 嵌入代码 | 嵌入代码元素可让你将各种第三方小工具集成到网站中:日历、倒计时器、弹窗等等 |
| 搜索 | 使用此元素让访客搜索你的产品、博客文章和其他网站内容;了解如何配置其搜索范围并启用专门的搜索结果页面 |
更多资源