[WordPress] 外掛分享: Free Shipping Bar for WooCommerce

WordPress 外掛 Free Shipping Bar for WooCommerce 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Free Shipping Bar for WooCommerce」是 2017-03-07 上架。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2025-04-25,距離現在已有 8 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 有 40 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

mrt3vn | villatheme |

外掛標籤

widget | shipping bar | promotion bar | woocommerce free shipping bar |

內容簡介

你聽過「按照金額提供 WooCommerce 免費運送」這個詞語嗎? 透過這個功能您可以在 WooCommerce 商店的前端顯示免費運送的金額。 在網站上使用免費運送通知,以吸引顧客進行購物並達到免費運送的門檻,增加商店業主的銷量。

那麼如何在您的網站上顯示金額超過一定訂單的免費運送呢? 讓我們看看我們的外掛程式如何幫助您在 WooCommerce 網站上顯示免費運輸欄。

什麼是 WooCommerce 免費運送條? 它能幫助提供按照金額提供 WooCommerce 免費運送嗎?

對於網站或網上商店,銷售額和流量的增加非常重要。 顧客通常會喜歡免費運送的方式。 WooCommerce Free Shipping Bar – WooCommerce 免費運送外掛程式可以實現以下功能:

- 顯示免費運送欄和進度條。
- 各種免費運送欄和進度條位置。
- 設計:您可以設計運送欄以符合您的主題或網站風格。
- 靈活的自定義運送欄消息。
- 效果:設定運送欄出現或在一定時間後隱藏,或關閉運送欄按鈕。

您可以按照此指南進行設置 WooCommerce 免費運送金額。 您可以通過此視頻指南學習如何使用插件。

重要通知:

- 插件基於 WooCommerce 插件。 版本為 5.0 及以上。
- 插件已在 WordPress.org 上發布,您可以免費使用插件來建造出售的主題。

功能:

- ► 顯示免費運送欄和進度條,以提供按照金額提供 WooCommerce 免費運送。
- 免費運送欄:具有各種消息以達到免費運送。 您可以選擇在頂部標題或底部顯示免費運送欄。
- 進度條:顯示客戶需要再購買量的百分比以符合免費運送資格。 這個進度條將與免費運送欄一起顯示。
- 小進度條:小進度條顯示客戶還需要購買多少才能符合免費運送資格。 小型進度條可以顯示在菜單條、側邊欄購物車、購物車頁面和結帳頁面上。
- ► 各種免費運送欄和進度條位置以顯示 WooCommerce 免費運送金額。
- 運送欄位置:您可以選擇顯示運送欄的 2 個位置:在頂部標題或底部。
- 進度條位置:與運送欄相比,進度條有 2 個主要位置:內部或下方。
- ► 設計:您可以設計以顯示按照金額提供 WooCommerce 免費運送以符合您的主題或網站風格。
- 運送欄:您可以設置自己的免費運送欄外觀。
- 靈活的自定義訊息。

原文外掛簡介

Have you heard of the phrase “WooCommerce free shipping over amount”? This term refers to a feature that can display the amount of free shipping left on the front end of a WooCommerce store. Use free shipping notifications on your website to attract customers’ purchases to gain free shipping, increase sales of shop owners.
So how did you do to display the free shipping for orders over a certain amount on your website? Let’s take a look at our plugin to see how it can assist you in displaying a free shipping bar on your WooCommerce website.
What is the WooCommerce Free Shipping Bar? Can it help to offer WooCommerce free shipping over amount?
The increase in sales and traffic to the website is very important for a website or an online store. Customers making a purchase usually enjoy the free shipping method. Woocommerce Free Shipping Bar – WooCommerce Free shipping plugin allows:

Display Free shipping bar and progress bar

Variety of Free shipping bar and progress bar positions

Design: You can design the shipping bar in order to match your theme or site’s style.

Flexible custom messages on the shipping bar.

Effect: Settings to let the shipping bar appear or hide after a certain time, or close the shipping bar button.

Try the Demo | Documents | Pro Version | Facebook group

