是否要创建WooCommerce产品库以添加到博客帖子或页面?
WooCommerce产品图库是在商店页面外展示产品的简单方式。它有助于吸引更多的客户并提高转化率。
在本文中,我们将向您展示如何轻松创建WooCommerce产品图片库(一步一步)。
为什么要创建WooCommerce产品库?
WooCommerce最受欢迎WordPress电子商务插件在市场上。它允许您通过创建在线商店来销售产品。
大多数WooCommerce的WordPress主题附带商店和商店类别页面的默认模板。这些页面只是使用主题样式列出您的产品。
如果你想创建一个产品库并将其显示在博客文章或网站上的其他页面中,该怎么办?通过在您的热门博客帖子和页面中展示您的产品,您可以增加销售额和转化率。
让我们看看如何轻松创建WooCommerce产品图片库。我们将分享两种不同的方法,您可以使用下面的快速链接跳转到适合您的选项:
方法1:使用SeedProd创建WooCommerce产品库(推荐)
制作WooCommerce产品图片库的最佳方法是使用SeedProd公司.这是最好的拖放WordPress页面生成器在市场上。
SeedProd让你轻松应对创建自定义WordPress主题和登录页,无需编码。此外,它还带有内置的WooCommerce块和集成,可以轻松地将产品图片库添加到WordPress中的任何页面或帖子中。
要开始,您需要安装并激活SeedProd插件。如果您需要帮助,可以遵循以下指南如何安装WordPress插件.
激活插件后,转到SeedProd»设置从WordPress仪表板输入许可证密钥。
您可以在SeedProd网站上的帐户中找到许可证密钥。输入许可证密钥后,单击“验证密钥”按钮继续。
选择WooCommerce模板工具包
接下来,您需要选择一个用于您的网上商店。这将用新的自定义设计替换现有的WordPress主题。
只需转到SeedProd»主题生成器然后单击“主题模板工具包”按钮。
这将带您访问SeedProd的网站工具包库。
从这里,您可以单击“WooCommerce”选项卡,查看专为在线商店创建的所有模板工具包。
您可以将鼠标悬停在任何模板工具包上,然后单击放大镜以预览设计。当您找到您喜欢的模板工具包时,只需单击选中标记即可使用它。
对于本教程,我们将使用WooCommerce入门主题,但您可以使用任何想要的模板工具包。
一旦您选择了模板工具包,SeedProd将导入它,您将能够在主题仪表板上看到所有模板部件的列表。
您可以自定义模板的每个部分,包括产品页面、商店页面、,签出页使用SeedProd的简易拖放构建器,可以实现更多功能。这就是我们如何添加WooCommerce产品图片库的方法。
首先,找到要自定义的模板部件。对于本教程,我们将选择“Single Post”部分。这是一个模板,它决定了你所有个人博客文章的外观。
只需将鼠标悬停在上面并单击“编辑设计”链接。
这将打开SeedProd的可视化页面生成器。
从这里,您可以将现成的块拖放到页面上,单击任意元素进行自定义,并实时查看设计的预览。
继续进行自定义,我们将在下一步中添加产品图片库。
在WordPress中添加WooCommerce产品图片库滑块
现在你有了一个习惯WooCommerce主题设计,你就可以添加一个漂亮的产品图片库了。
要做到这一点,请单击左侧面板中的“Product Gallery Images”WooCommerce模板标记块,然后将其拖到页面预览区域的任何位置。
这将直接从WooCommerce中提取您的产品信息和图像。
接下来,您可以单击该块来自定义产品图像库的设置。
首先,您将看到图像缩放选项。这允许访问者将鼠标悬停在图像上,以获得产品的放大视图。
您可以拖动水平滑块来控制缩放按钮的位置。您还可以更改字体大小、图标颜色、边框半径和背景颜色。
如果向下滚动,还可以自定义图像和缩略图边框。您可以设置边框半径、样式、颜色和宽度。
还有一个“高级”选项卡,您可以单击该选项卡查看更多自定义选项。
这些包括间距、CSS ID和类、设备可见性、,动画效果,等等。
定制完产品图片库后,不要忘记点击“保存”按钮。
发布您的WooCommerce产品图片库
最后,你需要产品图片库在你的网站上直播。为此,请退出可视化构建器并返回“主题构建器”仪表板。
然后,只需将“启用SeedProd主题”开关切换到“是”位置。
就是这样!
您可以访问您的网站,看到您的WooCommerce产品图片库的实际操作。
现在,您的访问者可以像幻灯片一样点击图库中的产品图片并放大产品详细信息。
方法2:使用Envira画廊创建WooCommerce产品库
Envira画廊是最好的WordPress照片库插件,可以轻松地在网站上的任何位置显示产品。这是在WordPress中创建WooCommerce产品库的快速方法。
您需要做的第一件事是安装并激活Envira Gallery插件。有关更多详细信息,请参阅我们的分步指南如何安装WordPress插件.
激活后,您需要转到Envira画廊»设置页面输入您的许可证密钥。您可以在Envira Gallery网站上的帐户下找到此信息。
验证许可证密钥后,您可以转到Envira画廊»加载项安装并激活“特色内容”插件。
此插件将允许您显示您的WooCommerce产品在Envira画廊。继续并单击“特色内容加载项”下的“安装”按钮。
接下来,您需要转到Envira画廊»新增页面创建新产品库。
从这里开始,您可以为新库添加标题。
在标题之后,您需要切换到“外部库”选项卡,然后单击“特色内容”选项。
接下来,向下滚动到“图像”选项卡。在“选择您的帖子类型”字段中,您需要选择“产品”选项,即自定义帖子类型用于WooCommerce产品。
如果您有数百种产品,那么您可能需要创建多个库。
您可以通过选择以下选项缩小库列表的范围分类学特定产品的术语标签或类别.
每次创建新产品库时,只需使用不同的产品标签和类别重复此过程。在所有WooCommerce产品库中,帖子类型始终为“产品”。
您还可以选择分类术语关系来选择和显示库中的特定产品。
有关更多详细信息,请参阅我们的指南如何在WordPress中创建图片库.
一旦你完成了,你可以发布你的产品图库,它可以被添加到你的WordPress网站的任何地方。
在WordPress中添加WooCommerce产品库
接下来,您可以添加新帖子或页面或编辑现有帖子或网页,以显示您的WooCommerce公司产品库。
进入内容编辑器后,只需单击“+”按钮并添加Envira Gallery块。
之后,您可以在Envira gallery块中选择产品图像库。
只需单击下拉菜单并选择之前创建的库。
现在,您将在块编辑器中看到图库的预览。如果它没有加载,那么不要担心。你可以简单地预览你的博客文章或页面,看看它是否正常工作。
接下来,你可以保存并发布你的帖子。之后,请访问您的网站,查看产品图库的运行情况。
我们希望本文能帮助您了解如何创建WooCommerce产品图片库。您可能还想查看我们的指南商业网站必须有WordPress插件和如何选择最佳设计软件.
如果你喜欢这篇文章,那么请订阅我们的YouTube频道用于WordPress视频教程。您也可以在上找到我们推特和脸谱网.