WordPress 教学

如何在 WooCommerce 中显示常购产品

如何在WooCommerce中显示常购产品

您是否注意到某些在线商店在建议产品时似乎读懂了您的想法?您正在查看一个相机,突然弹出一个完美的镜头、存储卡、以及相机包的推荐。

这并不是魔法,而是一种强大的营销策略,称为“常购产品”。

我们在销售我们的Thrive Themes套件时采用了类似的方法。当有人考虑购买单个插件时,我们会在旁边展示完整套件。这样,他们可以看到他们的资金能获得多少更多的价值。

根据我们的经验,这种策略在推动销售和提高平均订单价值(AOV)方面非常有效。

那么,在这篇指南中,我们将展示几种在WooCommerce中添加常购产品的方法。无论您想要一个简单的解决方案还是高级功能,我们将介绍适合每种预算和技能水平的方法。

在哪儿显示常购产品

想要提升店铺销售额吗?添加常购产品是一个很好的方法。研究显示,产品推荐可以带来您在线商店收入的31%。

显示这些个性化推荐的最佳位置是:

  • 产品页面 – 当客户积极研究商品时,这是展示常购产品和与其主要兴趣互补的产品推荐的完美时机。
  • 购物车页面 – 正在查看购物车的客户已经在购买中投入了更多的心思,因而更容易接受交叉销售建议。常购产品模型在此表现尤佳。
  • 结账页面 – 这是您提高平均订单价值的最后机会。这种方法就像您在实体店结账柜台附近找到的那些诱人产品。
  • 智能弹出窗口 – 这些可以在购物旅程中的任何时刻出现。它们可以根据客户的浏览行为和购物车内容进行目标定位。

现在,继续阅读以了解如何在WooCommerce中显示这些推荐!

如何在WooCommerce中显示常购产品

WooCommerce为您提供了几种建立常购产品模型的方法。那么,您可能会想哪种方式最适合您的需要。

这就是您需要知道的。

最简单的方法是使用WooCommerce内置的链接产品功能,这不会额外花费您任何费用或需要安装新插件。

想要更多选择?FunnelKit的Funnel Builder可能正是您所寻找的。它允许您创建自定义结账页面和/或添加一个滑动购物车,以对客户有吸引力的方式展示常购产品。

另一方面,如果您喜欢WooCommerce的链接产品功能,但希望您的产品建议看起来更好,那么您可以尝试免费的YITH WooCommerce常购产品插件。

想用弹出窗口引起注意吗?OptinMonster非常适合在正确的时机展示产品推荐。它甚至允许您根据客户评价和购物行为来定位建议。

现在,准备好学习如何设置这些了吗?我们将逐步向您展示每种方法。使用这些快速链接跳转到您想尝试的方法:

  • 方法1:使用WooCommerce的链接产品功能(免费+简单)
  • 方法2:使用FunnelKit Funnel Builder(自定义购物车和结账)
  • 方法3:使用YITH WooCommerce常购产品(免费+捆绑价格)
  • 方法4:使用OptinMonster(产品推荐弹出窗口)

注意:对于任何这些方法有效,您需要已经设置好了您的WooCommerce商店。如果您需要帮助,可以查看我们的关于如何开始在线商店的分步指南和我们的WooCommerce简单教程。

方法1:使用WooCommerce的链接产品功能(免费+简单)

让我们从在WordPress控制板中导航到产品»添加新产品开始,以创建一个新产品。或者,您可以编辑已有的产品来设置常购产品。

如果您需要帮助添加新产品,请阅读我们的WooCommerce简单指南。

现在,向下滚动并寻找“产品数据”部分。然后,点击左侧的“链接产品”标签。

这是您可以创建产品推荐的地方。

您有两种方法来显示相关产品。“促销”部分允许您直接在产品页面上展示常购产品捆绑包。

如果启用,您将在主要产品信息下看到一个“您可能还喜欢……”部分。

“交叉销售”部分则不同。这是客户查看他们的购物车时,您可以建议补充商品的位置。

产品将在你的订单列表下面以“您可能感兴趣…”的形式出现。

对于这两个部分,只需输入您想要建议的任何产品的名称,并从弹出的搜索结果中选择。

在此阶段,您可以继续设置您的WooCommerce产品。例如,您可以:

  • 添加产品问题和答案部分。
  • 创建产品图像库。
  • 添加产品标签、类别或属性。
  • 嵌入产品视频。

当您对WooCommerce的常购产品设置满意时,只需点击页面顶部的“发布”或“更新”以保存一切。

方法2:使用FunnelKit Funnel Builder(自定义购物车和结账)

FunnelKit是一个强大的销售构建器,可以让您在WooCommerce中创建定制的购物体验。我们在自己的教程中多次使用过它,比如在展示如何创建自定义感谢页面时。

我们喜欢向读者推荐FunnelKit,因为它可以让您更好地控制如何以及在哪里展示产品建议。您可以阅读我们详细的FunnelKit Funnel Builder评论,了解为什么专业版是我们创建高转化率购物体验的首选。

也就是说,使用FunnelKit展示产品建议有两种聪明的方法。第一种是跟随您的客户浏览商店的滑动购物车。

当有人将某件商品加入他们的购物车,滑出的购物车会出现并推荐经过精心挑选的相关产品。就像是一个贴心的店员在进行个性化建议。

第二种方法是在结账时通过订单加条捕捉住客户。这非常适合最后一刻的推荐,与实体店的结账柜台附近那些吸引人的商品类似。

区别在于您可以显示与客户购物车中已有商品相辅相成的产品。

您可以同时使用这两种方法,或者只实现其中一种以增加WooCommerce的销售。让我们逐一看看每种方法。

但首先,您需要安装并激活三个WordPress插件:

  • WooCommerce Checkout & Funnel Builder by FunnelKit(免费)
  • Sliding WooCommerce Cart by FunnelKit(免费)
  • FunnelKit Funnel Builder Pro

前两个选项是免费的,而最后一个需要一个高级许可证。您不能遗漏这个插件,因为它将启用您需要的功能来展示常购产品。

