WooCommerce 多币种价格切换小工具(Currency Converter Widget)完整指南
Currency Converter Widget 是由 Kestrel 为 WooCommerce 开发的插件,可在网站上展示一个货币选择器,让客户动态切换商品价格的币种显示方式。
WooCommerce 多币种切换插件 Currency Converter 使用指南
插件要求
- WooCommerce 4.0 及以上版本

安装步骤
- 登录 WooCommerce 账户,下载插件
.zip
文件 - 进入 WordPress 后台,点击“插件 > 安装插件 > 上传插件”
- 选择下载的
.zip
文件,点击“立即安装”并激活插件 - 参考官方安装与激活扩展文档获取更多说明
Open Exchange Rates(可选设置)
默认情况下,插件使用 Kestrel 内建的汇率服务。也可以接入 Open Exchange Rates 作为外部服务。只需注册一个账户并获取 App ID。
设置方法:
- 前往 WooCommerce 后台菜单:设置 > Integrations > Open Exchange Rates
- 将 App ID 粘贴进设置表单中
- 点击保存

提供 App ID 后,界面中将出现额外设置:
汇率刷新周期
用于设置汇率更新的时间间隔(单位为小时)。默认每 12 小时刷新一次。支持范围为 1 至 24 小时。
小工具配置
插件所有设置集中在 Currency Converter Widget 小工具中操作完成。
添加货币转换器小工具
- 打开 WordPress 后台菜单:外观 > 小工具
- 找到想要插入小工具的区域,点击“+”
- 搜索“Currency converter”,选择并添加
- 插入后点击展开配置选项

小工具参数设置
- 标题:设置显示在前端的小工具名称
- 货币代码:每行输入一个币种代码,例如 USD、EUR。
- 示例:输入
SEK*
将显示为999kr
,输入USD *
显示为999 $
- 如果省略 *,则会使用 WooCommerce 的默认币种符号位置
- 示例:输入
- 币种显示方式:支持“按钮”或“下拉选择框”
- 信息提示语:显示在币种选择器上方的说明文字
- 是否显示货币符号:默认关闭,开启后显示如
$
、€
- 显示重置按钮:启用后,在前端展示“重置币种”按钮
- 关闭位置识别:勾选后,不自动检测访客地理位置

前端展示样式
启用后,网站前端将显示一个币种切换器,允许用户在支持的币种间切换显示价格。

按钮模式示意:
每个币种以独立按钮形式出现,用户点击后立即更新页面显示的价格。
下拉选择框模式:
可在小工具中选择“Select Box”切换为下拉菜单形式。

转换内容包括:
- 商品价格与促销价格
- 购物车总计
- 结账页面价格
- 运费金额
所有金额将以对应币种符号显示,例如 $10
而不是 10 USD
。
注:实际支付金额仍然使用商店的基础币种,显示币种仅供参考。

常见问题解答
缺少货币符号怎么办?
如果某币种未包含在 WooCommerce 默认币种列表中,可手动添加符号。参见官方文档:添加自定义货币符号
想在侧边栏以外的位置显示小工具?
支持使用短代码 [woocommerce_currency_converter]
插入任意内容区域。
如果在模板文件中使用,可通过 WordPress do_shortcode
函数调用:
echo do_shortcode( '[woocommerce_currency_converter]' );
短代码参数说明
参数名 | 功能 | 默认值 |
---|---|---|
currency_codes |
设置支持币种 | USD, EUR(或默认币种) |
message |
上方提示语 | 空 |
currency_display |
显示方式(button 或 select) | button |
show_symbols |
是否显示币种符号 | 0 |
show_reset |
是否显示重置按钮 | 0 |
disable_location |
是否关闭位置识别功能 | 0 |
短代码示例:
[woocommerce_currency_converter currency_codes="AUD, USD, GBP, EUR"
message="Prefer to see prices in a different currency?"
show_symbols=1 show_reset=1 currency_display="select" disable_location=1]
该短代码会生成一个带提示信息、显示为下拉框、支持重置和符号的转换器。

故障排查
页面加载缓慢或价格未更新?
请检查服务器防火墙是否屏蔽了汇率服务。该服务使用的 IP 地址为:
185.24.96.251
运费未被转换?
插件当前仅支持使用“单选按钮”方式显示的运费。如果你的网站使用的是“下拉框”,将无法切换币种显示。
使用国旗图标替代货币代码
你可以通过添加以下 CSS 片段,在币种按钮中显示对应国家国旗:
a[data-currencycode="USD"] {
background-image: url('http://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg') !important;
background-size: 60px !important;
width: 30px;
background-repeat: no-repeat;
font-size: 0;
height: 20px;
}
提示:WooCommerce 官方不提供自定义代码的支持。如不熟悉 CSS、模板文件或插件冲突排查,建议寻求专业开发者协助。
为什么在购物车和结账页未生效?
需分别在购物车页面和结账页面插入 [woocommerce_currency_converter]
短代码,才能正常显示转换器。
默认短代码只支持 USD 与 EUR,如果需要支持更多币种,必须手动添加 currency_codes
参数。

总结
Currency Converter Widget 是 WooCommerce 商店的多币种价格显示工具,可让客户切换币种查看价格。插件支持按钮或下拉选择方式,能嵌入页面任意位置,并可接入实时汇率服务。它不影响实际付款币种,适合提供参考价格给国际用户,操作简单,功能实用。
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有,未经允许请勿转载。 相关文章暂无评论... |
---|