临猗企业网站建设:如何使用Divi照片市场布局包将您的商店转换为多供应商市场

2019.05.27 临猗企业网站建设

200

最近,我们的临猗企业网站建设设计团队发布了一个专业的图片市场布局包作为我们的免费Divi布局包之一,我们一直给予每周。由于这个布局实际上是作为一个市场来构建的,我认为这将是一个引入多供应商功能的好机会。这对于想要扩大其成员的产品数量并为他们的商店增加收入的市场所有者来说是很有价值的。

今天,我将向您展示如何使用照片市场布局包构建一个多供应商的市场。我将使用的插件是WooCommerce、ProductProviders和WooCommerce产品过滤器。我将向您展示如何正确设置ProductProviders插件,以添加和管理新供应商,创建供应商注册页面,等等。我还将向您介绍如何使用现有布局的元素为您的市场创建新的(但必要的)页面。

我们开始吧。

设置

为了节省时间,我将从已经完成的以下步骤开始本教程:

1.安装并激活divi主题

2.安装并激活以下插件:

吴商

产品供应商(伍尔商业)

WooCommerce产品过滤器

3.下载图片市场布局包并将时尚_All.json文件导入您的Divi主题库。

4.为每个布局创建新页面。

5.创建主菜单。

如果您对上面列出的安装程序感到困惑,您可以找到更详细的说明,说明如何通过签出以下内容来正确设置布局为新项目使用布局包的10个步骤.

一旦完成了上述步骤,就可以开始了。

设置产品供应商设置

一旦您安装并激活了WooCommerce的ProductVendor插件,您将能够设置您的供应商市场设置。从WordPress仪表板,转到WooCommerce>Settings>Products>Providers。在这里,您将找到如何处理供应商付款的设置。完成更新设置后,单击“保存更改”。


您会注意到贝宝支付。贝宝实际上是唯一的网关,似乎与插件工作。但最酷的是,它利用批量支付API允许您一次性向供应商支付佣金。

为您的市场添加一个新供应商(手动)

有两种方法可以将新供应商添加到您的市场中。您可以手动添加每个供应商,也可以创建允许供应商这样做的注册表单。若要手动添加供应商,请完成以下操作:

1.导航到产品>供应商

2.为您的供应商添加一个新名称

3.为你的供应商添加一个鼻涕虫

4.单击子弹输入框下的附加设置。

5.填写新供应商的信息

6.保存设置


现在,每当您想编辑某个供应商时,您都可以来到这个页面,并在页面的右侧找到它们。供应商的功能很像WordPress中的一个类别。

添加带有登记表的新供应商

第二种方式,你可以添加新的供应商到你的网站是把球放在供应商的球场,并允许他们处理这个过程为你。您所需要做的就是创建一个注册表格,供应商可以用它来注册一个供应商成员。

使用类别页布局创建供应商注册页

我们将需要创建一个新的页面,以发送我们的供应商,以便他们可以访问我们的登记表。由于我们使用的是照片市场布局包,我们可以很容易地使用类别页面布局(已经保存到我的库)来启动我们的注册页面。

创建一个新页面并将其命名为“供应商注册”。然后部署VisualBuilder并导入图片市场-类别页面的布局。


单击以编辑满宽标头模块设置,转到“设计”选项卡,并将“使满屏”选项更改为“否”。

在全宽度标题下面的部分中,删除包含类别blurbs的第二行和第三行。

在左边的行中,复制文本模块(当前包含标题“热门类别”),并将其直接粘贴到分隔模块下的文本模块下。这里将放置用于生成供应商登记表的短代码。编辑文本设置,并在“内容”框中输入以下短代码以代替标题:

[wcpv_登记]


在“设计”选项卡下,更新以下…

文本大小:20 px

宽度:600 px

模块对齐:居中

注由于您复制了此文本模块,因此H2标头的设计设置将继续执行,并将用于对部署在短代码中的表单的标头进行样式设置。您可以在文本模块中添加额外的样式,因为即使这是一个短代码,它部署的表单上的文本也可以由文本模块中的一些设置进行样式化。通过这种方式,您可以获得对表单设计的一些控制,以与您的站点相匹配。

保存设置

现在,使用内联编辑器将主标题文本更新为“供应商注册”,并将子标题文本更新为“在这里销售产品”。

然后更新表单短代码上方的章节标题,以读作“完成此表单以成为供应商”。