如果您不熟悉将插件添加到您的网站,那么可以查看我们的初学者指南,了解如何安装WordPress插件。

安装完这三个插件后,您可以从管理区域转到FunnelKit»设置页面。然后,切换到左栏的“许可证”标签。

现在,只需插入您的许可证密钥并单击“激活”和“保存更改”按钮。您可以从FunnelKit网站上的账户获取此信息。

选项1:在滑动购物…

要显示常购产品,首先前往FunnelKit»购物车并打开“启用购物车”开关。

接下来,定制您的滑动购物车的工作方式。您可以调整图标的位置、是否显示优惠券、或调整您的结账设置。

想要完整的详细信息?查看我们的指南,了解如何在WooCommerce中设置滑动购物车。

现在,点击左侧菜单中的“促销”,并将“启用购物车促销”开关切换为“开”。

您将看到一些新选项,用于安排您的产品推荐。您可以在右上角查看预览,看每种布局的外观。

现在,在“产品推荐类型”旁边,只需选择是要显示交叉销售、促销还是两者都显示。

您还可以在顶部添加一个引人注目的标题,并选择要显示的最大产品数量。

在此阶段,您可以向下滚动找到所有商店的产品列表,位于“促销和交叉销售”之下。

点击任何产品,然后点击“添加促销”或“添加交叉销售”以设置您的推荐。

专家提示:促销是购物车中商品的高档版本(想想普通咖啡与精品咖啡豆)。同时,交叉销售是互补的相关商品(如咖啡纸与咖啡)。

当您点击任一按钮时,会弹出一个窗口,您可以在其中搜索和选择要推荐的商品。

继续为您想要的产品执行此操作。

最后,完成后点击顶部的“保存”,一切就设置好了!

转到您的WordPress网站查看带有产品推荐的滑动购物车。

选项2:在结账过程显示常购产品

如果您想在结账过程中显示常购商品,那么您需要前往FunnelKit»商店结账。

然后,切换到“商店结账”标签,然后点击“创建商店结账”按钮。

FunnelKit提供了多种结账模板,您可以通过块编辑器或流行的页面构建器插件,如Divi或Bricks进行自定义。您可以在页面顶部选择首选的编辑平台。

如果您想了解有关如何修改此模板的更多信息,可以查看我们的指南,了解如何自定义WooCommerce结账页面。

接下来,点击您感兴趣的结账模板上的“预览”。

大多数FunnelKit模板包括一个结账页面,以及加销和感谢页面,以最大化您的交叉销售机会。

在本教程中,我们将在结账页面上加一个订单加条,并在加销页面上放置一个产品优惠。

如果您对模板的外观感到满意,可以点击“导入此漏斗”按钮。

接下来,系统会要求您为结账命名。这有助于您在创建多条个性化产品推荐路径时跟踪不同的结账漏斗。

然后,点击“完成”。

您现在可以开始在结账过程中添加常购产品捆绑包。

要将常购产品捆绑包添加到结账页面,您可以点击“结账”部分中的“添加订单加条”按钮。

现在,为您的订单加条命名。

我们建议使用一些简单明了的名称,例如“常购订单加条”。

选择一个名称后,点击“添加”按钮。

FunnelKit现在会向您展示几个产品推荐的设计选项。

您可以选择一个与您的电子商务商店风格相匹配的。之后点击“导入”。

在产品选择弹窗中,添加您想要显示为常购的商品。您还可以包含商品变体,以便为客户提供更多选择。

完成后,只需点击“添加”。

现在,在“设计”标签中,您可以更改订单加条的文本和样式。

要更改号召性用语文本和订单加条产品描述,您可以切换到其下的“内容”菜单。

如果切换到“样式”菜单,您可以自定义订单加条的颜色、位置、布局等等。

确保设计既突出又不失于您在线商店的风格。

当您对文本和样式满意时,可以切换到“产品”部分。这是您可以微调WooCommerce常购产品组合的地方。

您可以添加多个产品、设置折扣百分比,并调整数量以创建无可抗拒的产品捆绑包。

同时,请确保启用“将订单加条添加到购物车商品”,以便客户可以轻松地将您的建议添加到他们的购买中去。

现在,切换到“规则”标签。这是您可以通过卖出受欢迎的相关产品来制定战略的地方。

继续点击“添加规则”以开始。

您可以应用各种类型的条件逻辑规则。但因为我们专注于常购产品,所以我们将选择“购物车商品”。这使您可以根据客户已经在购物车中的商品展示特定的产品建议。

对于下一个下拉菜单,您有几个选项。

如果您选择“包含确切”,您的建议就只会出现在客户的购物车中确切包含该商品的情况下。这使得您的建议更有相关性,并可能会转化。

然而,您也可以选择“至少包含”,如果您希望即便客户购物车中还有其他商品时,您的建议也会出现。

例如,如果有人购物车中有一个相机加上其他商品,并且您的订单加条是相机包,那他们在结账时仍会看到这个订单加条。

然后,在“产品”字段中,您可以选择与订单加条一起搭配的项目。您还可以增加这些产品的数量。

不要忘记点击“保存”以存储您的更改。

现在,返回到上一页面。在这里向下滚动一点,点击“没有产品”,位于“加销”部分。这里您可以添加一个在客户完善结账信息后立即出现的优惠。

在下一页,插件会带您到“产品”标签。

在这里,您只需点击“添加产品”。

在该阶段,您可以输入您想作为优惠添加的产品的名称。

您可以根据需要添加任意多个产品。

然后,一旦完成,只需点击“添加”。

接下来,您可以让您的优惠更具吸引力。

您可以通过调整折扣百分比、选择折扣作用方式、设置固定运费,并控制产品数量来做到这一点。

这些设置有助于您创建诱人的交易,客户无法抗拒。

当您向下滚动时,您会发现一些智能设置可以防止尴尬情况的发生。我们建议启用“如果产品已在原始订单中则跳过此优惠”设置,以避免推荐客户已经购买的商品。

