跳转至内容
返回博客
woocommercewordpressintegrationsproduct

适用于 WordPress 的 Simplio3D 产品配置器插件

Simplio3D·
适用于 WordPress 的 Simplio3D 产品配置器插件

如果您在 WooCommerce 上销售可配置产品——家具、珠宝、标识牌、定制或按单生产的商品——您可能也遇到过同样的难题。顾客可以准确指定自己想要的产品,但如果没有在配置器与购物车之间进行定制开发,商店就无法接受订单。

适用于 WordPress 的 Simplio3D 产品配置器插件弥合了这一缺口。它可将您在 Simplio3D 中构建的配置器嵌入 WordPress 页面,并让配置完成的结果——包括选项、价格等所有信息——像其他产品一样进入 WooCommerce 购物篮。

连接至 WooCommerce 商店的 Simplio3D 产品配置器
已配置的产品从 Simplio3D 配置器进入 WooCommerce 购物车。

在 WooCommerce 上销售配置器的两种方式

您可以选择两种方式,也可以在同一家商店中同时使用。Simplio3D 控制面板中的WooCommerce 连接完全无需插件:通过分享链接嵌入配置器,点击“加入购物车”即可将已配置的产品加入购物车。若您希望自行搭建页面,并在主题中使用原生 WordPress 区块进行布局,则可使用WordPress 插件。

将 Simplio3D 配置器连接到 WooCommerce 的两种方式
WooCommerce 连接WordPress 插件
需要插件否是:Simplio3D 产品配置器,版本 2 或更高版本
页面的构建方式通过其分享链接嵌入的配置器Elementor 中的原生区块(查看器、选项、价格、摘要、提交/加入购物车)或短代码
连接方式位于“控制面板 → 集成 → WooCommerce”中的 WooCommerce REST API 密钥您通过 WordPress 登录并授权该网站;不会将密码或密钥复制到 WordPress 中
加入购物车的内容已配置的产品,包含其 3D 图像和所选选项;或按产品原样加入关联的产品,包含配置信息及其图片
收取的价格在服务器上重新计算的 Simplio3D 价格,或 WooCommerce 价格价格 Simplio3D 会在服务器上验证,或采用产品自身价格
最适合完整展示配置器,与其分享链接中的呈现效果完全一致按照您的主题设计的页面,每个部分均可放置在您希望的位置

插件的功能

该插件可将您在 Simplio3D 中创建的项目转换为原生 WordPress 区块。您可以将 3D 查看器、各个选项、实时价格、配置摘要以及“提交”或“加入购物车”按钮放置在页面任意位置:它们共享同一份实时配置。Simplio3D 负责管理您的模型、材质、规则和定价;WordPress 则控制布局、样式和商店。

“提交 / 加入购物车”区块可发送报价请求,配置和价格将显示在您的 Simplio3D 请求中;也可将该配置加入 WooCommerce 购物车。使用 Elementor 搭建页面?每个区块也都提供短代码,可通过 Elementor 的短代码小工具添加。

该插件由 Digital Artflow 发布,已收录于 WordPress.org 插件目录,名称为 Simplio3D 产品配置器。它需要 WordPress 6.3 或更高版本、通过 https 提供服务,以及 PHP 7.4 或更高版本。只有使用“加入购物车”功能时才需要 WooCommerce。

设置插件

从全新安装到可添加至 WooCommerce 购物车的配置器页面。

  1. 发布项目

    在 Simplio3D 中,打开项目的分享对话框并启用分享链接。受密码保护的链接无法显示在 WordPress 中;如果链接仅限特定域名访问,请添加您网站的域名。

  2. 安装插件

    在 WordPress 中,前往“插件”→“安装插件”,搜索 Simplio3D 产品配置器,然后安装并启用。

  3. 连接您的账户

    在 WordPress 管理菜单中打开 Simplio3D,然后点击“登录 Simplio3D”。登录后,选择工作区并点击“允许并连接”。不会将密码或 API 密钥复制到 WordPress 中。

  4. 添加查看器和选项

    编辑页面,添加 Simplio3D 查看器区块并选择您的项目。然后为每个需要显示的选项添加一个 Simplio3D 选项区块:新建区块会自动获取查看器的项目。

  5. 添加价格、摘要和按钮

    在需要的位置添加 Simplio3D 价格和 Simplio3D 摘要区块,然后添加 Simplio3D 提交 / 加入购物车区块。对于“加入购物车”,请选择其销售的 WooCommerce 产品。

  6. 发布页面

    发布后,尝试进行配置并将其加入购物车。快捷方式:Simplio3D → 新建页面:查看器 + 侧边栏,可创建一个已预先布局好所有区块的草稿页面。

