[WordPress] 外掛分享: Woo Checkout Quick Scroll

WordPress 外掛 Woo Checkout Quick Scroll 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Woo Checkout Quick Scroll」是 2019-02-05 上架。
  • 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
  • 上一次更新是 2019-03-05,距離現在已有 2253 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.5 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

johnc1979 |

外掛標籤

buttons | checkout | woocommerce |

內容簡介

p>Woocommerce Checkout Quick Scroll 將在結帳頁面上放置最多 3 個按鈕,讓顧客可以快速滾動到下一個部分。商店管理員可以為每個按鈕設置文字和按鈕的顏色。在此版本中,所有按鈕的顏色將相同。預設顏色是 Woocommerce 的顏色。

為什麼需要這個外掛?

當我在手機上購物時,我討厭滾動,特別是當我不知道一個表單可能有多長時。通過在結帳頁面上有策略地放置按鈕,您可以幫助您的顧客規避一些煩人的滾動,更快地進行付款。

這些按鈕是什麼?

第一部分在帳單表單下方有 2 個按鈕。第一個按鈕會讓顧客進入運送部分,第二個按鈕會讓顧客進入付款部分。

第二部分在運送欄位下方有 1 個按鈕,它可以滾動到付款部分。

如果我不想在那裡放置按鈕怎麼辦?

很簡單。只需將欄位留空,即不會顯示任何按鈕

我可以看到這在手機上有好處,是否可以在桌面版上禁用?

當然可以。有一個選項可用於禁用桌面版中的按鈕顯示。只需選擇是,按鈕就不會在桌面上出現

它能與多步驟結帳一起使用嗎?

我沒有測試過,但我認為不能。如果您想在移動設備上使用此插件並消除煩人的多步驟結帳,我建議安裝 Plugin Organizer。使用 Plugin Organizer,您可以按頁面基礎和移動或桌面使用選擇性地加載插件。要使用此插件和 Plugin Organizer 的多步驟結帳,只需啟用選擇性移動加載,然後編輯結帳頁面。將多步驟結帳插件拖動到移動部分,它將在移動設備上禁用。

外掛還包括什麼?

額外的複選框
作為獎勵,還有一些附加部分。您可以創建一個額外的 T&C 欄位。這對於需要核取方塊確認的自製或定製產品非常理想。

缺貨通知
如果客戶的購物車中有缺貨的產品,它將顯示一個警告符號,通常位於付款按鈕附近。

結帳頁面頂部的消息
如果您需要在結帳頁面上廣告重要消息以吸引買家的注意,例如假期公告,您可以在這裡設置一條消息。此文本將以 h2 文本位於結帳頁面頂部中央。

改進的缺貨顯示
如果您有一個產品缺貨,並帶來了流量,作為買家或商店所有者,最糟糕的情況就是看到產品缺貨。這可能導致不需要的跳出率和丟失的銷售。更煩人的是,您可能還有相關的產品,購物者可能已經購買了。此部分旨在解決這個問題。

啟用後,當一個項目缺貨時,它將在產品標題下方顯示相關產品。您甚至可以設置 2 行消息以通知買家。例如。對不起,缺貨。以下產品可能會您感興趣?這可以幫助減少跳出率,我們都知道 Google 不喜歡跳出率,這是一個負面的 SEO 信號。

新功能-補貨通知
這將在個別產品編輯頁面中新增一個字段。當啟用庫存管理時,它將變得可見。在出現的字段中,您可以添加一個補貨通知,該通知將出現在缺貨通知下方。您可以將其與改進的缺貨顯示一起使用,也可以獨立使用。如果欄位留空,則不會顯示任何內容。您可以在一般 Woo Quick Scroll 設置頁面中定義文本的顏色。如果未填寫,則將其作為主題顏色的預設顏色。

此外,此外掛會在所有主題上工作嗎?

原文外掛簡介

Woocommerce Checkout Quick Scroll places up to 3 buttons on the checkout page to allow shoppers to quickly scroll to the next section. Shop admins can set the text for each button and the color of the buttons. In this version all buttons will be the same color. The default color is the Woocommerce colors.
Why would you need this?
When I’m shopping on a mobile device I hate scrolling, especially when I don’t know how long a form might be. By strategically placing buttons on the checkout page you can help your shoppers bypass some annoying scrolling and get to payment much quicker.
What are the buttons?
The first section contains 2 buttons just below the billing form. The first will take shoppers to the shipping section and the second will take shoppers to the payment section.
the second section contains 1 button below the shipping field which will scroll to the payment section.
What if I don’t want a button there?
Easy as. Simply leave the field empty and no button will display
I can see a benefit for this on mobiles, can it be disabled for desktop?
It sure can. There’s an option to disable the buttons for desktop display. Simply select yes and the buttons won’t appear on a desktop
Does it work with a multistep checkout?
I haven’t tested it, but I wouldn’t think so. If you want to use this on mobiles and get rid of the pesky multistep checkout for mobiles I recommend installing Plugin Organizer. With Plugin Organizer you can selectively load plugins on a page by page basis and for mobile or desktop use. To use a multistep checkout with this plugin and Plugin Organizer simply enable selective mobile loading then edit the checkout page. Drag the multistep checkout plugin to the mobile section and it will be disabled for mobile devices.
What else is included in the plugin?
Additional checkbox
As a bonus there are some additional sections. You can create an additional T&C field. This is ideal for handmade ot made to order products which requires a checkbox confirmation.
A backorder notice
If the customer has a product in their cart that’s on backorder it will display a notice with a warning symbol near the pay button
Top of checkout message
If you need to advertise an important message on the checkout to grab buyers attention, such as holiday notice, you can set a message here. This text will appear centered at the top of the checkout page in h2 text
Improved out of stock display
If you have a product that’s out of stock and it brings traffic, there’s nothing worse as a buyer, or shop owner, seeing the product out of stock. This could cause unwanted bounces and lost sales. Even more annoying is you may have something that is related and the shopper may have bought. This section aims to solve that.
Once enabled it will display related products below the product title when an item is out of stock. You can even set 2 lines of messages informing buyers. eg. Sorry, out of stock. Perhaps one of the following may interest you? This can help reduce bounces, which we all know Google hate and is a negative SEO signal
New feature – Restocking notice
This adds a new field to the individual product edit page. It will become visible when manage stock is enabled. In the field that appears you can add a restocking notice that will appera below the out of stock notice. You can use this either in conjunction with the improved out of stock display or by itself. If the field is left blank nothing will appear. You can define the color of the text in the general Woo Quick Scroll settings page. If left empty it will default tot he theme color.
Will this plugin work on all themes?
It should. It doesn’t really do anything fancy, but some themes might alter the way Woocommerce does things.
Cache
Most of the settings should not need a cache to be cleared for the changes to be visible on the frontend. If you do need to clear the cache on the frontend to see changes on the checkout page you are caching your checkout page and should rectify it ASAP. Only the improved out of stock display will need the have the cache cleared to see changes on the frontend. Once activated changes to stock status should purge the cache automatically resulting in the change being visible instantly.
Future releases
I plan to expand the plugin further to allow users to make additional changes to the checkout page and flow as well as cart and product pages