您还可以跳过为他们之前购买过的产品展示优惠,或让他们自行选择数量。

要更改优惠页面的外观,请切换到“设计”标签。

在这里,您会看到一个按钮引导您使用块编辑器或您的首选页面构建工具进行操作。简单点击“编辑…模板”按钮以打开它。

现在,您可以随心所欲地根据所选的编辑平台编辑任何页面。

例如,您可以简短提及接受报价的好处,或更改号召性用语按钮文本,以更好地吸引注意。

页面还包括智能标签,可以自动替换占位符文本,提供客户的名字和产品名称等信息。我们建议保留这些标签,以确保信息对您的客户来说个人化且清晰。

如果您使用的是块编辑器并需要一些指导,可以阅读我们的指南,了解如何使用WordPress块编辑器(Gutenberg教程)。

一旦完成,只需保存您的更改,然后点击“返回到漏斗编辑页面”按钮。

最后,前往“设置”标签以获取一些高级选项。

在这里,您可以设置“动态运输”,允许您为这些附加商品收取单独的运输费用。

这在您的常购商品有不同的运输要求时非常有用。

同时,考虑启用“请求确认”设置。

这在客户以支持文本确认时添加简单的确保步骤,避免错失,并确保他们确实想要这些附加商品。

想要增加销售量和提高客户满意度?了解如何在WooCommerce中自动应用优惠券,以便购物者可以立即节省购买费用。

当一切看起来不错时,点击“保存”并返回到先前的页面。

最后,点击“启用商店结账”以开始您的新结账过程。

就这样!

这是您的订单加条对客户呈现的外观:

订单加条界面图示

当客户填写完他们的结账信息后,他们将看到您的精心制作的优惠。

方法3:使用YITH WooCommerce常购产品(免费+捆绑价格)

这种方法基于WooCommerce的基本链接产品工具,但新增了更多吸引人的特性到您的产品页面中。主要是,它可以在产品页面上将相关产品捆绑为一个连贯的包。

与方法1中的基本“您可能也会喜欢…”功能不同,该WooCommerce插件允许客户通过单击一次将完整的产品捆绑包添加到其购物车中。他们还可以看到他们需要支付的总价格。

此外,您还可以更改“常购产品”标题和按钮文本,使其与您的商店品牌更一致。

免费版本已经提供了一切您所需的功能,以创建吸引消费者关注的产品捆绑包。但同时还有一个提供更高目标和显示选项的专业版,可以将您的产品推荐提升到另一个层次。

如果您不熟悉该过程,请查看我们的初学者指南,了解如何安装WordPress插件。

激活插件后,前往YITH»常购产品。

在“设置”标签中,您可以个性化建议在产品页面上的外观。

您可以更改该部分的标题、调整总价格显示,并自定义“添加到购物车”按钮文本,使其更具吸引力。

想让您的推荐更突出吗?向下滚动以更改按钮颜色,使其与您商店的主题匹配。

完成后别忘了点击“保存选项”。

现在,您可以创建新产品或在WooCommerce中编辑现有的产品。

之后,只需向下滚动到“产品数据”部分,然后选择您希望在常购产品框中显示的商品。

完成后,只需向上滚动。

最后,点击“更新”或“发布”以保存您的更改。

当您访问您的产品页时,您现在应该会看到在产品图像下方出现的常购产品框。

如图:

常购产品框界面图示

h3>方法4:使用OptinMonster(产品推荐弹出窗口)

想在引人注目的弹出窗口中显示您的常购产品?OptinMonster让这一切变得简单。

这个潜在客户生成和转换平台包括强大的退出意图目标功能,正当访问者想要离开您的商店时显示您的产品推荐。

我们在WPressize Me站点上自己也使用了它,并在创建弹出窗口、滑动窗口、横幅等方面看到了出色的结果。有关更多信息,请查看我们深入的OptinMonster评论。

要开始使用,您需要两件事:OptinMonster的专业订阅和免费的WordPress插件以连接您的商店。插件帮助OptinMonster与WooCommerce沟通,在完美的时机显示个性化推荐。

OptinMonster的特别之处在于其为产品捆绑预先设计的弹出模板。您可以轻松使用其拖放页面构建器进行自定义,以创建引人注目的常购产品功能。

您还可以添加产品图像、描述,甚至特别优惠券代码,使您的交叉销售报价更具诱惑力。

OptinMonster真正的威力来自其智能目标规则。您可以设置弹出窗口的触发条件根据客户购物车中已有的特定产品出现,使您的相关产品更具相关性。

例如,如果有人将相机加入购物车,您可以在弹出窗口中向他们展示常购产品包,如存储卡或相机包。

了解详细的设置说明,可以查看我们的指南了解如何创建WooCommerce弹出窗口以增加销售。

想要更轻松地设置在线商店?当您注册我们的WPressize Me专业服务时,我们的专业团队会为您处理一切,从创建自定义首页设计到设置WooCommerce。此外,我们将为您分配一名专属的项目经理,确保您的响应式网站外观精美和运行完美。

立即预约与我们团队的免费咨询电话!

我们希望这篇文章帮助您了解如何在WooCommerce中显示常购产品。您或许还想查看我们的WooCommerce SEO终极指南以及我们精选的最佳WooCommerce报告和分析插件。

如果您喜欢这篇文章,请订阅我们的YouTube频道,获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 插件

如何在 WordPress 中自動添加浮水印到圖片

如何在 WordPress 中自動添加浮水印到圖片

你是否希望能自動將浮水印添加到 WordPress 的圖片中?浮水印不僅能提高品牌認識度,還能防止圖片被盜用。如你是一名攝影師,給圖片添加浮水印也能展現專業度。在此文章中,我們將教你如何輕鬆地在 WordPress 中添加浮水印到圖片。

為什麼要在 WordPress 圖片中添加浮水印?

浮水印是一種半透明的標誌、文字或圖案,疊加在你的圖片上。它的設計是醒目但不張揚,讓使用者能夠觀看你的照片,而無法在未購買的情況下載和使用圖檔。如果你擁有攝影網站或正在創建視覺作品集,建議在圖片中添加浮水印。

