WooCommerce 結帳頁輸入統編自動帶入公司抬頭

目錄

自己每次在線上買東西要開統編的時候,總是很懶得輸入公司名稱,我都會默默希望打完統編就會自動帶入,省去手動輸入發生錯誤的機會,剛好這陣子在串接 WooCommerce ezPay 電子發票 API,就順手把這個功能整合進去。

要透過統編查詢公司名稱需要前往商工行政資料開放平臺申請 API 的使用權限,但很久以前做過類似的功能是採用民間的 API,使用上方便許多,不用申請即可直接使用,提供這佛心服務的就是之前求職小幫手一戰成名的 Ronny 大大,他開發了許多開放資料的 API 供大眾免費使用。

他的台灣公司查詢 API 資料來源是經濟部商業司財政部營業稅籍資料,只要在請求網址的最後一個路徑帶入統一編號,就可以顯示下圖的公司資訊:

這樣就可以在 WooCommerce 結帳頁當顧客輸入統一編號時自動取得公司名稱,具體實作 JS 如下:

// 當滑鼠焦點離開統一編號欄位時觸發
$('#ezpay-taxid-number').on('focusout',function(){
	$.ajax({
		url: 'https://company.g0v.ronny.tw/api/show/' + $(this).val(),
		type: 'GET',
		dataType: "json",
		success: function(data){
			if(data.data.公司名稱){
				$('#ezpay-company-name').val(data.data.公司名稱);
			}
		}
	})
})

如果你覺得這 API 對你有幫助可以去贊助一下 Ronny 大大,看了他的收支明細主機成本每個月就要破萬元,很佩服他不掛任何廣告、無付費方案,單純無償提供這麼好用的服務,這不支持不行啊!

目錄

賴俊吾 / Oberon Lai
賴俊吾 / Oberon Lai

現為全職 WordPress 工程師,網站開發經歷 11 年,專攻前端工程與 WordPress 佈景主題、外掛客製化開發

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!

覺得文章對你有幫助再幫我鼓個掌吧!

相關文章

WooCommerce Notify 支援 Fluent Form 表單發送通知

很開心終於有客戶跟我許願新功能了,第一次加入的完整功能是讓使用 Fluent Forms 表單外掛的站長,能在表單送出後以手機簡訊...

WooCommerce 結帳頁自訂信用卡欄位

最近在接一家有站內付功能的金流商,因此需要在結帳頁整合信用卡資訊欄位,為了避免使用者輸入錯誤,會需要驗證卡號長度、到期日格式、安全...

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

專注於分享 WordPress 開發、接案技巧、專案管理等自由工作者必備知識與心得

© 2023 想點創意科技有限公司

想點創意科技有限公司 | 統一編號 90516823
Designed by Hend Design | 隱私權政策

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!