內容簡介
總結：HappyCoders Multiple Addresses for WooCommerce是一個WordPress外掛，可在WooCommerce "My Account"區域和結帳流程中提供強大的地址簿功能，讓用戶保存多個帳單和送貨地址，輕鬆選擇並管理。此外，外掛還支持兩種結帳類型：經典WooCommerce結帳和基於區塊的結帳體驗。
問題與答案：
1. 該WordPress外掛的功能是什麼？
- 答：HappyCoders Multiple Addresses for WooCommerce主要功能是在WooCommerce的"My Account"區域和結帳流程中提供地址簿功能，允許用戶保存多個帳單和送貨地址，給這些地址取暱稱方便識別，設置默認地址，並可以隨時編輯或刪除。
2. 如何在結帳時使用已保存的地址？
- 答：在結帳過程中，用戶可以透過下拉框或列表格式快速選擇已保存的地址，由管理員可配置，以簡化結帳流程且降低錯誤發生率。
3. 該外掛支持哪些特色？
- 答：包含多地址簿、保存多個地址、地址暱稱、設置默認地址、輕鬆編輯/刪除、結帳選擇、管理員選擇下拉式或單選列表顯示、允許/禁用在結帳時輸入新地址、設置帳單/送貨地址限制、新增地址自動設為默認、經典&區塊結帳整合等功能。
4. 如何進行外掛開發？
- 答：該外掛使用現代JavaScript工具進行開發，開發者可以參考源碼進行修改，需要Node.js和npm環境。 若要進行開發，需在終端機進入外掛目錄，安裝相關依賴、編譯檔案並觀察變化自動重新編譯。
外掛標籤
開發者團隊
② 後台搜尋「Happy Coders Multi Address for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Tired of customers having to re-type addresses for different shipping locations or billing details? HappyCoders Multiple Addresses for WooCommerce enhances the WooCommerce “My Account” area and Checkout process by providing a robust address book feature.
Logged-in customers can save multiple billing and shipping addresses, give them nicknames for easy recognition (like “Home”, “Work”, “Parents’ House”), set defaults, and edit or delete addresses as needed.
During checkout, customers can quickly select from their saved addresses using a dropdown or list format (configurable by the admin), streamlining the process and reducing errors. This plugin integrates with both the Classic WooCommerce Checkout (using the [woocommerce_checkout] shortcode) and the modern Block-Based Checkout experience.
Key Features:
Multi Address Book: A dedicated section in the “My Account” page.
Automatic Import: Seamlessly imports a customer’s existing default WooCommerce address into the address book on their first visit.
Automatic Saving of New Checkout Addresses: Any new, unique address a customer enters during checkout is automatically saved to their address book and set as the new default for future use.
Save Multiple Addresses: Customers can save distinct billing and shipping addresses.
Address Nicknames & Types: Easily label and identify saved addresses with custom nicknames and predefined types (Home, Work, Other).
Set Default Addresses: Designate default billing and shipping addresses.
Easy Editing/Deletion: Customers can manage their saved addresses.
Checkout Selection: Choose saved addresses directly on the checkout page.
Admin option for Dropdown or Radio List display.
Admin option to allow/disallow entering a brand new address at checkout.
Address Limits: Admin can set maximum number of billing/shipping addresses per user.
Customizable Menu Text: Admin can change the “Multi Address Book” menu item text.
Auto-Default New Address: Newly added addresses automatically become the default.
Classic & Block Checkout Integration: Works with both checkout types.
Classic: Uses standard WooCommerce hooks.
Block: Uses modern JavaScript integration with the WooCommerce Blocks API (registerCheckoutBlock).
Multisite Compatible: Includes support for Multisite installations, ensuring endpoints and functionality work correctly across the network.
My Account Address Display Style: Admin can choose to display saved addresses in the “My Account” page as a carousel or a list.
Building from Source
This plugin uses modern JavaScript tools for development. The source code is included for transparency and to allow developers to contribute or modify the code. You do not need to follow these steps to use the plugin; the pre-built files are included.
If you wish to modify the JavaScript or CSS source files (/src directory), you will need to have Node.js and npm installed on your machine.
Navigate to the Plugin Directory:
Open your terminal and navigate to the plugin’s root directory:
cd path/to/wp-content/plugins/happycoders-multiple-addresses/
Install Dependencies:
Run the following command to install the necessary development packages listed in package.json:
npm install
Build for Production:
To compile and minify the source files for a production environment, run:
npm run build
This will generate the final JavaScript and CSS files in the /build directory.
Run in Development Mode:
For active development, use this command to watch for changes in the /src directory and automatically re-compile the files:
npm run start
The source files for the block integration can be found in the /src directory.
