Hostinger Reach 表单添加到 WordPress 网站教程

现在，只需一次点击即可将 Hostinger Reach 表单添加到你的 WordPress 网站，无需编辑主题文件或手动粘贴代码。通过 Hostinger Reach 插件，你可以选择在 Reach Form Builder 中构建的任何表单，并直接通过 Hostinger Reach 插件页面、WordPress 区块编辑器、Elementor 或 HTML 代码片段将其放置到新建或现有页面上。嵌入后，在 Reach 中对表单所做的更新会自动同步到你的 WordPress 网站。

开始之前

你的 WordPress 网站上已安装并启用 Hostinger Reach 插件。
已在 Reach Form Builder 中创建表单。如果你尚未创建，可以按照下文的说明直接从 Hostinger Reach 插件中构建。
建议使用 WordPress 区块编辑器或 Elementor，这样添加表单更简单。

从 Hostinger 插件创建新表单

在 WordPress 管理后台，前往 Hostinger → Reach。
在 Form Builder 下，点击 Create a Form。
在 Reach 控制面板中，点击 Create form。
输入表单名称，然后点击 Continue。
点击 Start designing 来设计你的表单。
在 Reach Form Builder 中设计表单，必要时可使用 Build with AI，然后点击 Save form。
返回区块编辑器或 Elementor 中的页面，并按照下文区块编辑器或 Elementor 章节中的步骤选择新表单。

注意

Hostinger → Reach 下的表单列表会显示通过区块编辑器和 Elementor 与 Reach 同步的所有表单，并且每个表单都有一个开关，用于启用或禁用同步。

直接从 Hostinger Reach 插件页面添加表单

在 WordPress 管理后台，前往 Hostinger → Reach。
在 Forms 下，点击 Add form。
在 Select a form（选择表单）窗口中，选择一个现有的表单模板，或点击 Create a new form 在 Reach 中构建新表单。点击 Continue。
在 Select page for your form（为表单选择页面）窗口中，选择表单要显示的页面，或点击 Create a new page 将其添加到新页面。点击 Confirm。
表单将被添加到页面中，然后点击 Publish 保存页面。

使用 WordPress 区块编辑器添加表单

在WordPress 区块编辑器中打开页面，然后点击区块插入器图标。
搜索 Reach Subscription Form 区块并将其添加到页面。
点击 Use Form builder template。
在 Select a form（选择表单）窗口中，选择一个现有的表单模板，或点击 Create a new form 在 Reach 中构建新表单。
点击 Continue。
点击 Publish 保存页面。

使用 Elementor 添加表单

在 Elementor 中打开页面，然后在元素面板中搜索 Hostinger Reach 小工具。
将 Hostinger Reach 小工具拖入你的布局。
点击 Use Form builder template。
在 Select a form（选择表单）窗口中，选择一个现有的表单模板，或点击 Create a new form 在 Reach 中构建新表单。
点击 Continue。
点击 Publish 保存页面。