這樣可以防止圖片被盜用,因為浮水印使得他人難以在未獲得許可的情況下載和使用你的圖片。此外,你可以使用網站標誌、URL 或標語作為浮水印,以增強品牌認知度,提高使用者記住圖片來源的可能性。同樣地,如果你在線上販售照片,則可以將所有免費下載的圖片添加浮水印。這意味著,如果使用者想使用無浮水印圖片,則需要購買。

方法 1:使用 Envira Gallery 在 WordPress 中添加浮水印(推薦)

Envira Gallery 是市場上最好的 WordPress 相簿外掛,帶有浮水印插件。它允許你在 WordPress 網站上創建漂亮且適合手機的圖片相簿,提供拖放式建構器、相簿範本、標籤、音訊、社交分享和燈箱效果。

首先,你需要安裝並啟用 Envira Gallery 外掛。如需詳細資訊,請參閱我們逐步指南中的如何安裝 WordPress 外掛。

注:Envira Gallery 也有免費計劃,但是你需要高級版外掛才能解鎖浮水印插件。此擴充功能允許你將圖片浮水印添加到你的作品中。

啟用後,從 WordPress 儀表板訪問 Envira Gallery » 設定頁面以輸入授權金鑰。你可以在 Envira Gallery 網站的帳戶中找到這些資訊。

完成之後,從 WordPress 管理側欄導航至 Envira Gallery » 外掛頁面。此處,向下捲動定位浮水印插件,然後點擊它旁邊的「安裝」按鈕。

你現在準備好將圖片添加到帶有浮水印的響應式相簿了。為此,從 WordPress 儀表板訪問 Envira Gallery » 新增頁面並輸入相簿名稱。

完成之後,你需要向下捲動至「目前在您的相簿中」部分,並從左側欄切換到「浮水印」標籤。然後,勾選「啟用浮水印?」選項旁邊的框。

現在,你可以點擊「選擇浮水印」按鈕。這將打開 WordPress 媒體庫,在此選擇一張圖片作為浮水印。我們建議添加約 150 x 150 像素的圖片,這是理想的浮水印尺寸。之後,你還可以選擇圖片的位置和邊距。

完成這些操作後,向上捲動頁面並點擊「從電腦選擇檔案」按鈕來上傳圖片。如果要從媒體庫添加圖片,可以點擊「從其他來源選擇檔案」按鈕。

注意,你一次只能從媒體庫上傳一張圖片。

接下來,你可以配置燈箱設定、為圖片添加替代文字、使相簿適合行動裝置瀏覽,並根據喜好自訂相簿。詳細說明參考我們指南中的如何輕鬆創建響應式 WordPress 圖片相簿。

滿意後,只需點擊頁面頂部的「發佈」按鈕來保存設定。

現在,你可以將此圖片相簿添加到 WordPress 帖子或頁面。

為此,只需打開帖子或頁面,並點擊左上角的「+」添加區塊按鈕。這將打開區塊選單,點選 Envira Gallery 區塊。

一旦操作完成,從區塊的下拉選單中選擇你創建的圖片相簿。

最後,點擊「更新」或「發佈」按鈕來保存設定。

現在,你可以訪問 WordPress 網站查看帶有浮水印的圖片相簿。

方法 2:使用 Easy Watermark 在 WordPress 中添加浮水印(免費)

如果你尋求一種免費的浮水印應用方法,那麼這個方法適合你。

首先,你需要安裝並啟用 Easy Watermark 外掛。詳細資訊請參閱我們逐步指南中的如何安裝 WordPress 外掛。

啟用後,從 WordPress 儀表板訪問工具 » Easy Watermark 頁面並切換到「浮水印」標籤。

然後,你需要點擊「添加新浮水印」按鈕。這將帶你到另一個頁面,首先添加浮水印名稱。之後,選擇浮水印類型為圖片或文字。這篇教程中,將添加文字作為浮水印。

接著,在「浮水印」選項下輸入你想使用的語句。

然後,向下捲動至「文字選項」部分,可以選擇字型大小、顏色、角度和透明度。

完成後,可以前往「對齊」部分,選擇顯示浮水印的位置。

接下來,轉到「應用規則」部分,選擇浮水印應用的 WordPress 圖片尺寸。例如,可以勾選啟用浮水印的選項來應用到網站上的所有縮圖。

之後,勾選「自動浮水印」選項來自動給上傳的圖片添加浮水印。

然後可以選擇適用的圖片和文章類型。例如,如果只想為上傳到帖子的圖片添加浮水印,可以取消勾選「頁面」和「未附加圖片」選項。

最後,點擊頂部的「保存」按鈕來保存修改。現在,所有新上傳的圖片將自動添加浮水印。

但是若你也想給已上傳的圖片加上浮水印,需再次訪問工具 » Easy Watermark 頁面並切換到「工具」標籤。

注意:一旦圖片全部加上浮水印後,無法自動去除個別圖片的浮水印。因此,建議在進行此操作前備份 WordPress 站點,尤其是你的媒體上傳目錄。

然後,須從「批量浮水印」部分的下拉選單中選擇剛保存的浮水印。完成選擇後,點擊「開始」按鈕。

現在,網站上的所有圖片將自動添加浮水印。可以訪問你的 WordPress 博客查看。

手動給圖片添加浮水印

如果你不希望自動給所有上傳的圖片添加浮水印,Easy Watermark也提供手動選項。

首先,須切換到「浮水印」標籤,並點擊剛創建的浮水印下方的「編輯」連結。

進入編輯頁面後,向下捲動至「自動浮水印」部分,取消勾選「在圖片上傳時自動應用此浮水印」選項。

然後,點擊頂部的「保存」按鈕來保存設定。

接下來,訪問媒體 » 圖庫頁面,選擇希望添加浮水印的圖片。

完成選擇後,從頁面頂左角的下拉選單中選擇「浮水印」選項。