Preview WooCommerce Free Shipping

You can learn how to use the plugin by this video guide:

Important Notice:

Plugin works based on WooCommerce plugin.

The plugin is released on WordPress.org and you can use plugin as free to build themes for sale.

FEATURES
► Display Free shipping bar and progress bar to offer WooCommerce free shipping over amount

Free shipping bar: Free shipping bar with various messages to reach to free shipping. You can select to display
the free shipping bar on the top header or bottom.

Progress bar: There is a progress bar that shows how much more by percentage a customer should purchase to qualify
for free shipping. This progress bar will display along with the free shipping bar

Small progress bar: A small progress bar indicates how much more a customer should purchase to qualify for free
shipping. A small progress bar can display on the menu cart, sidebar cart, cart page, and checkout page.

► Variety of Free shipping bar and progress bar positions to display WooCommerce free shipping over amount

Shipping bar positions: There are 2 positions that you can select to show the shipping bar: on the top header or
at the bottom

Progress bar positions: There are 2 main positions of the progress bar in comparison with the shipping bar: inside
or under.

► Design: You can design to display WooCommerce Free Shipping over amount in order to match your theme or site’s style.

Shipping bar: You can set the background color, text color, link color, font family, font size, text-align of the
shipping bar.

Progress bar: You can set the background color, text color, font size, bar effect (Plain, loading, border) of the
progress bar.

Custom CSS: Design shipping bar and progress bar as you want.

► Other outstanding features

Announce system: Content is shown in the main progress bar when users access the website. Use the available shortcode to add in this form. For example, we are having a Free Shipping system for customers when you buy greater than or equal to {min_amount}

Message after purchasing: Content notification is shown in the main progress bar when the user adds a product to the cart. Use some available shortcodes to add in this form.Example: You have purchased {total_amounts} of {min_amount} Free Shipping system.

Message if reach to free shipping: Content notification is shown in main progress bar when users total amount greater than or equal with a minimum order amount of Free Shipping zone and then users can directly go to checkout page with available shortcodes. For example Congratulation! You have achieved enough to be able to get free shipping. Go to {checkout_page}

Message if not reach to free shipping: Content is shown in main progress bar of checkout page when users missing amounts to receive Free Shipping. This total missing can be added with the available shortcodes. Example: You are missing {missing_amount} achieved enough to be able to get Free Shipping. Continue {shopping}

► Flexible custom messages on shipping bar to offer WooCommerce free shipping over amount

Free shipping zone: Select a shipping zone from WooCommerce that allows free shipping to display the progress.

Shortcodes: 6 shortcodes are available for you to customize your free shipping bar front-end message

{min_amount} – Minimum order amount Free Shipping
{total_amounts} – The total amount of your purchases
{cart_amount} – Total current cart amount
{missing_amount} – The outstanding amount of free shipping
{checkout_page} – Link to checkout page
{shopping} – Link to the shop page

Works on mobile!: The bar will be displayed normally on mobile devices. Almost purchase has now come from mobile devices so working on responsive devices is now a very important feature for all plugins.

Initial delay: The delay time to display the bar after page loaded.

You can design to display WooCommerce Free Shipping over amount in order to match your theme or site’s style.: Design your free shipping bar with 3 font-end styles, 2 positions (top and bottom), Background Color, Text Color, Link Color, Font-Size, Text Align, Enable/Disable free shipping progress,

Giftbox: Enable or disable the free shipping gift box on the corner of the screen. If this option is disabled, the bar will automatically appear and disappear

Easy to use: The plugin does have a nice design and friendly user interface.

PRO VERSION

All features from free version.

6 months premium support from VillaTheme: We will help you if you have any problem with the plugin Free Shipping Bar for WooCommerce.

Detect country and select shipping zone: Free shipping bar will automatically detect customer’s location base on
their IP address. Then automatically select shipping zone. Example**: You have a store located in America. You provide
free shipping for order above 100 USD with customers from US. But if a customers from Canada, his order will need to be above 200USD to claim free shipping. That is when this option works for you, it will automatically select shipping zone (US or Canada) to display free shipping progress.

