如何创建您自己的自定义表单模板

已发表: 2024-03-14

WPForms 提供超过 1,700 个预制表单模板供您使用。 但很多时候,您仍然需要自定义模板以使其可用于您的网站。

如果您发现自己必须一遍又一遍地进行相同的自定义,那么创建您自己的自定义表单模板可能是个好主意。 您的所有个性化详细信息都已包含在内,从而节省您创建新表单的时间。

幸运的是,WPForms 允许您将任何表单转换为可以根据需要经常重复使用的模板。 在本教程中,我将向您展示它是如何工作的!

立即创建您的自定义表单模板

在本文中

  • 第 1 步:从现有表单创建新模板
  • 第 2 步:自定义您的新表单模板
  • 第 3 步:使用您的自定义表单模板
  • 自定义表单模板常见问题解答

如何创建您自己的自定义表单模板(3 个步骤)

WPForms 可以非常轻松地个性化表单模板并将其保存在表单生成器中以供将来使用。 以下是如何开始。

第 1 步:从现有表单创建新模板

首先,您需要一个表单作为模板的基础。 这可以是 WPForms 的许多现有表单模板之一,也可以是您已经构建并保存的表单。

您可能需要为多种不同类型的表单创建自定义模板,例如:

  • 同意书和弃权书:将您公司的条款和条件添加到您的模板中。
  • 联系表单:使用个性化模板快速创建多个联系表单,用于不同目的,以便在您的网站上使用。
  • 订单表格:将您的产品添加到订单表格模板中,然后使用它创建多个订单表格。 例如,您可以使用相同的产品制作标准定价订单和批发定价订单。
  • 捐赠表格:使用您组织的品牌和捐赠选项创建模板,然后使用它为不同的筹款活动创建在线表格。
  • 申请表:构建标准申请表模板,然后让来自不同俱乐部或您赞助的其他组织的领导者为其特定群体创建自定义表格。

如果您想将表单翻译成另一种语言,然后保存并在您的网站上重复使用,自定义模板也很棒。

对于我的示例,我将使用帐单/订单表单模板。

Selecting the Billing/Order Form template

在拖放表单生成器中打开您想要作为模板基础的表单。 然后单击屏幕顶部的菜单图标以查看其他选项。 选择另存为模板

Saving a form as a template in WPForms

然后,表单生成器将刷新,您将看到一个橙色模板徽章,表明您现在正在编辑模板。

Editing a custom template in WPForms

接下来,您将能够对表单进行更改,以便在您的网站上重复使用它。

第 2 步:自定义您的新表单模板

您可以像使用 WPForms 编辑任何表单一样配置新模板。 我将介绍一些您可能想要进行的更改示例,以创建适合您的功能模板。

首先,我想更改模板的名称,因此我将单击“设置”选项卡,然后在构建器顶部的字段中输入新名称。

Changing the name of a custom form template in WPForms

返回“字段”选项卡,我将编辑表单字段。 由于我的示例是订单表单,因此我将首先添加我自己的产品和价格来代替帐单/订单表单模板中的产品和价格。

Editing the options in a Multiple Items field

我还将启用图像选择,以便我的订单包含产品图像。

Adding image choices to a Multiple Items field

最后,我将在表单顶部添加一个内容字段,以便我可以添加徽标。 如果您想将品牌添加到可重复使用的表单中,自定义模板尤其方便。

Adding a header logo to a form using a Content field

现在我已完成表单编辑,我将单击“设置”选项卡。 在“常规”下,我将添加一个模板描述,保存此模板后,该描述将在我网站的模板库中可见。

Editing the template description for a custom template

我还将编辑电子邮件通知和确认消息以包含品牌名称。

Editing a custom template email notification

我正在创建的模板不包含任何营销或付款集成,因此我将跳过这些并单击“保存”以更新我的模板。

Saving a custom form template

第 3 步:使用您的自定义表单模板

保存自定义 WPForms 模板后,您可以在库中找到它和所有其他模板。 导航至WPForms » 表单模板,然后单击我的模板以查看您的自定义模板。

Viewing custom form templates in WPForms

您可以在上面看到我的新订单模板。 要使用它,我所需要做的就是单击“创建表单”

Creating a form from a custom template

如果我决定要对其进行更多更改,您可以看到这里还有一个用于编辑模板的按钮。

一旦我的模板加载到表单生成器中,我就可以自定义和嵌入我的订单表单,就像我使用 WPForms 模板库中的任何模板一样。

Editing a form made from a custom template

删除自定义表单模板

如果您决定不再需要您创建的自定义模板,您可以通过转至WPForms » 表单模板 » 我的模板,然后单击要删除的模板的垃圾桶图标,将其从您的网站中删除。

Deleting a custom template in WPForms

这只会删除模板本身,而不会删除您发布的使用此模板的任何表单。

自定义表单模板常见问题解答

对 WPForms 中的自定义表单模板有疑问吗? 以下是一些热门答案。

我可以在其他网站上使用我的自定义表单模板吗?

您的自定义表单模板仅在您创建它的网站上可用。 每个站点的“我的模板”部分都是独一无二的。

但是,您可以导出表单模板,然后将其上传到另一个网站并将其另存为模板。

Exporting a form template

请查看我们有关此过程的文档,了解详细的分步说明。

接下来,自定义您的电子邮件通知

正如您所看到的,在 WPForms 中制作自定义表单模板非常简单! 只需点击几下即可开始。

立即创建您的自定义表单模板

自定义表单的另一种方法是使用电子邮件模板来设置通知的样式。 查看如何在 WPForms 中设置电子邮件通知的样式,了解如何添加标题图像、更改配色方案等。

准备好从上到下自定义您的 Web 表单了吗? 立即开始使用最简单的 WordPress 表单生成器插件。 WPForms Pro 包含大量免费模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,获取更多免费的 WordPress 教程和指南。