WooCommerce推荐产品区块使用设置图文教程

WooCommerce推荐产品区块使用设置图文教程插图

如果在你的WooCommerce网店中展示一个特定的产品,一般可以有效地提高你的销售额。例如,你可能想在你的主页上展示你的最新产品,或在一篇博客文章中推广它。如何设置呢?其实WooCommerce推荐产品区块使你能够轻松地在你的WordPress网站上突出任何产品。

在这篇文章中,搬主题将介绍推荐产品区块,并告诉你如何将它添加到你的网站。还将讨论有效使用这一功能的一些最佳做法。

如何在你的文章或页面上添加WooCommerce推荐产品区块

推荐产品区块使你能够在帖子或页面上展示一个特定的项目。这可以鼓励客户将该产品添加到他们的购物车中,这可能会给你的WooCommerce商店带来更高的利润。

要使用这个区块,请打开你想展示特殊商品的页面或文章。然后,点击加号(+)来添加一个新的区块,并使用搜索栏来寻找 “推荐产品”选项。

WooCommerce推荐产品区块使用设置图文教程插图1

一旦你插入区块,你会被要求选择你想显示的产品。你可以从可用的列表中选择一个项目,或使用搜索栏查找。

WooCommerce推荐产品区块使用设置图文教程插图2

找到后选择你的产品,并点击完成。 然后,该区块将显示你选择的项目。

WooCommerce推荐产品区块使用设置图文教程插图3

请注意,这个功能只有在你使用WooCommerce时才可用。如果该插件在你的网站上被激活,你也可以在块编辑器中访问所有其他的WooCommerce块。

WooCommerce推荐产品区块设置和选项

如果你愿意,可以对 “推荐产品”块进行定制,使其更适合你的网站的功能和风格。如果你点击该块,你会得到一个有六个主要设置的工具栏。

WooCommerce推荐产品区块使用设置图文教程插图4

下面是每个选项的快速概述:

  1. 改变块的类型或样式:你可以把这个元素变成一个组或列块。
  2. 改变对齐方式:你可以选择全宽或宽宽的布局。
  3. 改变文本对齐方式:你可以将块内的文本向左、向右或向中间对齐。
  4. 替换:您可以改变区块内的图像。
  5. 编辑:您可以使用这个选项,用不同的项目替换推荐产品。
  6. 选项:您可以复制该区块,对其进行分组,将其添加到您的可重复使用区块中,或将其删除。

CTA按钮设置

此外你还可以修改块中的行动呼吁(CTA)按钮。你只需要点击它,就会出现一个专门的工具条。

WooCommerce推荐产品区块使用设置图文教程插图5

例如,你可以编辑按钮上的文字,改变它的对齐方式,以及格式化它的风格。你还可以编辑到产品页面的链接,并将其设置为在新标签页中打开。你还可以在右侧面板中找到CTA按钮的更多设置。

WooCommerce推荐产品区块使用设置图文教程插图6

在这里,你可以改变文本的字体和风格。你还可以为文本和按钮选择不同的颜色。

区块设置

现在,让我们回到这个区块。当你选择它时,你也会在右边的面板上看到一些额外的设置。

WooCommerce推荐产品区块使用设置图文教程插图7

默认情况下,”推荐产品”区块会显示您产品的描述和价格。然而,你可以选择隐藏这些信息。你所要做的就是拨动相应的开关。你还可以改变该块的覆盖颜色,并调整其不透明度。

WooCommerce推荐产品区块使用设置图文教程插图8

同时,焦点选择器使你能够在区块内移动物体。在我们的例子中,这是产品图。

WooCommerce推荐产品区块使用设置图文教程插图9

例如,你可能想把主图像移到区块的顶部,这样文字就更明显了。你可以通过拖动 “焦点选取器 “字段上的小圆圈,或在 “左 “和 “右 “框中定义数值来实现这一目的。

最后,还有一个高级设置选项。这使你能够为该块添加新的CSS类。然而,我们建议你只在你对样式表有经验的情况下使用这个功能。

WooCommerce推荐产品区块的技巧和最佳设置

正如我们所看到的,WooCommerce推荐产品区块使你能够在一个页面或帖子上突出一个产品。例如,你可以展示你的最新产品,或试图恢复对一个老产品的兴趣。不管是什么情况,在使用这个功能时,有一些事情需要考虑。

由于推荐产品区块的目标是促使客户购买你的产品,你会希望这个元素在视觉上有吸引力,并且信息量大。出于这个原因,我们建议你选择一个较浅的覆盖颜色,以确保你的产品图像是清晰的。

你也要确保名称、描述和价格易于阅读。不幸的是,该块不允许你改变这些元素的字体和颜色。因此,你需要调整覆盖的颜色和不透明度,以使图像和文字都足够明显,从而抓住访问者的注意力。

WooCommerce推荐产品区块使用设置图文教程插图10

最后,你要确保CTA按钮链接到相关的产品页面。这样一来,对该商品感兴趣的访问者就可以访问其页面,了解更多信息。我们建议,在点击 “发布”之前,先在前端检查该块,以确保它工作得很好。

关于WooCommerce推荐产品区块的常问问题

正如你所看到的,WooCommerce推荐产品区块非常容易使用。然而,你可能仍有一些问题,即这个功能能做什么,不能做什么。让我们来介绍一下几个关键的考虑因素。

可以从区块中更新产品细节吗?

你可以为你的产品上传一个不同的图片,但你不能在这个区块内修改任何其他产品的细节。如果你想更新你的推荐产品区块的信息,例如它的名称或价格,你需要在产品页面上进行这些修改。

可以显示一个以上的推荐产品吗?

这个区块一次只能让你显示一个产品。然而,你可以添加几个推荐产品区块,并为每个块选择一个不同的项目。

可以添加关于产品的更多信息吗?

默认情况下,”推荐产品”显示关于该项目最基本的细节,主要是名称、描述和价格。你可以选择隐藏其中的一些信息,但你不能向该块添加更多元素。如果你想包括进一步的细节,你需要添加一个段落(或其他内容)块。

最后总结

WooCommerce推荐产品区块使你能够在一个页面或博客文章上突出一个特定的项目。这可以是一个强大的方式来促进一个新的项目,使更多的销售。

正如我们所看到的,这个模块带有一个CTA按钮,鼓励用户购买你的推荐产品。它还使你能够为该商品使用一个独特的图像,并调整覆盖的颜色和按钮的样式,使该块在视觉上更有吸引力。

 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《WooCommerce推荐产品区块使用设置图文教程》
文章链接:https://www.banzhuti.com/featured-product-woocommerce-block.html
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活