在临猗企业网站建设之后,您可以删除下面未使用的其余部分。

单击以保存您的新页面,您就完成了。

若要查看窗体的外观,请在专用浏览器窗口中打开页面,以避免登录。


当供应商填写表单时会发生什么?

当供应商填写表单时,他或她将作为挂起的供应商自动添加到您的站点。为了激活他们的供应商成员资格,您需要将他们的用户角色更新为Vendor Admin(如果您想让他们控制其他供应商的话)。


一旦角色被更新,挂起的供应商现在将作为供应商管理员访问该站点,并自动向他们发送电子邮件,通知他们的成员资格已经被批准。

一旦新供应商使用新的凭据登录到您的站点,他们将在WordPress仪表板上显示一个自定义仪表板,提供有用的销售摘要。然后,供应商可以通过添加产品、优化其存储设置、生成报表等方式,使用菜单中的自定义链接来管理其在线商店。


增加新产品

为供应商添加新产品与通常使用WooCommerce添加产品的方式大致相同。唯一真正的区别是,您现在可以选择将产品分配给特定的供应商。

例如,如果我想为照片市场添加一个新的照片下载,我将完成以下步骤:

1.添加新产品

2.输入产品名称

3.添加长描述内容

4.选择可下载的产品类型

5.添加可下载文件(在本例中是高分辨率图像)

6.添加产品的简短说明

7.为您的产品添加一个类别

8.为您的产品指定供应商

9.添加产品图像


一旦您指定了一个供应商,该产品将显示在该供应商的供应商页面下,他们可以对其进行自定义。


卖主的名字也会出现在商店的每个产品下面。


而且,一旦供应商以供应商管理员的身份访问了网站,他们就可以创建自己的产品,这样您就不必这样做了。供应商创建的每一个产品都将自动分配到商店中。

管理委员会

作为店主,您可以设置一个默认(或特定)佣金支付给供应商的每一个产品销售。您可以在“供应商佣金”页面上管理这些佣金的支付,方法是委员会在WordPress仪表板上。

在这里,您可以看到所有的产品销售和他们的佣金状态(如无效,支付,或未支付)。一个方便的功能是批量操作下拉,它允许您支付大量佣金和其他任务。


您还可以单击产品的订单编号来更新订单详细信息。

添加WooCommerce产品过滤器

每安装一次WooCommerce,都会为您创建一个商店页面。这个商店页面将显示您的所有产品,能够使用右上角的下拉菜单过滤结果。


带着WooCommerce产品过滤器插件,您可以为用户创建一个更高级的过滤体验(可能是大型照片市场所必需的)。

一旦安装并激活了插件,请转到WooCommerce>Settings>ProductFilter并更新结构以包括要包含的筛选器。对于本例,我使用以下内容:

文本搜索

按价格搜索(作为搜索范围-滑块)

产品类别(复选框)

供应商(复选框)


他们有更多的选择,你可以使用,但我现在不谈。相反,我将直接跳到如何将过滤器添加到您的商店页面。

将产品过滤器添加到侧边栏

若要将产品筛选器添加到您的商店页面侧边栏,请转到外观>小部件。找到名为“woof-wooCommerce产品筛选器”的小部件,并将其拖到侧边栏中。


注意:另一个选项是也将供应商小部件(它随ProductProviders插件附带)拖到您的侧栏中。这将在查看单个产品页时显示与特定产品关联的供应商。

现在去看看你的商店页面,看看新产品过滤器。


差不多就是这样了!现在,您有了一个强大的过滤器,可以让您的用户找到合适的产品。

最后思想

我希望你发现这篇文章对建立你自己的多供应商市场很有用。这个用例的大部分集中在产品供应商插件的含义上,这样您就可以看到它是如何与WooCommerce和Divi集成的。有限的支付网关有点令人沮丧,但是对于那些想使用PayPal的人来说,这种设置对于支付佣金来说是非常方便的。当然,您可以使用这个设置销售任何类型的产品,而不仅仅是数字下载。您只需要了解一下如何处理与其他供应商一起发货之类的事情。

和往常一样,设计WooCommerce页面和扩展仍然是一个挑战。但是Divi确实使用模块对由短代码(如WooCommerce页面)部署的特定内容进行样式化以及合并布局元素以更好地与站点设计相匹配的功能变得更加容易。

现在就这些了,伙计们。

我期待着在临猗企业网站建设页面收到你的评论。


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP