WooCommerce LookBook – Shop by Instagram – 可使用产品标签购物

WooCommerce Instagram 商店 – WooCommerce Lookbook 将为处于中间的新手初创企业提供新的机会
数字化转型和在线业务的兴起。如果您正在考虑使用 WooCommerce 开设 Instagram 商店，
或在 WooCommerce 和 Instagram 平台上开展在线业务，WooCommerce Lookbook 插件应该
不容忽视。如果您开始设定特殊目标，WooCommerce Instagram 商店将实现，让我们
使用此插件开展业务。

WooCommerce Lookbook 允许您创建逼真的产品造型手册，并帮助您的客户可视化
产品在现实生活中的样子。

WooCommerce Instagram 商店的 WooCommerce Lookbook 和滑块

• 创建画册： 使用节点标记产品位置创建 Lookbook
  在照片上。通过点击节点，客户可以看到产品信息，包括名称、简短描述、价格……
  客户还可以从 Lookbooks 将产品添加到购物车。
• 添加节点：添加无限的节点并拖放它们以在 Lookbook 上标记产品位置。
• 拖放：使用拖放功能轻松选择节点位置。将鼠标悬停在节点上
  并将其移动到图片上的产品位置。
• 幻灯片：您可以组合造型手册并将它们作为幻灯片显示在前端。
• 自动播放：自动播放具有指定自动移动时间长度的幻灯片。
• 自动播放持续时间：使用自动播放幻灯片选项选择指定时间以移动到下一个 Lookbook。
• 单个产品页面中的 Lookbook：自动查找包含产品的 Lookbook 并显示该产品
  lookbook。
• 链接重定向：如果启用此选项，单击节点将重定向到单个产品页面。
• 外部链接：外部/附属产品的一个选项，单击节点将重定向到外部
  链接而不是单个产品页面。
• 短代码：使用短代码将 Lookbook 放在您网站上您想要的任何位置。

概览

• 概览：通过单击节点，客户将打开一个概览弹出窗口。QuickView 弹出窗口提供了这些
  带有产品名称、简短描述和价格。
• 添加到购物车：QuickView 弹出窗口上还有一个添加到购物车按钮，允许客户选择
  数量并将产品添加到购物车。

WooCommerce Instagram 商店

• 通过 Instagram 购物：将任何 Instagram 帐户中发布的图片同步到您的 WooCommerce Instagram 商店
  插件并使用它来创建 Lookbook 和幻灯片。输入 Instagram 用户名以同步其中的图片
  WooCommerce Lookbook 的帐户。您将能够一次同步 12 张照片。
• 链接到 Instagram：在概览弹出窗口中启用“在 Instagram 上查看”按钮，该按钮将导致
  您用于创建 Lookbook 的原始 Instagram 页面。
• 轮播/图库展示：以轮播或图库风格在前端显示 Instagram 造型手册。
• Instagram 同步计划时间：让插件自动同步来自 Instagram 的照片。
• Instagram 同步图片状态：选择从 Instagram 同步的 lookbook 的可见状态 待处理、发布、
  或草稿。
• 图片数量：选择将从 Instagram 同步的图片数量。

设计

• 节点图标：选择您最喜欢的节点图标，默认四个选项：数字、标记和字母表。
• 节点颜色：使用主色、背景色、边框颜色设计节点
• 产品标题：选择在 Lookbook 节点上方显示或隐藏产品标题。
• 标题颜色：使用文本颜色和背景颜色设计产品标题。
• 概览弹出窗口设计：设计具有文本颜色、背景颜色和边框半径的概览弹出窗口。
• 关闭按钮：选择以显示或隐藏 关闭 在概览弹出窗口中。
• 查看更多按钮：选择以显示或隐藏 查看更多 “概览”弹出窗口中的按钮。“查看更多”按钮
  将导致单个产品页面。
• 幻灯片尺寸：使用宽度和高度自定义幻灯片尺寸。
• 幻灯片分页/导航：在前端启用或禁用幻灯片分页/导航。
• 自定义脚本：添加您自己的 CSS 代码以根据需要完全自定义 Lookbook。
• 加载图标：选择您最喜欢的加载图标，并选择十个可用图标。

WooCommerce Instagram 的其他功能
店

• 易于使用：通过友好的用户界面轻松了解如何使用此插件
• 支持 RTL：完全支持从右到左网站。
• 自动更新：使用 Envato 购买代码启用自动更新功能。可以使用每个购买代码
  为一个域激活自动更新。

短代码

使用短代码在前端将 Lookbook 显示为单个 Lookbook 图像、图库或轮播。

• Instagram 照片轮播
  

  [woocommerce_lookbook_instagram style='carouse' row='number' limit='x']

• Instagram 照片库
  

  [woocommerce_lookbook_instagram style='gallery' row='number' limit='x']

• 单一画册
  

  [woocommerce_lookbook id='111']

• 造型手册库
  

  [woocommerce_lookbook_slide id="123,456" layout ="gallery"]

• 造型手册轮播
  

  [woocommerce_lookbook_slide id="123,456" layout ="carousel"]

兼容性表

免费版和高级版对比表

视频
教程

本视频将指导您 如何
连接到 WooCommerce Instagram 商店 并同步 Instagram 中的照片。

更改日志