接著,從左側將顯示的下拉選單中選擇創建的浮水印。

最後,點擊「應用」按鈕來保存設定。現在,浮水印將僅添加到所選圖片中。

額外:禁用 WordPress 圖片右鍵點擊

除了浮水印外,你還可以禁用圖片的右鍵點擊,以防止使用者保存並在其網站上使用這些圖片。即便你有一個簡單的 WordPress 博客,有些使用者仍可能會刮取你的博客內容,並將你的個人照片用於線上詐騙如假廣告或評論。

為圖片添加禁用右鍵點擊功能有助於版權保護,減少圖片盜用。

為此,你需要安裝並啟用 No Right Click Images 外掛。詳細說明請參考我們初學者指南中的如何安裝 WordPress 外掛。

啟用後,外掛將自動禁用圖片的右鍵點擊。但若需進一步配置設定,可以從 WordPress 儀表板訪問設置 » No Right Click Images 頁面。

此處,你將能禁用拖動圖片、觸摸事件、手勢事件以及任何其他可突破右鍵保護的漏洞。

詳細說明參考我們教程中的如何給 WordPress 圖片添加禁右鍵點擊功能。

希望這篇文章幫助你學會如何在 WordPress 中自動添加浮水印到圖片。你或許也希望參考我們教程中的如何在 WordPress 中添加帶燈箱效果的相簿,以及我們甄選的最好用的 WordPress 圖片壓縮外掛合集。

如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視訊教程。你也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何修复WordPress导航菜单在管理栏下方出现的问题

为什么WordPress管理栏会遮挡导航菜单?

如果您的导航菜单被隐藏或与管理栏重叠,这可能是因为主题的CSS未能正确考虑管理栏的高度,从而导致部分站点的头部被遮挡,包括导航菜单。

出现问题的常见原因:

主题冲突:有时,主题的CSS未考虑到管理栏,导致菜单位置不正确。

插件冲突:修改前端设计的插件可能无意中导致菜单与管理栏重叠。

自定义CSS:如果您添加了自定义CSS,可能会干扰菜单的正确显示。

解决方案概述:

以下是我们将展示的解决方案,您可以跳转到看起来更简单的方案:

解决方案1:通过用户配置隐藏管理栏

此方法适合不想修改代码的用户,特别适合初学者。首先,登录WordPress后台,导航到“用户»个人资料”页面,取消选中“查看站点时显示工具栏”选项,然后点击“更新个人资料”以保存。

解决方案2:手动调整主题的CSS

如果您对HTML和CSS感到舒适,可以调整主题的CSS。首先,使用浏览器的检查工具查看问题部分,并添加以下自定义CSS:

#your-menu-id .your-menu-class {margin-top: 40px; z-index: 10001; position: relative; padding-top:40px;}

注意:将#your-menu-id和.your-menu-class替换为您需要的值。

解决方案3:检查插件冲突

如果问题依旧,可能是插件冲突导致。首先,停用所有插件并查看是否解决问题,然后逐一激活插件,找出造成冲突的插件。

附加资源

一些您可能感兴趣的文章:

  • 如何为所有用户禁用WordPress管理栏
  • WordPress缺失管理栏问题解决方案
  • 如何在WordPress管理工具栏中添加自定义快捷链接
  • 初学者指南:逐步解决WordPress错误

我们希望所分享的解决方案能够解决您的问题。此外,您可以查看我们关于修复WordPress常见错误的手册,或了解自定义WordPress管理区域的方法。

Read More
WordPress 插件

如何轻松在 WordPress 创建响应式幻灯片

最后更新于 2024 年 4 月 25 日,由编辑团队 | 评审:Syed Balkhi

你是否想为你的 WordPress 网站创建一个响应式幻灯片?

幻灯片通常用于展示网站首页上的重要产品、服务、推荐或其他内容,以互动方式吸引访客。

在本文中,我们将向你展示如何在 WordPress 网站上添加响应式幻灯片。

为什么要为您的网站添加响应式幻灯片?

内容幻灯片或幻灯片放映是展示您的热门 WooCommerce 产品、最新 YouTube 视频、客户评价等的好方法。

有些幻灯片会自动播放,因此可以自动在幻灯片间切换。这允许在小空间内显示大量信息,从而腾出更多空间展示其他内容。

因此,许多网站使用幻灯片展示其重要页面,例如登录页面、主页或销售页面。

即使幻灯片是自动播放,访客通常可以使用导航按钮手动切换幻灯片,从而鼓励访客与您的网站互动,使其更具吸引力。

方法 1. 使用插件创建响应式 WordPress 幻灯片 (快速简便)

如果您想创建一个简单而美观的幻灯片,我们推荐使用 Soliloquy 插件。

此 WordPress 幻灯片插件允许您使用媒体库中的图像创建幻灯片,也可以显示托管在 YouTube 等第三方平台上的视频。

首先,您需要注册一个 Soliloquy 帐户。然后,您可以在网站上安装并激活 Soliloquy 插件。

激活后,在 WordPress 仪表板中转到 Soliloquy » 设置并输入您的许可证密钥。然后,点击‘验证密钥’按钮。

完成后,通过转到 Soliloquy » 新建 添加一个新的幻灯片。

输入一个标题,然后将图像或视频拖放到编辑器中,或点击‘从其他来源选择文件’。

如果您希望使用 YouTube 等视频平台上的视频,只需上传视频并在‘视频 URL’字段中粘贴视频链接。

输入标题、添加替代文本和可选的字幕,然后单击‘插入到幻灯片’。

完成编辑所有幻灯片后,点击‘发布’按钮以创建您的幻灯片。

Soliloquy 会自动生成一个短代码,您可以将其添加到任何页面、帖子或小工具区域。

方法 2. 使用页面构建器创建响应式幻灯片 (更具可定制性)

如果您希望添加更高级的幻灯片到登录页面、自定义主页或 WordPress 主题,那么我们推荐使用页面构建器插件。

SeedProd 是最佳的拖放式 WordPress 页面构建器,允许您设计自定义登录页面甚至创建自定义 WordPress 主题。

