如何创建 WooCommerce 比萨生成器(带有自定义浇头)

创建一个 woocommerce 披萨生成器

谁不喜欢披萨? 几乎每个人都对它有个人偏好,但使用标准的 WooCommerce 安装,不可能让客户下定制的比萨饼订单。 这就是为什么您需要比萨制造商!

允许顾客选择他们想要的披萨类型是增加订单和留住顾客的必经之路。

在餐厅或比萨饼店,任何人都可以简单地走进来并通过说出他们对比萨饼配料、奶酪的偏好,甚至设计一个对半比萨饼来定制比萨饼订单。 要为在线客户提供相同的体验,您需要像这样添加一个披萨生成器:

披萨生成器设计概述

查看披萨生成器的工作演示。

让我们看看如何使用 WooCommerce 产品选项插件创建自定义披萨生成器。 这允许您的客户下定制比萨饼订单和定制比萨饼。

建立 WooCommerce 披萨店

在本节中,我们将通过分步指南从头开始创建披萨生成器。 如果您已经在您的网站上启动并运行了 WooCommerce 商店,您可以跳到下一步 – 创建 WooCommerce 披萨生成器.

第 1 步:设置 WooCommerce 商店

本教程假设您已启动并运行 WordPress 网站。 如果您想了解有关 WordPress 的更多信息, 这里有一些有用的资源 帮助您入门。

WooCommerce 是使用 WordPress 开始在线销售的最佳和最简单的方式。 在本教程中,我们将使用它来建立在线比萨店。 开始的方法如下:

  1. 登录到您网站的管理仪表板。
  2. 前往 插件 → 添加新的.
  3. 在搜索栏中,输入“WooCommerce”并单击 安装 按钮。 安装完成后,点击 启用 按钮。
  4. 激活插件后,您将被重定向到设置向导。 在这里您可以输入您店铺的相关信息,例如地址、行业、产品类型等。
  5. 您还可以为您的商店选择一个 WordPress 主题。 我要和 店面主题 因为它是免费的,并且具有所有必要的功能以及与大多数插件和服务的兼容性。
  6. 安装向导完成后,转到 WP 仪表板 → WooCommerce 并完成其他步骤,例如添加税率、运输方式和付款。

现在披萨店已经设置好,让我们将产品(披萨)添加到您的商店。

第 2 步:添加披萨产品

由于我们正在创建一个带有自定义变体选项的披萨生成器,因此我们只需要为每种披萨类型添加一种产品。 所有自定义选项,例如面包、奶酪和浇头的类型,稍后将作为 WooCommerce 产品选项的额外选项添加。

首先,为您的在线比萨店创建类别

在添加披萨之前,让我们先添加一个产品类别。 这很重要,因为您的比萨餐厅可能会提供各种食物,例如比萨、配菜、饮料或甜点。 类别将帮助我们稍后轻松添加自定义变量选项。

以下是添加 WooCommere 产品类别的方法:

  1. 在您的 WP 仪表板中,转到 产品 → 类别.
  2. 在左侧的“添加新产品类别”部分,为菜单中的每种食品添加一个新类别。 添加类别名称和 URL 段。 您还可以添加类别的简要说明。
  3. 点击 添加新类别 按钮。

添加新类别

您已成功为您的比萨店创建了一个新类别。 重复相同的步骤,将更多内容添加到您餐厅的菜单类别中。

添加披萨产品

现在您已准备好类别,让我们开始向您的商店添加产品。

下面介绍如何将披萨添加为产品。

  1. 在您的 WP 仪表板中,转到 产品 → 添加新的. 我们会将每个披萨添加为新产品,然后使用 WooCommerce 产品选项添加额外选项。
  2. 在“添加新产品”页面中,输入您的披萨名称,例如玛格丽特披萨和素食披萨。
  3. 在相应字段中输入产品数据,例如描述、图片、价格等。 您不必在此步骤中选择任何变量选项。
  4. 选择您之前创建的产品类别,例如 披萨.
  5. 添加详细信息后,单击 发布 按钮。

添加新的披萨产品

重复上述步骤并将其他产品添加到您的在线比萨店。 根据比萨店的菜单,您可以向商店添加多种产品。 只要确保不要为每个变体添加产品即可。 我们将在下一步中添加披萨生成器或自定义选项。

第 3 步:创建 WooCommerce 披萨生成器

对于本节,我们将使用 WooCoommerce 产品选项插件。 它旨在帮助店主在下订单时为客户提供更多定制自由。 您可以向您的商店添加各种类型的额外产品选项,并为您的客户提供更加个性化的购物体验。

您可以添加多种类型的产品变体和属性,例如单选按钮、复选框、可点击图像、下拉菜单等。这将使您的客户更自由地通过在披萨/产品页面上进行选择来创建他们想要的披萨类型。