各版本下載點

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

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


最新版本

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

  • Google for WooCommerce 》, Google Listings & Ads可讓您輕鬆地向Google平台上的購物者展示您的產品。無論您是數位廣告的新手還是市場營銷專家,您都可以通過免費和廣告來擴大您的...。
  • WooCommerce Shipping & Tax 》WooCommerce Shipping & Tax 外掛可讓基本的電子商務功能如運送更加可靠,并減輕了您的網站基礎架構壓力。, 使用 WooCommerce Shipping & Tax 外掛,...。
  • WooCommerce PayPal Payments 》PayPal 最新、功能最完備的付款處理解決方案。除了接受 PayPal 獨有的付款方式,也可接受信用卡/借記卡和本地付款方式。開啟 PayPal 付款選項或處理完整的付...。
  • WooCommerce Legacy REST API 》總結:, - 在WooCommerce 9.0版本起,Legacy REST API將不再是WooCommerce的一部分。, - 這款外掛程式在WooCommerce 9.0及以後版本中還原了已移除的Legacy RE...。
  • WP Crontrol 》WP Crontrol 可以讓您查看和控制 WP-Cron 系統中正在發生的事件。從管理界面,您可以:, , 查看所有的 Cron 事件以及它們的參數、循環間隔時間、回撥函數以及...。
  • PDF Invoices & Packing Slips for WooCommerce 》這個 WooCommerce 外掛可以自動為您的客戶在訂單確認電子郵件中添加 PDF 發票。包括一個基本模板(額外的模板可從 WP Overnight 購買),以及修改/建立自己的...。
  • Variation Swatches for WooCommerce 》為 WooCommerce 產品屬性打造美麗的顏色、圖片和按鈕變化的樣式, 如何安裝 WooCommerce 變化樣式外掛程式升級可變產品, , 變化樣式是易於使用的 WooCommerce ...。
  • WooCommerce Cart Abandonment Recovery 》現在是時候停止購物車放棄行為,並找回您失去的收入了!, 研究顯示,約有60%至80%的使用者前往結帳頁面,但沒有完成購買。即使最佳優化的結帳流程也有20%的...。
  • Pinterest for WooCommerce 》Pinterest 提供人們下一個偉大的想法。它部分收藏品,部分市場,是數百萬個分享者獲取靈感、新產品和新可能性的一站式購物平台。它就像一個視覺搜尋引擎,引...。
  • Google Analytics for WooCommerce 》這個外掛提供了 Google Analytics 與 WooCommerce 外掛之間的整合,您可以將推薦連結與購買關聯,並將交易資訊新增到您的 Google Analytics 資料中。它還支援...。
  • User Switching 》這個外掛可讓您輕鬆在 WordPress 中點擊按鈕即可快速切換使用者帳戶。您會立即登出並切換成所需使用者。這對於測試環境、協助 WooCommerce 網站上的客戶或任...。
  • WooCommerce Checkout & Funnel Builder by CartFlows 》#1 WooCommerce 結帳 & 漏斗建置外掛 – CartFlows, ★★★★★, 相較於其他所有的 WooCommerce 結帳選項,更多 WooCommerce 商店店主都選擇了 CartFlows。為什麼呢...。
  • FiboSearch – Ajax Search for WooCommerce 》這是最受歡迎的 WooCommerce 產品搜尋外掛。它為您的用戶提供了一個設計良好的 AJAX 高級搜尋條和即時搜尋建議。, 預設情況下,WooCommerce 提供了一個非常簡...。
  • YITH WooCommerce Quick View 》有時半途而廢是最好的:如果你正在檢視產品列表,但其圖片仍然太小,需要打開該產品頁面,等待載入,最後才能觀察你感興趣的項目。, 因此,為什麼不使用一種...。
  • Custom Product Tabs for WooCommerce 》此外掛擴充了 WooCommerce 功能,允許商店擁有者針對產品添加自訂選項卡。這些選項卡顯示在每個產品頁面上,出現在預設的「描述」選項卡右側。, 個別產品選項...。

文章
Filter
Mastodon