搭建企业网站的目的主要还是宣傳企业和自己的产品其中宣传产品占较大比重，那么一个产品展示页面是什么结构的呢？

一般产品展示页面都是采用产品图片形式给於用户最直观的展示因此产品图片将是产品页面必不可少的元素之一，当然仅有图片是不够的还需要搭配产品名称，这样子用户才能知道是什么产品当然如果需要也可以用一两句话对该产品进行一个简要的描述。

上面是一个很典型的产品展示页面现在我们分析一下頁面的主体结构，为了便于描述我在这里采用table表格形式给予表现，在编写代码时建议使用CSS布局

产品展示页面，从本质来说其实是某一汾类目录的所有文章的展示一共三个元素：元素一是文章图像/产品相关图片，元素二是文章标题/产品名称元素三是是文章摘要/产品简偠描述，然后采用循环方式显示出来最下面是翻页，强烈推荐使用wp-pagenavi插件

这里，最重要的是产品图片展示部分也就是如何提取相关图爿或者指定相关图片，下面提供三种方法：

方法一：使用wordpress产品展示插件自带的“特色图像”功能这个需要主题的支持。

第一步在你的妀款主题的functions.php加入如下代码：

第二步，在你的首页文件index.php模板内容位置加入：

注：XXX.JPG为你在没有设定特色/产品图片的时候显示的默认图片

第三步，完毕在添加文章的时候添加特色图即可显示了。

方法二：使用自定义字段

自己在主题中集成自定义字段在发布文章时设置自定义芓段，参考文章：

插件可以自动提取文章中的第一张图片，也可以手工在自定义字段中输入图片地址将

电商网站的每个组件都在说服潜茬顾客进行购买从您主页上的内容到结帐流程的设计，每个元素都有一个目的……并且可以进行改进

在这些组件中，可能没有一个比您的产品页面更重要的了在这些页面上，购物者可以找到照片、规格和其他详细信息从而为购买者提供令人信服的理由。

但有时单独嘚照片和文案无法产生进行销售对于许多商店，产品页面需要额外的功能来说服潜在顾客采取行动对于某些商店，需要添加可下载的指南而对于另外的商店，则需要提供自定义功能

您的潜在顾客能否自信地了解您的产品以便自信地进行购买？如果没有我们会为您提供一些想法。

今天我们将探讨您的产品页面可能需要促进销售的十个功能 – 以及使它们成为可能的相应扩展。

准备做一些改进继续閱读。

为潜在顾客提供他们渴望的细节

新店主最大的错误之一就是没有给购物者足够的信息来做出可靠的决定无意中隐瞒细节，例如所需的电池类型或原产国都可能导致销售损失。

这三个扩展不仅可以帮助您添加这些细节 – 它们还可以使这些细节更加明显因此购物者將始终能够找到他们渴望的事实和数据。

有时您的顾客很匆忙但他们仍然想知道您产品的每一个细节。第一个扩展通过让他们“近距离看”来节省他们一些时间

可在您的着陆或分类页面上启用“快速查看”按钮。点击后购物者立即会看到一个灯箱窗口，显示产品图片、价格、描述和状态：

只需点击一下购物者就可以看到他们可能感兴趣的商品。

他们甚至可以根据需要从窗口将产品添加到购物车中戓者单击“查看完整详细信息”选项以查看整个页面。

这种快速查看扩展可以为购物者节省大量时间如果他们只想花一些时间查看看似楿似的产品，或者在深入了解完整细节之前仔细查看照片

说到查看类似产品，下一个扩展旨在帮助您的顾客做到这一点如果您的产品の间只有一些差异，那么并排比较可能非常有用

在产品列表下方添加了一个“比较”框，可以由购物者勾选当他们完成产品选择后，這些项目会并排显示其功能以表格形式整齐排列。

比较产品的样子在这种情况下选择四个。

这可以使购物者更容易做出决策特别是洳果您的许多产品相似或者没有很多视觉差异。

使产品文档可供查看或下载

有些产品很容易理解衬衫就是衬衫 – 不需要说明。但是如果你在线销售重型机械，那就是没有手册你肯定不会发货的东西

通过扩展，您可以在购买之前提高顾客对产品的理解安装后，该扩展程序允许您上传易于点击的可下载文档链接并将其添加到任何产品页面

因此，无论您是想在线提供现有的产品手册还是制作新的操作指喃或常见问题解答所有这些有用的文档都可以在几秒钟内添加到您选择的任何页面中。

该扩展程序添加了一个新的“产品文档”选项卡可以快速轻松地为每个产品添加和编辑文档。

确保高水平的订单准确性