首先,您需要安装并激活 SeedProd 插件。然后,输入您的许可证密钥并点击‘验证密钥’按钮。

之后,在 WordPress 仪表板中转到 SeedProd » 登陆页面。

选择一个专业设计的模板,然后在 SeedProd 页面构建器界面中创建您的自定义页面设计。

找到‘图像轮播’块并将其拖到布局中。然后,添加图像并自定义幻灯片的外观和行为。

完成后,点击‘保存’按钮并选择‘发布’以使您的幻灯片上线。

方法 3. 使用 Smash Balloon 创建幻灯片 (最佳用于社交帖子和评论)

通过展示社交证明,如客户评论、推荐或社交媒体上的正面评论,您可以很容易地增加网站可信度。

Smash Balloon 插件允许您从 Instagram、Facebook、Twitter 和 YouTube 等平台嵌入内容。它还具有评论流插件,可以显示来自多个平台的评论。

使用 Smash Balloon 的内建轮播布局和模板,您可以轻松创建响应式社交媒体和评论幻灯片。

更多详细指南请参阅我们的教程。

希望本文帮助您了解如何轻松创建响应式 WordPress 幻灯片。您可能还想查看我们的指南,了解如何创建响应式图片幻灯片或查看最佳小型企业实时聊天软件的专家推荐。

Read More
WordPress 基础知识

如何在WooCommerce中创建更快速的结账流程(9个专家建议)

为什么加快结账流程能提升销量

没有人愿意经历缓慢的结账过程。就像在商店里排长队会让人沮丧一样,笨拙或混乱的在线结账体验也能让客户望而却步。如果您经营的是WooCommerce商店,那么加快结账速度不仅仅是一个便利的问题。这是降低购物车遗弃率并提升销售的最简单途径之一。

以下是原因:

更快的结账 = 更满意的客户

在线购物者期望操作能够迅速。当您简化流程时,它可以防止客户感到沮丧,并转向竞争对手的商店。

步骤越少,流失越少

每多一个点击或表单字段,都会增加购物者离开的机率。通过加速流程(如减少表单字段、允许游客结账或启用单页结账),您正在移除购买的障碍。

移动用户喜欢简化的结账流程

在小屏幕上进行长时间的结账是很麻烦的。而快速便捷的移动结账帮助智能手机用户不被打扰的情况下完成订单。

建立信任

缓慢或存在问题的结账可以让人怀疑您站点的安全性。而快速且可靠的体验则有助于建立对您商店的信任和信心。

无论您销售的是什么——产品、下载或其他——改进您的结账流程都能帮助您赚取更多。

好消息是,我将向您展示一些经过验证的方法,以加速您WooCommerce的结账流程并降低购物车遗弃率。

提示1:审查当前的WooCommerce结账流程

在对您的在线商店进行任何更改之前,了解您当前的WooCommerce结账流程是什么样的至关重要。目标是试图找出结账过程中的任何部分是否运行缓慢或没有按应有的功能正常工作。最好的办法是自己测试,就像一位初次访问的顾客一样。

开始时,将一个产品添加到您的购物车,并完成结账流程。注意有多少步骤、布局是否简单、是否有不必要的字段。

提示2:选择快速的WooCommerce主机和插件

在您优化结账页面之前,务必检查网站的基础架构。您的网站托管和插件对整个商店的加载速度有着重大影响,包括结账页面。如果托管速度慢,则整个商店——包括结账——都会加载缓慢。这就是我推荐选择专为WooCommerce优化的托管提供商的原因。

提示3:减少支付表单字段和结账步骤

结账表单中的每一个额外字段都增加了客户感到沮丧并遗弃购物车的可能性。简化结账表单对提高商店转换率和加速结账过程具有显著影响。

最低限度,尝试仅保留完成订单的必要字段。这些通常包括:姓名、电子邮箱地址、送货地址(对于实物产品)、支付详情。

提示4:提供访客结账

并非所有人都愿意为了下单而创建一个账户,强迫他们这样做可能导致购物车遗弃。当您允许访客结账时,您移除了一个重要障碍。步骤越少,对于首次来访的顾客来说意味着更快速的体验。

提示5:添加滑入式侧边购物车

另一种快速提高购物体验的强有力方法是使用滑入式侧边购物车。它使访客能够查看并更新购物车而无需离开当前页面,这节省了时间,并保持了简单顺畅的结账流程。

提示6:启用一键结账

一键结账正如其名,允许客户简单一击完成购买。对于已经保存支付信息的回头客和登录用户而言非常方便。

这之所以有效,是因为去掉了所有拖慢用户脚步的额外步骤。

提示7:允许客户保存信用卡信息

为了让以后的购物更快,可以允许客户保存他们的信用卡信息。这样可避免每次购物都需重新输入支付信息。

提示8:确保您的结账页面易于移动设备使用

因为太多人使用移动设备或平板电脑进行在线购物,您还需专注于提供更快的WooCommerce移动结账体验。首次医院友好型WooCommerce主题,这将使布局根据屏幕尺寸自动调整,确保客户在移动设备上快速简单结账。

提示9:测试并优化您的WooCommerce结账

一旦您对WooCommerce结账流程进行了改进,是时候优化并测试这些更改是否有效。我建议运行A/B测试,比较结账页面的不同版本,比如修改按钮文本、重新安排表单字段或简化布局后的版本。

要进行更改结果的度量,跟踪结账页面上的用户行为也很关键 为此,我推荐使用MonsterInsights。

Read More
WordPress 插件

如何在WordPress图片上添加禁止右键点击功能

为什么在WordPress图片上添加禁止右键点击功能?

互联网让您可以更容易地与世界分享您的作品,但也让他人更容易盗取您的图片。

这些人可能会利用您的内容进行诈骗或销售您的数码艺术品,甚至在网上以欺诈手段获利,而您却得不到任何回报。

如果您是在线影响者或拥有大量社交媒体粉丝,盗图者可能会冒充您进行营销。例如,他们可能会假装您是其联盟营销伙伴。

