越來越多的人在網上做生意。網站是展示你的產品或品牌的較好方法之一。不過，使訪問者能夠輕鬆地通過聯絡我們頁面與你建立聯繫，對於獲得良好的客戶轉化很重要。聯絡我們網頁設計必須注意聯絡表單設計。網頁表單是訪問者與你建立聯繫的較好方式。
在進行“聯絡我們”網頁介面設計之前，使用原型工具進行表單製作，從而測試你的表單設計是網頁設計過程中必不可少的部分。
但是，如何設計一個美觀的“聯絡我們”頁面，並使網站訪問者可以更輕鬆地與你聯繫呢？在這裡，我為你提供了幾個來自Strikingly的參考範例，助你在2021年架設好自己的聯絡我們介面。
目錄：
- 為什麼要重視聯絡我們的介面設計
- 留言表單
- 聯繫方式
- 自訂表單
- 本文小結
- 為什麼要重視聯絡我們的介面設計
為什麼你的聯絡我們頁面如此重要？
從本質上講，你的聯絡我們頁面是一個簡單的網頁，其中包含潛在客戶捕獲表單，專門為客戶獲取而設計。你很可能已經在你的網站上擁有此表單的非常簡化的版本，看起來可能是這樣的：客戶收據表格：收據表格
這些聯絡表單在自由職業者和代理商網站上非常普遍，但大多數情況下是出於事後考慮而添加的，因此並未過多考慮其目的，或增添影響。儘管網頁表單確實為你的潛在客戶提供了與你聯繫的機會，但它們通常沒有足夠的說服力說服你的訪客去填寫。即使有人確實填寫了你的基本表格，你也常常會得到類似模糊的答覆，因此，你需要做好客戶表單設計才行。
你將相同的時間分配給通過你網站訪問的每個潛在客戶都是沒有意義的。在完全了解項目範圍並確定你的前景是否適合你的業務之前，做出上述回應可能需要數小時甚至數天的來回溝通。
與其無意義的進行溝通，不如建立一種聯絡我們版塊，該表單的設計旨在從你的潛在客戶中提取相關的聯絡資訊。通過這種主動的資訊收集，你可以在浪費時間編寫企劃書或參加介紹性會議之前，就與他們的合作做出明智的決定。擁有這樣一個既定的流程，對於某些人來說似乎有些矯枉過正，但是如果你在可以通過自己的聯絡我們網站獲得大量潛在客戶的代理機構工作，這可能會特別有利。
來源：Strikingly用戶範例
- 留言表單
- 簡單的白色聯絡表單
- 響應式的表單製作設計
- 支援後台查詢客群聯絡資訊
- 適應網頁側邊欄和導航
- 經典“聯絡我們”網頁介面設計
“留言表單”是適用於你的響應網站的聯絡表單設計。它具有出色的佈局和響應能力，並且在所有設備上都可以自適應，不需要重新進行表單製作。
來源：Strikingly用戶範例
例如這個使用Strikingly架設的星凱娛樂的聯絡表單，這個網站的“留言表單”憑藉其簡單的白色介面，可以收集客戶提供的姓名，email，聯繫電話，訊息和其他聯絡資訊。這是你網站的典型飛移動響應聯繫表。
- 聯繫方式
聯繫方式版塊也是一種較好的表單設計，它允許你植入自己打的社群帳號，直接從網路上吸引客群，與社群媒體結合起來進行行銷。Strikingly的聯繫方式版塊有以下幾個優點：
- 包括n個相關社群媒體圖示
- 與行動裝置相容
- 顯示導航欄
- 大號的“號召性用語”按鈕
- 很好地使用配色
- 簡單實用的設計
- 簡短而優美的形式
來源：Strikingly用戶範例
Strikingly台灣用戶小草野生的“聯絡我們”網頁介面設計是一個移動友好，簡單實用的“聯絡我們”頁面示例。它包括有用的導航、簡短的聯繫表和大號的CTA按鈕。你甚至可以在小尺寸螢幕上輕鬆單擊按鈕。
為什麼這麼多Strikingly用戶選擇使用自訂表單來進行“聯絡我們”網頁介面設計呢？自訂表單是Strikingly最近推出的一項高度客製化的功能，可以通過收集聯絡資訊進行表單設計。自訂表單有以下幾個功能：
- 簡潔、令人愉快的聯絡表單設計
- 佈局清晰易用
- 高度客製化，提供多種選擇欄位
- 其中包含聯繫方式
- 反應非常靈敏
如果對內容有疑問，可以透過 support@strikingly.com 與我們聯絡。
這個來自日本的Strikingly用戶架設的“聯絡我們”網頁介面設計是一個組織良好的頁面，其中包含聯絡資訊，包括email，並使其清晰明了，以便訪客了解訊息。聯絡表單非常詳細，並提供了與企業“聯絡我們”頁面的所有必要訊息。
此外，自助架站的價格也十分低廉。Strikingly也為廣大客群提供了大禮包。點擊這裡註冊後，可以享受免費版本架站的服務；你也可以點擊這裡註冊，免費試用14天進階版功能。
如果對內容有疑問，可以透過 support@strikingly.com 與我們聯絡。
