vip-loan.com – wordpress 一頁網站
貸款網站 vip-loan.com
替業主建置的一個一頁式網站，主要分為Header、Banner、表單、服務優勢、Footer，這五個區塊。簡單簡潔的頁面佈局，運用 wordpress 以及先前有的 banner 圖片素材，建置線上表單和服務優勢的icon，發想服務優勢的大標。
wordpress + elementor 頁面建構，主題採用 Astra 以及 Astra Pro 外掛，加強主題功能性，還有右側的 mystickyelements 外掛，將兩個常駐選項放在右側 : 電話以及 Line。另外還運用 Facebook Messenger 做為線上客服使用，表單部份添加 google 的 reCAPTCHA v3 ( 顯現在網站的左下角，因為右下角會有 Facebook Messenger 和 go to Top 的圖示，避免相互遮擋，就放在左下角的位置 )。
Header : Header Top 左邊放上公司服務標語，強調專業與用心的服務，右邊放上 line 的 id，提供加入 line 好友，享有免費諮詢的服務。主要的 Header 則是放上 logo 和社群的 icon 連結。
Banner : 業主原有的banner圖片素材，新建的這一個網站再做運用，三張圖片輪播，使用 elementor 頁面建構的元素。
表單 : 使用 elementor 頁面建構的表單元素，設定各欄位資料和下拉選單的資料內容，添加 google 的 reCAPTCHA v3，避免被有心人士使用機器人亂填濫用表單，保護網站免受詐欺和濫用，相關的功能運用可以參考 google reCAPTCHA 網站 ( reCAPTCHA 使用先進的風險分析引擎和自適應來防止惡意軟體在網站上進行濫用活動。同時，合法的使用者或瀏覽者能夠登入、購買商品、查看頁面或建立帳戶，而虛假用戶或惡意人士將被封鎖。 )
服務優勢 : 超低利率 好貼心、快速審核 沒問題、極速入帳 免等貸、還款靈活 好輕鬆，為業主發想這四個服務優勢，加上運用付費圖庫的素材製作 icon。
Footer : 三個橫向欄位，網站 logo，連絡資料以及電話和 line的連結，下方為社群的icon連結和copyright，簡單的編排配置，乾淨整齊，運用藍色色系做為底色，藍色有顯現專業的感覺。
另外說到 Facebook Messenger 做為線上客服使用，使用在 wordpress 來說可以有兩個方式將其功能置入網站之中，一個是利用外掛，一個是利用粉專的管理控制台中取得相關的設定和程式碼後，置入在網站該放置的位置，之後就可以在前台看到 Facebook Messenger。設繪學會建議採用粉專的管理控制台中取得相關的設定和程式碼後，置入在網站該放置的位置的方式，因為這樣會少安裝一個外掛，對網站來說是有利無弊。而關於在wordpress 網站運用 Facebook Messenger 做為線上客服使用的介紹會再另開一篇文章跟學友們大家分享，敬請期待！
右側的 mystickyelements 外掛，在這裡做個簡單的介紹，外掛有免費版和付費版，如果所需要的常駐選項不多，可以使用免費版就可以，免費版提供兩個項目，付費版就不限。且外掛也支援響應，可以隨著瀏覽裝置的不同來做設定，如果是使用手機瀏覽，常駐選項會置於下方， 如下圖 mockup 所示。
最後，有任何 wordpress 網站建置的需求，都可以隨時與我們設繪學連絡，我們提供免費的基本諮詢。如果已經有網站架構和初步的想法，也可以配合先建置出一個Demo網站讓業主先行了解與參考，激發更多一些想法來做討論，期待為每一位有網站建置需求的業主服務。
同場加映 : 更多網站建置 & 經營 / SEO