Enable/Disable the bar on mobile devices.

Small progress bar: A small progress bar indicates how much more a customer should purchase to qualify for free shipping. A small progress bar can display on the menu cart, sidebar cart, cart page, and checkout page.

Design: More design options with the pro version Font-Family, Progress Background Color, Current Progress Background Color, Progress Text Color, Font-Size Progress Bar, Progress Bar Effect.

Gift icon: The icon to call out the WooCommerce Free Shipping over amount bar when it is hidden.

Custom CSS: Unlimited your free shipping bar with the Custom CSS option.

Initial delay: Select a delay time for the bar to appear after site fully loaded. The bar will make no effect on your site loading time.

Close message: Allow customers to close the bar.

Time to disappear: Select a time for the bar to automatically disappear. Customer can make it reappear by click on the free delivery icon.

Conditional tags: Select which page where the bar should appear. Normally, you will want the bar to appear on WooCommerce pages only. This option will help you to configure where the bar appear by using WordPress conditional tags.

Assign pages: Choose to hide the bar on common page like Homepage, Blog page, Cart page, Checkout page…

GET PRO VERSION https://codecanyon.net/item/woo-free-shipping-bar/19536343

MAY BE YOU NEED
9MAIL – WordPress Email Templates Designer
9Map – Map Multi Locations
Abandoned Cart Recovery for WooCommerce
Advanced Product Information for WooCommerce
AFFI – Affiliate Marketing for WooCommerce
ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce
Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon
Bopo – WooCommerce Product Bundle Builder
Bulky – Bulk Edit Products for WooCommerce
Cart All In One For WooCommerce
Catna – Woo Name Your Price and Offers
Checkout Upsell Funnel for WooCommerce
ChinaDS – Tmall-Taobao Dropshipping for WooCommerce
Clear Autoptimize Cache Automatically
COMPE – WooCommerce Compare Products
Coreem – Coupon Reminder for WooCommerce
Coupon Box for WooCommerce
CURCY – Multi Currency for WooCommerce – The best free currency exchange plugin – Run smoothly on WooCommerce 9.x
Customer Coupons for WooCommerce
DEPART – Deposit and Part payment for Woo
Email Template Customizer for WooCommerce
EPOI – WP Points and Rewards
EPOW – Custom Product Options for WooCommerce
EU Cookies Bar for WordPress
EXMAGE – WordPress Image Links
Faview – Virtual Reviews for WooCommerce
FEWC – Extra Checkout Fields For WooCommerce
GIFT4U – Gift Cards All in One for Woo
HANDMADE – Dropshipping for Etsy and WooCommerce
HAPPY – Helpdesk Support Ticket System
Jagif – WooCommerce Free Gift
LookBook for WooCommerce – Shoppable with Product Tags
Lucky Wheel for WooCommerce – Spin a Sale
Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells
Orders Tracking for WooCommerce
Photo Reviews for WooCommerce
Pofily – WooCommerce Product Filters
Product Builder for WooCommerce – Custom PC Builder
Product Pre-Orders for WooCommerce
Product Size Chart For WooCommerce
Product Variations Swatches for WooCommerce
REDIS – WooCommerce Dynamic Pricing and Discounts
REES – Real Estate for Woo
S2W – Import Shopify to WooCommerce
Sales Countdown Timer
SUBRE – Product Subscription for WooCommerce – Recurring Payments
Suggestion Engine for WooCommerce
Thank You Page Customizer for WooCommerce – Increase Your Sales
TMDS – Dropshipping for TEMU and Woo
VARGAL – Additional Variation Gallery for Woo
W2S – Migrate WooCommerce to Shopify
WebPOS – Point of Sale for WooCommerce
WordPress Lucky Wheel – Spin a Sale
WPBulky – WordPress Bulk Edit Post Types
3rd party services

Using Google Fonts to Enhance Typography
► Google Fonts
► Google Fonts Terms of Services

Documentation

Getting Started

Plugin Links