如果您销售的产品具有可定制数量、不同颜色或具有可按订单更妀的规格则准确性非常重要。没有什么比打开包裹并在他们的包装盒中找到错误的商品更让顾客感到不快

通过以下几个扩展，您将确保每次都能正确使用

瓷砖、织物、壁纸和油漆等产品可能是一个棘手的销售。顾客可以关注他们需要的数量……但这可能会导致他们订購少了（或订购太多！）幸运的是，  将为您的购物者提供按数量或单位销售的产品的准确估计

向顾客展示单个商品的价格，然后给他們一个方便的计算器以确定他们需要购买多少商品。聪明！

计算器可以添加到任何产品页面并可以根据购物者的尺寸、面积、体积或偅量计算所需的价格和数量。另外一个用户定义的计算器模式可让您销售按单位定价或定制尺寸的产品如面料。

现在你的购物者不必猜測他们需要多少 – 他们将能够从产品页面中直接计算出来方便吧？

添加颜色样品以适应产品差异

即使您不按夸脱或按码销售产品为您嘚网页添加清晰度也不是一件坏事。你希望你的购物者100％确定他们选择合适的颜色衬??衫或合适尺码的裤子对吧？这可以通过快速完荿

此扩展程序不会在您的产品页面中添加基于文本的下拉菜单来选择变体，而是让您的顾客能够点击他们想要购买的项目的小照片或颜銫样本

这有助于他们更加确定他们选择正确的项目或正确的组合，无论是一定长度的项链还是具有特定尺寸、颜色和合身的衬衫

使用咜也比下拉框更有趣。说真的试一试，你会有惊喜

为可自定义的产品添加特殊功能

如果您已经在商店中提供定制产品 – 或者正在考虑添加选项 – 您的产品页面应该反映出来。

通过接下来的两个扩展您将能够展示您制作真正个性化产品的能力，无论是雕刻、自定义颜色咑印、还是完全按照购物者的规格制作

个性化选项使产品更加特别

如果您已经支持项目的个性化，或者正在考虑为您的任何产品添加选項那么成功的关键是尽可能简化顾客请求。

输入这是一个WooCommerce扩展程序，旨在让您的顾客输入自定义文本、上传图像、复选框或者只是告诉您他们想要在您的产品上定制或个性化的内容。

定制颜色雕刻，附加部件 – 支持一个扩展

通过产品附加组件，您可以决定要在每個产品上支持哪些自定义选项您可以收取个性化和附加费，或允许免费自定义颜色选择允许自定义每个产品，或只允许一个这完全取决于你 – 所有这一切都由一个扩展处理。

允许购物者轻松构建自己的套件、产品或捆绑包

在线销售定制产品可能会非常棘手为购物者提供从头开始构建和配置项目的能力需要相当多的步骤、选择和确认。但这就是最擅长的

在这个例子中，商店将允许购物者在甲板的基礎上定制建造滑板

通过安装Composite Products扩展，您将能够创建具有可由每个顾客配置的多个组件的产品每个组件可以有多种选择，因此顾客可以选擇最合适的尺寸、颜色、材料或其他选择

当您的产品上线时，将引导购物者从头开始构建他们的自定义项目可以将图像和文本添加到頁面中，以使顾客的旅程更加清晰和轻松

如果您想提供完全定制的套件甚至捆绑套件，这个扩展将为您提供所需的所有功能和灵活性哃时向您的客户展示他们一直在选择的内容。

采取简单的步骤来改善客户服务

您如何对待客户事务……特别是在他们成为顾客之前这里囿一些扩展，可以帮助您向购物者展示您致力于优质服务从您的产品页面开始。

允许在发货之前订购商品

有时你可能会在制造过程中有┅个新产品你迫不及待地想要出售……但是到现在没办法真正卖掉它。

为您的客户提供在产品到库之前订购产品的选项他们将不会被收款，直到库存可用并且您完成预订 – 也就是说运行手动过程来对他们开账单 – 并且您可以发送电子邮件通知顾客库存已到达且即将发貨。

该扩展程序使您可以完全控制可预先订购的产品允许您更改发货日期，向顾客调整电子邮件以及手动管理顾客何时开帐单 – 如果您定期列出即将推出的产品或预订订单，如视频游戏或软件则必须具备这些权限。

只需通过新菜单完成预订即可向顾客的卡收费并通過电子邮件通知他们。

为延期交货的项目启用等待名单和电子邮件通知

另一方面有时您的产品用完了。一些店主通过暂时删除页面来解決这个问题但如果你很快就会再次获得更多库存，为什么要冒404的风险和让购物者不满

您可以查看等待名单上的人员，并在库存到达时赽速向他们发送电子邮件

允许购物者加入等待列表，查找当前缺货的产品然后在该商品再次可用时收到电子邮件通知。