这就是 WooCommerce 产品选项插件非常适合您的原因:

  • WooCommerce 产品选项随附 多种选择类型,例如单选按钮、复选框、下拉菜单、可点击的图像等。
  • 这是 易于设置 并与任何 WooCommerce 商店完美集成。
  • 你也可以 指定额外价格 比萨饼或附加产品。 例如,如果客户选择额外的奶酪作为比萨饼的附加物,则比萨饼的最终价格将自动增加预定义的值。
  • 您可以创建 条件选项,只有当用户选择其他变量选项时才会显示。
  • 单个选项组可以在几秒钟内应用于任意数量的比萨饼或产品。 您无需单独添加或更新额外的产品选项。
  • 您可以从插件设置页面轻松进行所有自定义和更改。

如果您想向在线比萨店添加自定义比萨选项,使用 WooCommerce Product Options 是不二之选。 如果你没有插件,你可以在这里得到它。

让我们看看如何创建 WooCommerce 披萨生成器!

安装 WooCommerce 产品选项插件

要安装插件,请按照下列步骤操作。

  1. 登录到您网站的管理仪表板并转到 插件 → 添加新的.
  2. 上传插件 zip 文件。 如果您没有插件 zip 文件,可以从“我的帐户”页面下载。
  3. 安装完成后,点击 启用 按钮。 您将被重定向到设置向导。
  4. 在字段中输入许可证密钥并激活插件。

许可证密钥已激活

添加自定义披萨选项

现在我们可以开始添加产品或披萨选项。

  • 为此,请访问 产品 → 产品选项.
  • 点击 添加群组 按钮为您的披萨选项创建一个新组。
  • 给组一个合适的名称,并将其分配给相应的产品或产品类别。 我将它添加到 ‘比萨’ 我之前创建的类别。 这样,该类别中的所有产品(比萨饼)的选项都将可见。
  • 点击 救球 按钮。

添加新的披萨组

现在让我们为披萨制作器添加单独的选项。

为此,打开您创建的选项组并单击 添加选项 按钮。

将产品选项添加到组

在这里,我添加了以下选项:

  • 一个单选按钮 比萨饼皮/面包 无需额外费用。
  • 的复选框 浇头 (额外收费)。
  • 一个复选框 额外的奶酪 选项。
  • 创建一顿饭 具有条件子选项的大订单选项,例如可乐和薯条。

这是如何做到的:

  • 给你一个选项 姓名. 您可以选择是否要显示名称。
  • 选择 选项类型 来自网格。 对于地壳选项,我选择了单选按钮(因为每个比萨饼只能有一个地壳)。
  • 在包含您要添加的价格类型的字段中添加您的选择。 我没有为面包选项指定任何价格。
  • 此外,您可以显示选项名称和描述,并将该字段设为必填(如果需要)。
  • 点击 添加选项 按钮将单个选项添加到组中。

添加产品选项

您已成功添加一个选项。 您可以重复这些步骤以向组中添加更多选项。

添加条件产品选项

对于最后一个选项(创建餐点),我想添加一个条件显示选项,其中仅当用户勾选“创建餐点”复选框时才应显示可乐和薯条选项。

  选择带有音乐播放器的 WordPress 音频插件:完整指南

这是如何做到的。

添加与复选框相关的详细信息后,启用 高级设置 选项。 在条件逻辑部分,将选项设置为 展示 选项。

您需要提前保存您的子选项。 如果没有,您可以为其创建一个新选项(可乐和薯条的复选框),然后在您当前设置的选项中选择它们(创建一顿饭)。

选择它们后,它们只会在客户选中父复选框时显示在产品页面上。 这样可以节省页面空间,并使产品选项看起来更干净、更美观。

完成所有更改后,单击 保存更改 按钮。

瞧! 您已经成功地为您的电子商务比萨店产品创建了一个选项组。 现在,您可以开始为您的商店接受定制的比萨外卖订单。

您可以查看您定制的产品页面,并在产品标题部分找到产品选项。

如果要更改选项或整个选项组,可以单击选项组的编辑按钮或单击管理选项按钮。 只要确保你点击 保存更改 进行更改后的按钮。

这就是您的披萨制作器在进行所有这些更改后的样子。

使用产品变体构建您自己的 WooCommerce 披萨构建器

使用 WooCommerce 产品选项插件,为您的在线比萨店设置和管理比萨生成器界面非常简单。 即使您不熟悉 WooCommerce 并且更愿意专注于您的披萨店,WooCommerce 产品选项也将帮助您轻松管理您的披萨插件和定制。

这就是为什么 WooCommerce 产品选项是最好的插件:

  • 轻松将自定义响应选项添加到您的在线比萨餐厅。
  • 该插件带有近十几个自定义字段可供选择。
  • 您可以为每个选项指定附加价格。 从基于数量的费用、固定费用、百分比增加/减少,甚至字符数中进行选择。
  • 您还可以添加条件选项,使某些选项在用户选择特定选项后出现。
  • 从插件的设置页面轻松进行所有更改,无需单独更新每个产品。 无需添加任何短代码即可显示自定义选项。
  • 获得 Barn2 支持团队的卓越支持,并访问详细的文档和教程。
  • 您始终享受无条件退款保证。

要尝试 WooCommerce 产品选项,请在此处获取。

如果您对创建披萨生成器或 WooCommerce 产品选项插件有任何疑问,请在评论中告诉我。 另外 – 如果您觉得本指南有用,请分享它!

类似文章