Hostinger AI Builder 手动模式联系表单添加与管理教程

使用联系表单元素、版块或第三方小工具，为你的 Hostinger AI Builder 手动模式网站添加联系表单。

添加联系表单

你可以使用联系表单元素和/或联系表单版块来为网站添加联系表单。

1. 展开左侧的 添加元素 面板。
2. 找到联系表单元素，并将其拖放到页面上的任意位置：
   

添加联系表单版块的步骤如下：

1. 点击添加版块——你可以在任何版块的水平边框上看到该按钮：
   
2. 在左侧菜单中选择联系表单，在右侧选择你喜欢的版块模板并点击它——联系表单版块就会被插入到你的页面中。

编辑联系表单

点击联系表单元素即可查看更多选项（编辑、复制、更改可见性、删除、调整大小等）：

点击编辑表单打开其设置：

常规	- 重命名表单——如果你的网站上有多个表单，每个表单的提交内容会单独列出 - 指定用于接收新表单提交通知的电子邮箱地址 - 查看表单提交内容
字段	- 自定义字段：添加、编辑、排序、删除 - 指定必填字段 - 支持的字段类型： - 简短回答 - 段落 - 单选题 - 多选题
按钮	- 重命名“提交”按钮 - 更改按钮位置（对齐方式） - 指定提交表单后的操作： - 显示感谢信息 - 将用户重定向到你网站内的特定页面
样式	更改以下内容的样式（从下拉菜单中选择）： - 按钮 - 表单字段 - 背景
动画	如何添加动画

查看表单提交内容

当网站访客提交联系表单后，系统会自动向与你的 Hostinger 账户关联的电子邮箱发送通知。

你可以在构建器中查看访客通过联系表单提交的所有内容。

1. 展开左侧的 ⋯（更多） 菜单，然后进入表单提交：
   
2. 在所需表单旁边，点击查看：
   
3. 在这里，你可以找到特定表单的所有提交内容。你可以轻松地将选中的提交记录导出为 .CSV 文件，或删除不需要的内容：
   

嵌入第三方联系表单

如果你已经试用过我们的联系表单元素，但需要更多功能，Elfsight 是提供各种可嵌入小工具的众多平台之一，其中包括**联系表单小工具**

1. 在 Elfsight 上，你可以找到多种联系表单模板。
2. 选择模板后，可以根据自己的喜好进行自定义：
   
3. 创建完小工具后，将其保存：
   
4. 然后，点击添加到网站并复制集成代码：
   
5. 使用**嵌入代码元素**将代码嵌入你的网站，联系表单就会被添加到你的页面上。

你的联系表单现已上线，随时可以接收并管理访客提交的内容。

注意

• 如果你决定使用 Elfsight 小工具，系统会要求你选择一个 Elfsight 套餐。
• 使用第三方集成时，你将无法在 AI 构建器中查看表单提交内容。
• 如果你想收集访客注册信息而非一般咨询，请参阅订阅表单了解更多信息。