如何通過 5 個步驟將貨幣切換器添加到 WooCommerce 網站

已發表: 2022-08-15

想在您的網站上添加 WooCommerce 貨幣轉換器?

好吧,如果您的計劃是在海外擴展您的業務,那麼您應該添加一個貨幣切換器插件,並且您必須為此使用 WordPress 貨幣切換器插件。 因為貨幣切換器插件是將此功能添加到您的 WordPress 網站並為您的客戶提供在 WooCommerce 中更改貨幣的選項的最便捷方式。

但是你應該使用哪個插件? 以及如何使用正確的 WordPress 貨幣切換器插件輕鬆添加多種貨幣功能?

您將在這篇關於如何將貨幣切換器添加到 WooCommerce 網站的詳細教程中獲得所有此類問題的答案。 所以,事不宜遲,讓我們開始吧……

內容隱藏
什麼是 WooCommerce 貨幣切換器?
在網站中使用貨幣切換器的好處
將貨幣切換器添加到 WordPress 所需的插件
如何通過 5 個步驟將貨幣切換器添加到 WooCommerce 網站
第 1 步:啟用貨幣切換模塊和小部件
第 2 步:自定義貨幣切換器模塊的設置
第 3 步:添加多種貨幣
第 4 步:將貨幣切換器小部件拖放到您的 WooCommerce 網站
第 5 步:更新和預覽 Elementor 貨幣切換器
WordPress 貨幣切換器的最後一句話

什麼是 WooCommerce 貨幣切換器?

什麼是 WooCommerce 貨幣切換器 elementor 貨幣切換器

WooCommerce 貨幣切換器是一個電子商務網站功能,使用戶能夠檢查各種貨幣的產品價格。 最重要的是,他們還可以結賬以他們喜歡的貨幣下訂單。 客戶可以在所有 WooCommerce 頁面(例如商店頁面、購物車頁面、結帳頁面等)上切換不同的貨幣。

想向您的 WooCommerce 網站添加自定義結帳字段嗎? 查看我們的博客
如何通過 3 個步驟添加 WooCommerce 自定義結帳字段(無編碼)

在網站中使用貨幣切換器的好處

全球化使得在 WooCommerce 中添加更改貨幣的選項變得相當重要。 在您的網站上擁有貨幣轉換器的好處包括:

  • 它可以幫助您擴展業務。 因為使用貨幣切換器選項,您可以定位更廣泛的受眾。 而且您的目標受眾越大,您成功擴展業務的機會就越大。
  • 在您的網站上擁有貨幣切換器選項也將確保為您的客戶提供更好的用戶體驗。 由於用戶可以選擇以自己/首選貨幣查看價格,因此他們不必將價格轉換為其他可能令人煩惱且耗時的貨幣。
  • 此外,擁有像貨幣轉換器這樣的高級功能可以幫助您保持領先於競爭對手。 正如我之前提到的,現在是全球化的時代,擁有貨幣轉換器將幫助您的品牌擊敗競爭對手。

將貨幣切換器添加到 WordPress 所需的插件