如何在WordPress上添加禁止右键点击功能

方法1. 禁止所有WordPress图片右键点击

最简单的保护图片的方法是使用No Right Click Images插件。此免费插件允许您仅针对图片禁用右键点击,而其他内容如链接仍保留右键点击功能。

方法2. 为图片画廊添加禁止右键点击

如果您希望保护整个画廊内的图片,可以使用Envira Gallery插件,它提供一个保护扩展,可以禁用画廊中的右键点击功能。

禁用WordPress图片右键点击的优缺点

禁用右键点击可以使盗图者更难下载您的图片,同时提醒用户未经允许不可以保存图片。

但仍有其他方式绕过此保护,例如通过浏览器的查看源代码或检查工具直接访问图片文件。

阻止图片盗用的替代方法

1. 在图片下方添加版权声明

在您的网站上添加动态版权日期,并在每张图片下添加版权声明,可以有效阻止他人未经允许使用您的图片。

2. 为图片添加水印

添加水印是一种有效保护您的数码作品的方法,但可能会影响图片的观感,因此在使用时需要仔细定位。

3. 设置自动内容盗用通知

使用Google Alerts设置品牌名称通知,当有人重新发布您的内容时,您会立即收到通知。

希望本文能帮助您在WordPress图片上添加禁止右键点击功能。

Read More
WordPress 插件

2025年7个最佳WordPress用户注册插件(对比)

为什么使用WordPress用户注册插件?

使用WordPress用户注册插件可以让您的访客在网站上创建帐户。虽然WordPress自带用户注册功能,但其功能比较有限,往往会让用户接触到您网站的管理区域。通过用户注册插件,您可以创建自定义的注册和登录表单,更轻松地定制用户角色,并获得更大的灵活性和控制力。而且,这样做更加安全,可以帮助阻止垃圾账户。

以下是一些让访客注册的理由:

  • 访问付费内容需注册
  • 创建仅订阅者可访问的在线商店(电子商务)
  • 允许用户注册并提交文章而不访问管理区域
  • 创建仅订阅者能访问的在线社区
  • 向注册用户提供折扣和优惠券
  • 要求用户注册后留言或进行其他操作

1. WPForms

WPForms是WordPress最佳联系表单插件,非常适合初学者,已有超过600万个WordPress网站在使用。要创建自定义用户注册页面,您需要使用该插件的高级版和用户注册表单附加组件。它允许您快速构建自定义用户注册和登录表单。

2. Formidable Forms

Formidable Forms是市场上最先进的WordPress表单构建器。它可以创建调查、测验、支付表单等高级表单,特别适合需要高水平控制和定制的高级用户。

3. MemberPress

MemberPress是WordPress最佳会员插件。它非常易于使用,具备创建会员网站所需的所有功能。会员注册只需几次点击即可完成。还有更高级的用户管理功能,包括自动欢迎邮件、导向欢迎页面等。

4. WP User Manager

WP User Manager是一个免费且可自定义的WordPress用户注册插件,可以创建简单的前端用户注册表单。插件非常灵活,您可以完全控制WordPress用户注册页面。

5. ProfilePress

ProfilePress是一个WordPress用户注册插件,允许您在网站上任意地方添加简单的前端用户注册表单。插件包含一个短代码,您可以轻松地将注册表单显示在文章、页面、小工具区域和侧边栏中。

6. SeedProd

SeedProd是最佳的拖放式WordPress页面构建器,已经有超过100万个网站在使用。它允许您无需编写代码就可以在WordPress中创建完全自定义的页面。

7. OptinMonster

OptinMonster是市场上最好的电子邮件抓取插件。它帮助您将更多用户转换为订阅者和付费客户,拥有大量预制模板,可以创建各种动态引导表单,如弹出窗口、浮动栏、滚动框等。

最佳WordPress用户注册插件

选择最佳的WordPress用户注册插件会根据您的需求而有所不同。对于初学者,WPForms是最简单的选择。如果您是开发人员并希望创建复杂的注册表单,Formidable Forms无疑是最佳选择。而如果您需要一个综合性的WordPress会员解决方案,MemberPress是您的不二之选。总体来说,WPForms是最佳的选择,因其与SeedProd和OptinMonster有很好的集成。

Read More
WordPress 插件

如何在WordPress中拆分帖子或页面标题

在WordPress中拆分标题和副标题的区别

在您的WordPress网站上拆分帖子或页面标题允许您在不改变格式或样式的情况下将标题分成新的一行。

长标题可能看起来不美观且难以阅读。通过拆分标题,您可以让读者更容易看到整个标题并理解您的博客内容。

此外,这可以帮助您突出重要关键字并吸引读者的注意。

另一方面,副标题允许您为WordPress帖子或页面添加两个不同的标题。它可以作为次要标题,通常显示在主标题下方。

话虽如此,让我们看看如何在不编写任何代码的情况下,在WordPress网站上拆分帖子或页面标题。

如何在WordPress中拆分帖子或页面标题

首先,您需要安装并激活Page Title Splitter插件。

激活后,使用WordPress仪表板在区块编辑器中打开要拆分标题的页面或帖子。

注意:此插件仅在您当前使用经典编辑器时有效。如果您正在使用新的区块编辑器,则拆分标题功能不可用。

在页面编辑器屏幕上,您需要单击标题字段下的小按钮。

这将在字段中标题的末尾添加一个指针。请记住,标题字段应该被选中,以便指针显示在屏幕上。

之后,您可以将光标移动到文本字段中想要拆分标题的位置。

您还可以添加多个拆分点以将标题拆分成更多行。只需再次单击图标,然后通过选择并将光标放在正确的位置来移动标记。

您还可以删除标记。只需单击标记以选择它,您会注意到标题拆分按钮会变成关闭按钮。单击它将从帖子标题中删除标题拆分标记。

完成添加和调整拆分标记后,不要忘记单击“更新”或“发布”按钮以保存设置。

现在您可以访问帖子或页面,查看拆分后的帖子标题。