安装扩展后目前缺货的任何产品都会向购物者显示“加入等待名单”按钮。从您这边您将能够查看每个产品页面的新增内容，以显示谁已加入等待洺单

一旦缺货的产品重新有库存，您还可以选择向客户发送自定义电子邮件从而防止您失去任何销售。

在产品页面右侧添加联系表单

洳今几乎所有在线商店和网站都有联系表单。但是你会对访问者的数量感到惊讶这些访问者很简单 – 懒得找到页面并提出他们的问题。

有时这也不是他们的错联系表单可能被埋没，难以使用或者在没有业务的地方混乱。这甚至可以推迟最勤奋的购物者（或最接近转囮的购物者）

所有这些问题的解决方案比您预期的更简单：使用扩展向您的产品页面添加联系表单。

样本表单在产品页面上的样子CAPTCHA内置以帮助防止垃圾邮件，哇！

这使得对产品有疑问的购物者可以立即与您取得联系 – 无需挖掘隐藏的表格然后，您可以通过电子邮件直接回复客户回答他们的问题，以便他们尽快回到购物中心

改进产品页面，将购物者转变为顾客

产品页面不仅仅是一个方便的信息来源也不是您藏匿照片的地方 – 它们是您在线商店的支柱。它们对于将购物者转变为顾客的过程至关重要因此，他们应该得到特殊待遇

峩们希望这些提示（以及与之匹配的WooCommerce扩展）为您提供了改进自己产品页面的一些想法。

对本文中推荐的扩展程序有任何疑问吗或者您想汾享自己的建议？我们希望在评论中听到您的意见

在本文中我们将探索 ，该可让您为wordpress产品展示插件网站设置不同类型的成员资格 使用此插件，您可以创建免费会员和付费会员并根据每种会员类型的规则限制内容访問。

如果您曾经想在wordpress产品展示插件网站上出售高级内容或者想根据用户角色创建规则来限制对某些种类内容的访问，那么这是为您准备嘚文章！ 我将向您展示如何为您的网站创建不同的会员级别您可以将其用于内容限制以及您能想到的其他任何方面。

实际上“免费”囷“付费”只是两个大类，它们本身可能包含不同成员级别的层次结构其中每个级别可能具有一组单独的规则。

作为站点所有者或经验豐富的wordpress产品展示插件开发人员您已经知道wordpress产品展示插件为几乎每个人可能想到的功能都提供了许多插件，并且很难选择要使用的插件 茬这篇文章中，我选择了类别中最好的成员之一-简单成员资格-我将向您展示如何在本教程的整个过程中使用它

在本文中，我使用了wordpress产品展示插件 5.1和Simple Membership插件3.7版 我建议您安装它，如果您想跟随这篇文章 要安装简单会员插件，您需要遵循标准的

在接下来的两节中，我们将探討简单会员资格插件的基础知识以及设置过程 然后，我们将构建一个真实示例以演示此插件的用法。 同时我们还将介绍该插件的一些重要方面，使您可以创建不同级别的成员资格

Simple Membership插件是一个灵活且易于使用的插件，可用于创建可以提供免费和高级内容的不同成员级別 因此，您可以将网站的高级内容限制为付费会员 它允许您根据需要设置无限的会员级别。

让我们快速看一下它提供的功能：

如您所見它提供了许多有用的功能，可用于构建一个灵活的系统以提供不同类型的成员资格 而且它也是可扩展的，这是一项重要功能因为咜为开发人员提供了更改某些方面甚至插件核心行为的机会。

在下一节中我们将讨论此插件的几个核心元素，这些元素对于理解是否要囿效使用此插件很重要

安装“简单会员资格”插件后，它将在左侧边栏中添加一个链接 让我们简要地浏览每个部分。

这是一个成员列表页面其中列出了到目前为止使用此插件注册的所有成员。 您也可以创建新成员

除此之外，它还允许您执行一些批量操作 例如，您鈳以将银级别的用户的会员级别批量更新为金级别

这是一个会员级别列表页面，其中列出了您到目前为止在网站中创建的所有会员级别 您可以在此部分中添加任意多个要添加的级别。 除此之外您还可以在此部分中批量保护现有的类别，帖子和页面 我们稍后将详细讨論。

在本部分中您可以配置全局适用的设置。 您可以配置此插件的不同方面例如：

在此部分中配置适当的设置对于此插件的工作至关偅要。 在后面的文章中我将介绍一些重要且必须具备的设置，以演示如何使用此插件来创建和使用免费会员和付费会员

本部分显示了箌目前为止使用此插件收到的所有付款。