您需要安裝一個單頁構建器和另一個 WooCommerce 貨幣切換器插件才能遵循本博客中顯示的教程。 所需的插件是:

  • 元素
  • ShopEngine(免費和專業版

以優惠 20% 的價格購買 ShopEngine Pro,請使用優惠券代碼社區20

如何通過 5 個步驟將貨幣切換器添加到 WooCommerce 網站

仔細按照每個步驟將 Elementor 貨幣切換器添加到您的 WooCommerce 網站,沒有任何麻煩。 以下是步驟:

第 1 步:啟用貨幣切換模塊和小部件

您將需要貨幣切換器模塊和小部件才能將功能齊全的貨幣切換器添加到您的 WooCommerce 網站。 在使用這些之前,您需要啟用它們。

要啟用貨幣切換器小部件,請從 WordPress 儀表板轉到ShopEngine ⇒ 小部件 ⇒ 貨幣切換器。 然後,打開“常規”部分下“貨幣切換器”小部件的切換按鈕,然後單擊“保存更改”。

通過 ShopEngine elementor 貨幣切換器打開 WooCommerce 貨幣切換器小部件

要啟用貨幣切換器小部件,請從 WordPress 儀表板轉到ShopEngine ⇒ 模塊 ⇒ 貨幣切換器,然後單擊設置圖標。 然後,啟用 Currency Switcher 模塊選項並單擊 Save Changes。

通過 ShopEngine 打開 WooCommerce 貨幣切換器模塊

另請閱讀WooCommerce 的最佳購物車插件

第 2 步:自定義貨幣切換器模塊的設置

啟用模塊後,您將獲得以下自定義選項:

  • 貨幣自動更新:打開此選項可自動更新不同的貨幣值。
  • 貨幣自動更新時間(每小時):設置您希望貨幣更新的頻率。 您必須僅以小時為單位提供數字。
  • 貨幣符號顯示下拉菜單:開啟此選項可在前端的下拉菜單中顯示貨幣列表(符號)。
  • 貨幣違約率提供商: ShopEngine 利用 2 個 API 提供商來更新貨幣匯率; Fixer API 和 Currency Freaks API。 您可以選擇這兩個中的任何一個。
  • 默認貨幣:選擇當有人首次登陸您的網站時顯示的默認貨幣。
  • Currency Freaks API 憑證:註冊任何 Currency Freaks 軟件包後,您將獲得 API 憑證,請在此處使用該值。
使用 ShopEngine 將不同的 WooCommerce 切換器添加到 elementor 貨幣切換器

另請閱讀如何從頭開始構建自定義 WooCommerce 購物車頁面

第 3 步:添加多種貨幣

要添加新貨幣,請單擊 + 添加新按鈕並提供以下信息。

  • 貨幣激活:打開/關閉貨幣激活以激活/停用貨幣。
  • 貨幣名稱:將貨幣名稱的名稱放在貨幣名稱字段中。
  • 貨幣代碼:確保使用貨幣代碼的標準代碼。 例如,美元的貨幣代碼是 USD。
  • 貨幣匯率:以匯率或美元表示貨幣匯率。
  • 貨幣符號:使用標準貨幣符號。
  • 貨幣符號位置:您可以根據要添加的貨幣將貨幣符號放置在左側、右側、左側空間或右側空間。
  • 貨幣小數:選擇您希望貨幣顯示的小數位數。
  • 禁用該貨幣的支付網關:選擇您要為該貨幣禁用的支付網關。

插入所有數據後,單擊保存更改。

woocommerce 貨幣切換器添加貨幣

注意:重複相同的過程以添加任意數量的貨幣。

另請閱讀:如何在不使用 ShopEngine 編碼的情況下自定義 WooCommerce 類別頁面

第 4 步:將貨幣切換器小部件拖放到您的 WooCommerce 網站

要添加貨幣切換器,請導航到ShopEngine ⇒ 模板 ⇒ 商店頁面模板,然後單擊使用 Elementor 編輯。

編輯商店模板以添加 wooCOMmerce 貨幣切換器

編輯器出現後,在元素搜索選項中搜索貨幣切換器,找到小部件後,將其拖放。

ShopEngine拖放貨幣切換器小部件將不同的WooCommerce切換器添加到elementor貨幣切換器

您還可以更改不同樣式的貨幣切換器小部件,例如

  • 默認文本
  • 高度(像素)
  • 排版
  • 箭頭大小 (px)
  • 正常/懸停
  • 邊界半徑
  • 填充
ShopEngine 的 Elementor 貨幣切換器樣式

有關樣式設置的更多詳細信息,請查看文檔。

注意:如果某些貨幣的任何支付網關被禁用,則該網關將不會顯示在該貨幣的結帳頁面上。

第 5 步:更新和預覽Elementor 貨幣切換器

完成樣式自定義後,單擊更新以保存。 這是您添加的 WooCommerce Elementor 貨幣切換器的預覽:

如何將 Elementor WooCommerce 貨幣切換器添加到 WordPress 的預覽

查看如何使用 ShopEngine 自定義構建您的 WooCommerce 購物車頁面

WordPress 貨幣切換器的最後一句話

我希望您已成功將 WooCommerce 貨幣切換器添加到您的 WordPress 網站。 如前所述,使用插件非常容易,當您使用像 ShopEngine 這樣靈活的 WooCommerce 構建器時,它變得更加安靜。

選擇 ShopEngine 作為您的 WooCommerce 貨幣切換器插件是一個很好的決定,因為它是一個多功能插件,與貨幣切換器一起還提供流行的電子商務功能,例如預購、延期交貨、部分付款等。此外,您可以使用從頭開始構建所有 WooCommerce 頁面這個插件。

所以,一定要試試這個了不起的屢獲殊榮的貨幣切換器插件。

注意:以優惠 20% 的價格購買 ShopEngine Pro,請使用優惠券代碼社區20

立即購買 ShopEngine 並節省 20%