希望本文帮助您学习如何在WordPress中拆分帖子或页面标题。在此过程中,您可能还想查看我们的初学者指南,了解如何在WordPress帖子中添加阅读进度条,以及我们专家推荐的最佳WordPress排版插件以改善您的设计。

如果您喜欢本文,请订阅我们的YouTube频道观看WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 基础知识

创建特定站点的WordPress插件的是什么,为什么以及如何操作

什么是特定站点的WordPress插件?

特定站点的WordPress插件是一个独立的插件,您可以使用它添加所有不依赖主题的自定义片段。在处理您的网站时,您经常会发现WordPress教程要求您将代码添加到主题的functions.php文件或特定站点的插件中。

WordPress默认没有提供特定站点的插件。您需要自己创建,然后安装和激活它。

为什么要创建特定站点的WordPress插件?

如前所述,您会经常遇到一些教程,展示一些您可以添加到主题functions.php文件或特定站点插件的代码。这些自定义代码可以用于添加新的文章类型、分类法、短代码以及大量提高网站性能的技巧。

如果您将自定义代码添加到主题的functions文件中,那么在更新或切换主题时,这些代码会消失。您可以创建一个子主题并使用子主题的functions文件来保存您的代码,但如果切换主题,您的代码仍会消失。

特定站点的WordPress插件允许您轻松向您的WordPress网站添加自定义代码片段,确保它们不依赖于任何主题。它是一个独立的WordPress插件,这意味着它不依赖于您的主题,您可以自由更新或切换您的主题。

如何创建特定站点的WordPress插件

我们将向您展示两种添加自定义代码的方法,您可以选择最适合您的方法(提示:方法2对初学者更容易)。

方法1:手动创建特定站点的WordPress插件

首先,您需要在桌面上创建一个新文件夹,并以您的网站命名。例如:mywebsite-plugin。

然后,在电脑上打开一个纯文本编辑器,如记事本或TextEdit。您需要创建一个新文件,并将其保存为mywebsite-plugin.php在桌面的插件文件夹中。

您的插件文件需要包含特定的头文件代码,以便WordPress识别它为插件。在mywebsite-plugin.php文件中添加以下代码:

<?php
/*
Plugin Name: Site Plugin for example.com
Description: Site specific code changes for example.com
*/
/* Start Adding Functions Below this Line */
/* Stop Adding Functions Below this Line */
?>

您可以将example.com替换为您的域名。一旦完成,您的特定站点插件就准备好使用了。

方法2:使用WPCode添加自定义代码(推荐)

此方法更简单,并且可以让您通过WPCode更好地管理WordPress中的单独代码片段。

您需要做的第一件事是在您的网站上安装并激活免费的WPCode插件。激活后,插件将在您的WordPress管理菜单中添加一个名为“Code Snippets”的新菜单项。点击它将带您到一个页面,您可以在其中管理所有的自定义代码。

要添加您的第一个代码片段,点击“Add New”按钮。

这将带您到“Add Snippet”页面。在这里,您可以选择一个预制的代码片段或添加您自己的自定义代码。要添加自定义代码,请导航到“Add Your Custom Code (New Snippet)”选项并点击“Use snippet”按钮。

现在,您可以为您的自定义代码片段输入标题。这可以是任何帮助您识别代码的内容。

之后,您可以将代码片段粘贴到代码框中。您还需要从右侧的“Code Type”下拉列表中选择“PHP Snippet”类型。

在“Basic info”部分,您可以添加代码的注释。您可以在这里写下此代码的作用、在哪里找到它以及为什么将其添加到您的网站。

插件还允许您选择如何运行代码片段。在“Insertion”部分,您可以选择“Auto Insert”方法,以自动插入并执行网站上的代码。您可以从管理区域、前端或所有位置中选择。如果不确定,请保持默认的“Run Everywhere”选项。最后,您可以将开关从“Inactive”切换到“Active”,然后点击“Save Snippet”按钮。

如果您希望保存代码片段而不激活它,请仅点击“Save Snippet”按钮。

总结

希望本文帮助您了解为什么以及如何创建特定站点的WordPress插件。您可能还想查看我们关于如何轻松添加自定义代码片段的指南。

Read More
WordPress 插件

如何使用蜜罐在 WordPress 中阻止垃圾留言機器人

什麼是蜜罐?

在討論蜜罐之前,讓我們先了解這些垃圾留言機器人是如何工作的。WordPress 被數百萬個網站使用,這意味著數百萬個網站的評論表單有相似的 HTML 輸出。這使得機器人更容易找到博客並發布垃圾評論。

蜜罐是一種垃圾留言防護技術,它通過提供一個人類用戶看不見的挑戰來欺騙和捕捉機器人。與其他垃圾防護方法不同,蜜罐專門檢查評論者是否是機器人,而不是給人類訪客提出挑戰。當機器人填寫了這個挑戰,它們便暴露自己,並在發佈垃圾評論前被捕捉。

如何在 WordPress 中使用蜜罐阻止垃圾留言機器人

首先您需要安裝並啟用 WP Spam Fighter 插件。啟用插件後,前往「設定」»「WP Spam Fighter」來配置插件。

簡單勾選蜜罐選項並保存設定。該插件還提供了時間戳方法,假設人類用戶在留言前會花一些時間閱讀文章。如果用戶迅速嘗試發布評論,插件會顯示一個 JavaScript 彈出窗口。

預設選項應該適用於大多數網站,但我們建議您在按下「保存更改」按鈕前查看配置選項。

工作原理

當蜜罐啟用時,WP Spam Fighter 會在您的評論區域添加一個隱藏的表單域。這個表單域對人類用戶不可見,但機器人會將其視為表單的一部分並填寫,從而有效地暴露自己為垃圾留言機器人。

請記住,這些方法無法防護人工提交的垃圾留言,這些是由人類訪客手動輸入的。您仍需使用像 Akismet 這樣的插件來捕捉這些留言。

想要更多防止垃圾留言的建議,請查看我們的防垃圾留言工具和提示。

Read More