你是否有這種經驗？我們曾在電視上，看到許多報導實體店面倒的倒、虧損硬撐的新聞，這種現象在競爭這麼激烈的社會裡，近年來算是很常見了，因此為了適應市場的瞬息萬變，部份店家漸漸的轉型做電子商務
隨著時代進步，社會環境型態變化太快，筆者也不得不轉型
電子商務是什麼？
電子商務，簡稱電商，主要透過在網際網路【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 的目的，就是每個網站管理員所需要思考的事情
製作按鈕的方式與外掛不只幾種，本文當中所推舉的外掛與內建製作方式，都是筆者反覆測試實驗達到理想的效果，至於其他方式就無法一一測試與教學。筆者所寫的教學文章方針，盡量推舉最適合新手，也容易達成所需要的。如果你剛好有製作按鈕的需求，相信這篇教學應該都能夠滿足你了