如何在WooCommerce中添加自定义上传字段

在WooCommerce中添加自定义上传字段

您要在结帐页面上添加上传字段吗? 您来对地方了。 在本文中,我们将逐步向您展示如何在WooCommerce中添加自定义上传字段。

WooCommerce拥有超过500万活跃下载,是世界上最受欢迎的电子商务平台。 创建在线商店时,这是许多商店所有者的最佳选择,这是有充分理由的。 WooCommerce使客户和商店所有者的整个在线体验变得无缝,直接。

除了易于设置和使用之外,WooCommerce还具有大量功能,可为您提供很大的灵活性。 通过使用插件或进行一些编码,您都可以添加所需的任何功能,以改善购物体验并提高销售量。

做到这一点已不是什么秘密,您的结帐应该被优化且不受干扰。 增强用户体验的一种方法是将自定义上传字段添加到WooCommerce商店。 这样,您可以允许客户在结帐过程中上载文件并立即确认订单,而不必等到他们通过电子邮件向您发送其他文档后才继续进行购买。

在详细介绍之前,让我们更好地了解为什么将自定义上传字段添加到您的商店是个好主意。

为什么要在WooCommerce中添加自定义上传字段?

在某些情况下,购物者在在线购买产品时可能需要上传文档。

一些酒店可能会要求他们的顾客在网上预订时附上某种身份证明(通常是身份证或护照)。 在许多国家/地区,酒店每天都必须向警方或地方当局提供有关其客人的信息,因此他们可能会在您到达之前要求您提供身份证件,以加快办理入住手续的速度。

同样,一些在线销售机票或火车票的网站也要求乘客在预订过程中上载身份证或护照。 如果您需要更改机票,要求退款或要求某种延误赔偿,公司可能会要求您上传某些文件,例如护照或身份证,所购机票等。

此外,批发在线商店还拥有大量购买产品并在单笔交易中花费数千美元的客户。 在这些情况下,作为安全措施,他们可能要求用户上传一些身份证明。

最重要的是,一家服装店提供购买定制T恤的选项,可能会要求客户发送自己的设计以进行印刷。 为此,他们需要让用户上传文件,以便他们可以上传自己的设计。

最后,对于销售需要事先认证(例如潜水,滑翔伞等)的服务的商店,可以选择上传文件非常有用。

即使不是在每种情况下都必须这样做,将自定义上传字段添加到您的结帐页面也可以使该过程轻松进行,并且对双方都更加方便。

现在,我们更好地了解了为什么在这种情况下应将自定义上传字段添加到WooCommerce商店,让我们看看如何做到这一点。

如何在WooCommerce中添加自定义上传字段

在WooCommerce中添加自定义上传字段的最简单方法是使用插件。 对于此演示,我们将使用Checkout Manager for WooCommerce,这是一个免费安装的工具,具有90,000多个活动安装。

该插件具有许多功能,可帮助您自定义结帐功能,并包括添加自定义字段的选项。 要了解有关此工具提供的所有功能的更多信息,请查看产品页面。

QuadLayers的WooCommerce结帐管理器

步骤1:为WooCommerce安装Checkout Manager

首先,您需要安装插件。 在您的WordPress管理控制台中,导航至“插件”>“添加新内容”。

然后,通过QuadLayers搜索WooCommerce的Checkout Manager插件,然后单击“立即安装”按钮。 插件安装完成后,按“激活”。

由QuadLayers安装WooCommerce的Checkout Manager

现在是时候配置插件了。 首先,将新的自定义上传字段添加到WooCommerce结帐页面。

在此之前,让我们看看结帐页面的外观。 如您所见,没有任何字段允许客户上传文件。

结帐页面-之前

让我们看看如何设置Checkout Manager,让购物者在结帐时添加文件。

步骤2:在WooCommerce Checkout页面中添加Custom Upload字段

在WordPress信息中心中,导航至WooCommerce>结帐。 在那里,您会找到Checkout Manager的所有设置。

转到WooCommerce Checkout Manger设置

转到“结帐”标签,然后转到“其他”部分以打开其他字段设置。

注意:在此示例中,我们将在“其他”部分添加该字段,但您只需将其转到“结帐”标签下的相应区域,即可将其添加到“结帐”,“运送”或所需的结帐的任何部分。

在右上角,您将看到一个下拉菜单,可让您选择要显示这些其他字段的位置。 单击“添加新字段”按钮开始创建新的其他字段。

结帐管理器设置

设置自定义上传字段

之后,您将进入带有设置菜单的新页面。 您可以在此处指定要添加的字段的参数。 由于我们要添加自定义上传字段,因此请在“类型”下选择“文件”,然后设置自定义标签和按钮文字。 然后,按“保存”。

添加一个新的自定义字段