Project Page
Documentation
Report Bugs/Issues

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Free Shipping Bar for WooCommerce」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


最新版本

延伸相關外掛(你可能也想知道)

  • Widgets for Google Reviews 》onal version of our review software, you can:, , , Display unlimited Google Reviews, Customize widget design and behavior, Respond to reviews direc...。
  • Blocksy Companion 》Blocksy Companion 是一個外掛,將 Blocksy 主題轉化為強大的瑞士軍刀工具。, 只有在安裝並啟用 Blocksy 主題時,它才會運行並添加增強功能。, 最小需求, , W...。
  • Black Studio TinyMCE Widget 》此外掛添加了一個新的 Visual Editor 小工具類型,讓您能夠在側邊欄中輕鬆地插入豐富的文字和媒體對象。使用 Black Studio TinyMCE Widget 時,您將能夠使用W...。
  • Widget Importer & Exporter 》Widget Importer & Exporter 是一個有用的外掛,可將小工具從一個WordPress站點移動到另一個站點,備份小工具,並供主題開發人員為用戶提供範例小工具。...。
  • Orbit Fox by ThemeIsle 》透過Orbit Fox,您可以使用各種模組擴充您的主題功能,例如社交媒體分享按鈕和圖示、自訂選單圖示、頁首和頁尾腳本、一鍵導入頁面模板、頁面建構器附加元件和...。
  • Recent Posts Widget With Thumbnails 》列出最新的文章標題、縮略圖、摘要、作者、類別、日期等等!, 雖然此外掛僅建立在小工具區域,但使用者報告說它在 Elementor 和 Oxygen 上運作順暢。但它是否...。
  • WordPress Popular Posts 》WordPress Popular Posts 是一個高度可定製的小工具,可以顯示您最受歡迎的文章。, 主要特點, , 多小工具功能 – 您可以在您的博客上擁有多個 WordPress...。
  • Widget Logic 》此外掛可在每個小工具中新增一個名為 "Widget logic" 的額外控制欄,讓您控制這個小工具會出現在哪些頁面上。文字欄位允許您使用 WP 的Conditional Tags或任...。
  • Social Media Share Buttons & Social Sharing Icons 》在你的免費測試網站上試試看:點擊此處 => https://tastewp.com/plugins/ultimate-social-media-icons, (這個技巧適用於所有外掛 – 只需在外掛的 WP 存儲庫 ...。
  • Fixed Widget and Sticky Elements for WordPress 》使用 Fixed Widget 外掛可以創建黏貼式的小部件、區塊和其他元素,當用戶向上或向下滾動頁面時,它們會保持在可見的屏幕區域內。, 相較於非固定小工具,黏貼...。
  • PHP Code Widget 》普通的文字小工具允許您插入任意文字和/或 HTML 代碼。這個外掛程式也允許這樣做,但還會解析文本小工具中的任何 PHP 代碼並執行它。, 這可以讓您更輕鬆地遷...。
  • Image Widget 》Image Widget 是一個簡單的外掛程式,利用 WordPress 原生媒體管理員,為您的網站新增圖片小工具。, 需要新增幻燈片、燈箱或隨機圖像嗎?, 請查看 Image Widg...。
  • Custom Sidebars – Dynamic Sidebar Classic Widget Area Manager 》使用 Custom Sidebars,一個靈活的小工具管理器,在您的網站上管理和替換側邊欄和其他小工具區。, 製作自訂側邊欄配置,能夠選擇在您網站的每個頁面或文章上...。
  • Recent Posts Widget Extended 》外掛描述, 此外掛可以啟用自定義、靈活且進階的最新文章功能,您可以透過簡碼或小工具來顯示它。您可以顯示具有縮略圖、摘要和發佈日期的最新文章清單,並且...。
  • Widget Shortcode 》這個短碼需要小工具的ID,但不需要猜測,外掛會為你生成代碼。如果你想要覆蓋小工具的標題,你可以使用 "title" 參數:, [widget id=”text-1″...。

文章
Filter
Mastodon