价格如何得到保护

当顾客点击“加入购物车”时,您的 WordPress 服务器会将所选选项发送至 Simplio3D。Simplio3D 会根据项目进行验证,拒绝未知选项、被条件逻辑隐藏的选项以及超出有效范围的数值,并计算价格。WooCommerce 始终按此价格收费,绝不会采用顾客浏览器发送的价格。产品必须关联至项目,因此无法将某个配置作为其他产品加入购物车。

目前部分定价功能尚无法在服务器端验证,例如定制定价区块,以及会改变哪些选项计价的数值条件规则。对于这类项目,WordPress 编辑器会向您发出提示:请按 WooCommerce 产品价格销售,或使用报价请求。销售采用高级定价功能(加价、分级价格、折扣、附加费用、运费和税费)的项目,需要插件 2.2.0 或更高版本。

这对 WooCommerce 商店为何重要

一次结账,而非两次

顾客可在不离开您的商店的情况下完成配置和购买,继续使用他们已信赖的 WooCommerce 购物车与支付流程。

定价遵循既定规则

Simplio3D 会在其服务器上检查配置并计算价格,因此 WooCommerce 将按照您的规则收费。

混合商品目录同样适用

标准 WooCommerce 商品与可完全配置的 3D 商品可以在同一商店中并列展示。

无需定制开发

原生区块和登录连接可替代原本需要委托开发并持续维护的定制集成。

使用须知

  • 模块化项目会显示完整的 Simplio3D 配置器,因为模块放置操作在其中完成。任何项目都可以使用这种完整配置器显示方式。
  • 顾客输入的文本和上传的图片会被收集并包含在请求和订单中,但目前尚无法在 WordPress 区块内的 3D 模型上进行绘制。设计画布会打开完整配置器。
  • 使用 1.x 插件的网站仍可在旧版模式下通过原有的 [simplio3d_configurator] 短代码正常运行。是否切换至区块由您自行决定,可在 WordPress 中的 Simplio3D → 迁移进行设置,并且可随时撤销。
  • 已连接的网站会列在 Simplio3D 的“控制面板 → 集成 → WordPress”下,您可以随时断开其中任意一个网站的连接。
  • 控制面板中的 WooCommerce 连接彼此独立。插件不会改变该连接,二者可在同一家商店中同时销售。如果某个产品同时在两个位置关联,其在 WordPress 中的 Simplio3D 面板会说明各按钮分别按哪个价格收费。
  • 如果订阅到期,网站上的配置器将显示“暂时不可用”,直到重新激活订阅。

构建背后的配置器

该插件仅负责 WordPress 这一部分。配置器本身在 Simplio3D 中构建:上传 3D 模型,应用 PBR 材质,定义选项模块,添加条件逻辑以避免选择不兼容的组合,并通过表格或公式设置价格。

您无需从空白项目开始。Simplio3D 可以根据产品描述生成配置器初稿,其 AI 助手还可以审核现有配置器——检查选项覆盖范围和条件逻辑,而无需您手动逐一点击测试每种组合。

如果您管理着庞大的产品目录,该平台还提供 MCP 服务器,让 Claude 等 AI 助手能够通过受限令牌连接并检查真实项目:解析模型、评估逻辑,或针对给定选项组合计算价格。定价、SKU、删除操作和批量编辑都只会生成待您确认应用的提案,因此代理无法在您不知情的情况下更改线上价格。如果您授予写入权限,低风险编辑可直接应用,且大多数操作均可撤销。

常见问题

不需要。您的 Simplio3D 控制面板中的 WooCommerce 连接会自行将已配置的产品添加到购物车。当您希望使用原生 WordPress 区块构建页面,并在主题中放置查看器、选项、价格和按钮时,请使用该插件。

使用其他平台?

Simplio3D 也已上架 Shopify App Store,并为自定义店面和无头构建提供 REST API 及 TypeScript SDK。

正在使用 Elementor 构建页面?

简短教程:使用 Elementor 的 Shortcode 小工具添加 Simplio3D 查看器、选项、价格和“加入购物车”按钮。

博客文章

来自 Simplio3D 团队的指南、教程与新闻。

构建、部署并扩展 3D 商务。

拥有一款 3D 产品配置器,直接通过您的网站推动销售并生成报价方案

相关文章