创建一些其他字段后,您可以从其他字段设置菜单中管理不同的参数。 这些参数包括:

  • 重新定位:您可以使用向上和向下箭头上下移动字段。 或者,您可以单击并拖动三个水平线图标来重新定位字段。
  • 必填:启用必填字段会使该字段成为必填字段。 这意味着用户必须先填写该字段,然后才能继续。
  • 位置:您可以选择要显示字段的位置。 共有三个选项可供选择:左,右或宽。
  • 清除:启用此选项将禁止其他任何字段出现在此特定字段的左侧或右侧。
  • 禁用:通过选中禁用按钮,该特定字段不会显示在结帐页面上。
  • 编辑和删除:顾名思义,您可以通过单击相应按钮来编辑或删除特定字段。

现场管理选项

配置完所有设置后,保存更改。

现在,让我们从前端看一下我们的站点以查看更改。 可以的话,现在有一个按钮可以上传文件。 在我们创建的2个自定义字段中,只有“测试字段”被激活并且不是必需的,因此它在结帐页面上显示为可选字段。

在WooCommerce-结帐页面中添加自定义上传字段

就是这样! 这就是在WooCommerce中添加自定义上传字段的简单程度。 使用此按钮,客户可以在结帐过程中上载任何文件,甚至上载多个文件。 上载的文件将与订单的其他详细信息一起保存在订单页面上。 此外,您将能够管理用户通过管理订单仪表板上传的所有文件。

上传文件

但这还不是您使用Checkout Manager所能做的全部。 优化结帐是提高转换率的关键,因此您应该仅显示客户必须填写以完成订单的字段。 让我们看看如何添加仅在满足特定条件时才会出现的条件字段。

奖励:在WooCommerce中添加条件字段

条件字段包含两个部分:父字段和子字段。 子字段取决于父字段的输入。 这意味着默认情况下它是不可见的,但在父字段采用特定值时会显示。

例如,如果要在WooCommerce商店中添加仅在特定情况下才需要的自定义上传字段,最好的解决方案是创建一个条件字段,以便仅在需要时才显示该字段。

我们将分两步执行此操作。 首先,我们将询问用户是否要上传文件。 如果他们说“是”,则只有在那时,上传文件字段才会变为可见。 在此示例中,我们的第一个问题将是父字段,而上传文件按钮将是子字段。

现在我们知道什么是条件字段,让我们看看如何使用Checkout Manager插件将其添加到WooCommerce。

使用Checkout Manager创建条件字段

首先,让我们添加父字段。 按照相同的示例,我们将其添加到“其他”部分,但您可以将其添加到“帐单”,“运送”或所需结帐的任何部分中。

转到WooCommerce>结帐,转到“结帐”标签,然后打开“其他”部分。 按下“添加新字段”按钮并设置父字段的参数。 使用上面的示例,我们将选择“选择”作为“类型”,并添加自定义标签和占位符文本。

添加一个新字段

然后转到左侧的“选项”选项卡,并设置用户可以选择的所有可能的选项。 在此示例中,我们向用户提出一个只能有两个答案的问题:“是”或“否”。 由于此问题的答案不会增加任何额外费用(例如,快速交货或国际运输),因此我们将价格设置为0。配置完所有参数后,请保存更改。

在WooCommerce中添加自定义上传字段-条件字段选项

创建子字段

接下来,您需要创建子字段(自定义上传字段),并设置条件参数。

为此,创建一个字段,设置类型,标签和按钮占位符。 然后转到右侧部分,然后选中“激活条件字段要求”框。 之后,选择您在上一步中刚刚创建的字段作为父字段,然后选择应为其激活子字段的父字段的值。 在这种情况下,我们只希望在用户对第一个问题回答“是”时显示上载文件。

完成后,请记住保存更改。

添加条件字段

就是这样! 现在,您已经成功在WooCommerce结帐页面上设置了条件字段。

现在转到您的结帐页面,并检查条件字段是否正常工作。 最初,仅显示父字段,但是如果您选择“是”,则会显示上传文件按钮。

有关如何向WooCommerce添加条件字段的更多信息,请参阅我们的完整指南。

结论

总而言之,在WooCommerce结帐中添加自定义上载字段会很方便,因为它允许您的客户在结帐过程中上载任何必需的文件。

在某些情况下,用户可能需要上传文件或图像。 例如,在线酒店预订的ID验证,购买机票时的身份验证,服装的定制设计,物品的交换或退款或需要某些证书的服务。 这就是允许购物者在结帐时上传文件的原因,从而使整个过程更简单,更方便。

在本文中,我们讨论了:

  • 添加自定义上传字段的好处
  • 有关如何使用Checkout Manager在WooCommerce中添加自定义上传字段的分步说明
  • 什么是条件字段以及它们如何工作
  • 如何在WooCommerce中添加条件字段以优化结帐

您是否已将自定义上传字段添加到商店? 您知道我们应该包括的其他任何方法吗? 在下面的评论中让我们知道!

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/2021050744883.html