它也是此插件的重要部分之一因为它允许您创建付款按钮，这些按钮将用于收集付费会员的付款 到目前为止，它支持创建PayPalStripe和Braintree付款按钮。 当我们为付费会员创建PayPal按钮时我们将回到本节。

因此简要介绍了此插件提供的功能。 在丅一部分中我们将构建一个真实示例作为演示。

在本节中我们将构建一个真实示例，以演示如何使用Simple Membership插件在wordpress产品展示插件网站上创建免费会员和付费会员

创建免费会员和付费会员

首先，我们需要从后端创建免费和付费会员级别 因此，让我们继续进行设置

继续并访問后端左侧侧栏中的WP Membership> Membership Levels链接。 那应该列出系统中所有现有的会员级别 单击“ 添加级别”按钮以创建新的会员级别，这将打开以下UI

如上面嘚屏幕截图所示，填写必要的详细信息 在创建免费会员时 ，我们在访问持续时间字段中选择了“ 无过期”选项 在角色下拉框中，我们選择了订阅者角色 使用这些设置，您可以点击“ 添加新会员级别”按钮

同样，让我们??添加高级会员资格

如您所见，除了“ 访问歭续时间”设置外其他所有内容都相同，并且我们将其设置为1年以便会员资格在一年后过期。

当我们要在网站上提供免费会员级别时我们必须在“ 常规设置”部分中启用它。 在上一节中我们已经创建了免费成员资格，因此现在我们只需要配置它

继续并访问WP Membership>设置>常規设置部分。 确保已选中“ 启用免费会员资格”复选框并且您配置了正确的免费会员等级ID ，如以下屏幕截图所示

在我们的示例中提供高级会员级别时，我们必须创建一个付款按钮以便用户可以使用该按钮来支付会员费。 在本例中我们将创建一个PayPal会员按钮。

继续并进叺WP会员>付款>创建新按钮部分这将要求您选择以下选项之一。

选择“ 贝宝立即购买”按钮然后单击“ 下一步”按钮。

如上面的屏幕截图所示填写必要的详细信息。 在“ 成员资格级别”下拉列表中选择要为其创建此按钮的成员资格级别。 在我们的案例中将是高级会员

叧外，请确保输入有效的返回URL 在成功付款后，用户将被重定向到该URL 最后，单击“ 保存付款数据”以保存设置这将使您重定向到“ 管悝付款”按钮UI ，如以下屏幕截图所示

记下按钮简码，因为我们需要它来在“ 加入我们”页面上显示付款按钮

在“加入我们”页面中包括“付款”按钮

“简单会员资格”插件已经创建了一些必要的页面，以便会员资格功能平稳运行 默认情况下，它将创建“ 注册” “ 会員登录” ，“ 个人资料”和“ 加入我们”页面

在这些页面中，“ 加入我们”页面是我们想要更改的 这是用户单击立即加入按钮时将显礻的页面。 您可以根据需要设计此页面但现在，我们仅包括已经为高级会员创建的付款按钮

继续并访问“ 页面”部分，然后编辑“ 加叺我们”页面 将付款按钮占位符文本替换为我们在上一节中创建的按钮短代码。

进行上述屏幕截图所示的必要更改并保存！

到目前为止我们已经进行了必要的更改以在我们的wordpress产品展示插件网站上设置免费会员和高级会员。 在下一节中我们将看到它在前端的工作方式。

絀于测试目的我们将创建只能由成员访问的帖子，即属于免费或付费会员级别的成员

继续，在后端创建一个新帖子 在编辑UI中，您应該能够看到标题为Simple WP Membership Protection的部分 在该部分中，选择“ 是”以保护此内容 另外，选择可以访问此内容的成员资格级别 对于这篇文章，我们将選择免费会员

重复相同的过程以创建另一个帖子，唯一的区别是成员资格级别：选择该帖子的高级会员资格

现在，让我们在前端访问這些帖子以查看它们的外观

如您所见，该内容不可见并且有一条消息要求您登录或加入会员！ 单击“ 加入我们”按钮进入“ 加入我们”页面。

如果您想访问免费会员资格下的可用内容则只需注册并登录即可。 另一方面如果要访问高级内容，则需要通过单击为高级会員创建的PayPal按钮来支付高级会员费

这就是它的全部工作方式。 您可以使用此插件创建任意数量的会员级别 探索其他设置，并从中获得乐趣！

今天我们讨论了如何通过使用wordpress产品展示插件中的“简单成员资格”插件来设置成员资格功能。 我们对该插件进行了深入的概述并為演示目的实现了一个实际场景。

欢迎使用下面的供稿来分享您的想法和反馈！ 如果您想分享您在网站上使用过的其他会员插件的经验峩很乐意听取您的意见。