你是否有這種經驗？我們曾在電視上，看到許多報導實體店面倒的倒、虧損硬撐的新聞，這種現象在競爭這麼激烈的社會裡，近年來算是很常見了，因此為了適應市場的瞬息萬變，部份店家漸漸的轉型做電子商務

隨著時代進步，社會環境型態變化太快，筆者也不得不轉型

電子商務是什麼？

電子商務，簡稱電商，主要透過在網際網路【Internet】、內部網路【Intranet】和增值網【VAN，Value Added Network】以電子交易方式進行交易活動和相關服務活動，可想像將傳統商業活動的各個環節加以電子化、網路化

電子商務應用在全球各地廣泛的商業貿易活動中，藉由網際網路開放的環境下，買賣雙方不謀面地進行各種商貿活動，進而滿足消費者與商戶之間的網上交易，是一種新型的商業運營模式。可參考維基百科

行動呼籲是什麼？

行動呼籲，英文叫【Call-to-Action】，是一種廣告和銷售中廣泛使用的營銷術語，主要目的是在促使消費者，立即響應或鼓勵立即銷售的動作。因為現今社會的人沒有耐心，加上資訊太普遍，為了讓訪客可以快速的找到你想要他去的頁面，這時候就是發揮行動呼籲的功用了

作為一個網路零售商，如果你的網站內容豐富，會讓讀者留下深刻的印象之外，必須告知來訪的客戶下一步該做什麼，然後轉換到你想要他去的地方，最後將訪客轉換成為自己的顧客！沒有明確的 Call To Action，即使消費者有再多的購物慾望，你也很難將這些人潮帶來有效的轉換率，所以明確的 Call To Action 是多麼重要

那麼如何在文章中，加入明確的 Call To Action 呢？答案就是按鈕

WordPress 製作按鈕有許多種，經過筆者反覆測試後，推薦兩種製作按鈕的方法，其中一種就是利用 MaxButtons 外掛。在本文當中，就讓筆者來一一介紹，以及分析優缺點，接下來讓我們繼續看下去…

MaxButtons 安裝與介紹

Step1.MaxButtons 安裝

Step2.MaxButtons 介紹

• Buttons：設計製作按鈕，客製化按鈕文字、顏色，以及連結網址與代碼
• Share Buttons：許多社群分享的按鈕，包含 Facebook、Twitter、Instagram
• Upgrade to Pro：購買 MaxButtons 外掛升級版，取得更多功能
• Settings：一般設定與清除按鈕快取，原則上這個部份不須更動修改
• Support：詳細介紹使用外掛的各種資訊

Step3.MaxButtons 預覽畫面

無論怎麼調整客製化 MaxButtons，右邊都會有即時預覽畫面可供參考

MaxButtons 操作方式

Step1.選擇 Buttons

Step2.客製化按鈕 Basic

• Button Name：按鈕名稱，當製作完成客製化按鈕時，所要貼上的代碼名稱
• URL：可直接輸入連結的網址，也可點擊 Select Site Content 選擇內部連結
• Open in New Windows：勾選開啟新分頁
• Text：按鈕文字，編輯時也會即時顯示在右側預覽畫面
• Text Color：沒滑鼠靠近時的文字顏色
• Text Color Hover：有滑鼠靠近的文字顏色
• Button Width：按鈕寬度
• Button Height：按鈕高度

Step3.客製化按鈕 Border

• Style：邊框種類樣式
• Width：調整邊框寬度
• Border Color：滑鼠靠近前與靠近後的邊框設計
• Shadow Blur：邊框陰影調整

Step4.客製化按鈕 Background

• Use Gradients：是否開啟陰影特效
• Background color：滑鼠靠近前陰影
• Background color：滑鼠靠近後陰影

Step5.按鈕存檔

MaxButtons 嵌入方式

Step1.嵌入代碼

嵌入代碼與表格、表單的方式一樣，選擇複製其中一個代碼即可

☞ 延伸閱讀：輕鬆打造客製化的聯絡表單

Step2.貼上代碼

在任何文章裡，貼上想要的代碼位置即可

Step3.前台顯示效果

內建按鈕的操作

Step1.點擊新增按鈕

Step2.輸入按鈕文字與網址

Step3.按鈕文字與網址完成

Step4.調整按鈕樣式與文字背景顏色

按鈕樣式

文字背景顏色

Step5.前台顯示效果

內建按鈕分頁問題

如果你使用的是內建古騰堡製作按鈕的方式，眼尖的朋友不難發現，點擊按鈕無法開啟新分頁，必須手動利用滑鼠右鍵才能開啟，這樣會降低閱讀體驗，容易提高網站文章的跳出率，針對這個問題，可利用簡單的 HTML 語法改善

Step1.輸入 HTML 語法 target=”_blank”

在按鈕網址後面輸入 HTML 語法 target=”_blank”

Step2.正常出現錯誤訊息

如果出現這個區塊包含未預期或無效的內容，不用管它，直接存檔發表文章

Step3.影片示範

Step4.分頁語法的不同

筆者在測試 HTML 語法時，有爬文找到國外的相關資訊，說明語法可簡單輸入 target=”blank” 不需在 blank 前面加上底線，不過筆者還是建議，輸入完整語法 target=”_blank” 會比較好

_blank：開啟連結在新視窗或者新分頁

☞ 參考網站：w3schools.com

MaxButtons 與內建按鈕的優缺點

	MaxButtons	內建按鈕
優點	1.功能強大 2.效果較好 3.製作簡單	1.不需外掛 2.製作簡單
缺點	1.需要安裝外掛	1.需要懂點語法 2.按鈕效果陽春

結論

一個好的電商網站，為了將潛在客戶轉換成自己的客戶，就必須要有明確的 CTA，因此如何做出明確又效果好的按鈕，來達到 CTA 的目的，就是每個網站管理員所需要思考的事情

製作按鈕的方式與外掛不只幾種，本文當中所推舉的外掛與內建製作方式，都是筆者反覆測試實驗達到理想的效果，至於其他方式就無法一一測試與教學。筆者所寫的教學文章方針，盡量推舉最適合新手，也容易達成所需要的。如果你剛好有製作按鈕的需求，相信這篇教學應該都能夠滿足你了