如何在 WordPress 中向 WooCommerce 添加滑块

拥有在线商店或使用 WooCommerce 在您的网站上销售产品的能力是一个巨大的优势。 当然，您想使您的产品尽可能具有吸引力。 这有助于推动销售。 吸引客户眼球的一种方法是在 WooCommerce 中创建一个滑块。

网站滑块

当您访问网站并看到滚动图像时，这些图像称为滑块。 实际上有很多很棒的 WordPress 滑块可供您尝试。

每个滑块都有其独特的功能，并且大多数滑块都会为您的站点添加一些不同的东西。 当然，这取决于您构建它们的方式以及您使用的插件。 但是，所有这些都可以为您提供一些令人惊叹的滑块布局。

话虽这么说，我们想采用 WordPress 滑块的概念并将其应用于 WooCommerce。 为您的网站用户提供吸引他们眼球的东西，例如 WooCommerce 产品轮播，是建立兴趣并让人们留在您网站上的好方法。 这只是您可以执行的众多 WooCommerce 变体之一。

但是，许多可用的 WordPress 滑块插件无法让您专门为 WooCommerce 创建滑块。 这就是 Woo Slider Pro 的用武之地。这个令人惊叹的小插件使用户能够创建 WooCommerce 产品滑块并将其添加到帖子或页面中他们想要的任何位置。

让我们一起来看看这个插件，看看它能为你做些什么。

Woo Slider Pro

Woo Slider Pro 使用户能够为其 WooCommerce 产品创建动态滑块。 不仅如此，该插件实际上是一个拖放工具。 这允许您使用简单的拖放技术在 WooCommerce 中创建一个完整的滑块。

不需要编码能力。

在您的网站上安装插件后，当您想要为 WooCommerce 构建滑块时，您可以使用多种样式和选项。 凭借预设样式、一列、两列或三列布局网格，以及添加大量不同选项的能力，这款 WooCommerce 产品图像轮播构建器不遗余力。

此外，如果您了解 CSS，则可以添加自己的个人样式。 如果您不这样做，那么您可以等待插件更新以获得可用的附加组件和功能。 但是，现在，该插件为您提供了为 WooCommerce 构建动态的、SEO 友好的滑块所需的一切。

您只需使用拖放界面构建一个滑块，然后发布它，您就会获得一个简码。 将简码放在您网站上的任何帖子、页面或小部件区域，滑块将自动显示。

让我们一起检查一下插件安装，然后看看如何设置滑块并开始运行。

安装并激活插件

为了为 WooCommerce 创建滑块，您首先需要安装并激活 Woo Slider Pro 插件。 您可以通过转到 WordPress 管理仪表板内的插件页面来执行此操作。 只需搜索插件名称。

在您的 WordPress 网站上安装并激活插件后，单击 Binary Carpenter > Woo Slider Pro。 您将在管理仪表板的左侧菜单中看到它。

这将带您进入插件的主设置页面。 在这里，您可以使用提供的输入变量构建您想要的所有滑块。 让我们一起构建一个滑块，然后开始吧。

为 WooCommerce 添加滑块

此时，您应该已经导航到插件的主设置页面。 您将看到两个选项卡。 他们包括：

欢迎选项卡仅包含一条欢迎消息和几个指向一些教程的链接（如果需要）以及一个指向插件开发人员的联系链接。 如果您需要使用其中任何一个来进行故障排除，请随意。

您还将在右侧看到推荐插件列表。 是否检查这些由您决定。

继续并单击标题为“创建滑块”的第二个选项卡。 这是单页配置布局。 您可以在此处为 WooCommerce 创建滑块。 让我们一起做一个。

笔记： 本教程假设您已经设置并运行了 WooCommerce，并且有大量产品可供使用。

为滑块创建标题

继续为您的 WooCommerce 滑块创建一个名称。 使用标题框并给它一个可识​​别的名称。 当您为 WooCommerce 制作多个滑块时，这将派上用场，因为它可以让您更轻松地将它们分开。

元素和布局选项

如果向下滚动一点，您将看到布局和元素的框。 这都是拖放操作。 您单击布局的选项卡或元素的选项卡，然后将所有内容放入“元素的订单”框中。 这将代表网站用户在查看您的 WooCommerce 滑块时看到的布局。

基本上，您可以看到我们使用“布局选项”选项卡创建了几个不同的布局列选项，然后开始将元素拖动到我们希望它们放置在订单框中的位置。

滑块设置

此时，您应该有一个布局。 在配置页面的右上角，您会看到一个名为“滑块设置”的区域。 在此区域中，您可以通过单击选项卡来设置以下所有内容：

• 设置
• CSS（如果你知道怎么做）
• 预设
• 类别
• 类别列表
• 标签列表

在框和下拉菜单中为您显示的选项将取决于您在 WooCommerce 中如何设置产品。 继续并立即做出相关选择。

可见项目、产品订单和滑块显示选项

在此之下，您将看到最后三个要为其创建配置的区域。 可见项允许您设置在不同尺寸屏幕上可见的项数。 是的，该插件完全响应且适合移动设备。

现在继续按照您希望它们显示的顺序选择产品。 您可以选择升序或降序。

最后但同样重要的是，选择您喜欢的滑块显示选项和动画。 这真的是个人品味，所以如果你愿意，可以看看不同的。

节省 滑块并获取简码

而已！ 您已经成功地为 WooCommerce 构建了一个滑块。 返回配置页面的顶部，然后单击蓝色的“保存滑块”按钮。 当您这样做时，将自动生成一个简码。

您只需复制相关的短代码并将其粘贴到您想要的网站的任何帖子、页面或小部件区域。 当您这样做时，该位置就是 WooCommerce 滑块将为您的网站用户显示的位置。

很多做跨境电商的朋友往往需要外国人的服务，比如录音、社媒代运营等等。我们整理出来很多低价且高质量的外国人服务商，分享给大家。
fiverr上15美元的海外社媒代运营服务
fiverr上25美元的Twitch设计服务
fiver上10美元的短视频广告投放服务
fiverr上15美元的视频编辑服务
fiverr上20美元的谷歌广告投放服务
fiverr上5美元的谷歌SEO服务
fiverr上10美元的英文文章撰写服务
fiverr上20美元的CMS网站建站服务
fiverr上40美元的手机APP开发服务
fiverr上30美元的linkedin代运营服务
fiverr上10美元的Guest Post做客博文服务
fiverr上15美元的红人营销服务
fiverr上20美元的discord运营服务
fiverr上15美元的社群维护服务
fiverr上10美元的shopify店铺优化服务

对任意数量的滑块重复上述过程。

最后的想法

能够为 WooCommerce 创建滑块为您提供了另一种展示产品的好方法。 这也是潜在客户从您网站的不同部分查看您的产品的独特方式。

有时，滑块会减慢网站速度并损害 SEO。 但是，如果配置和实施得当，它们实际上可以与您已经完成的 WordPress 网站优化一起很好地工作。

这是您第一次为 WooCommerce 创建滑块吗？ 您喜欢这个插件提供的易于使用的拖放模板吗？