前言

如果你提供給客戶的聯絡方式很少，可以考慮不製作這一頁「聯絡我們」，而改以用「浮動按鈕-客服對話」來替代處理，

或你是製作一頁式網頁時也可以用此「浮動按鈕-客服對話」方式來製作聯絡方式。

當然可以同時製作「聯絡我們」與「浮動按鈕-客服對話」，兩者一起呈現效果更佳。

如果「聯絡表單」的設定太繁雜，就不要放”聯絡表單”，直接放其它LINE、Email、粉專私訊的方式即可。

實作模仿對象 :

• https://ex-interior-design.smallway.com.tw/contact2/

說明

▍使用元素工具 :

分隔線、標題、內文編輯器、圖片、圖示列表、google地圖。

新手練習以模仿為主，此頁中的文字資訊視需求增減。

▍設計提示:

• 容器: 切版起手式，外層全寬100%，內層80%，以做出左右留白。
• 內層容器 : 上，置入 分隔線、標題 。
• 內層容器 : 下，切一左一右之容器，再置入 圖片、圖示列表、google地圖。

 

▍會用到的特殊網址 :

LINE加好友網址，只要有ID就可以了，例 :

• 官方帳號：@smallway → https://line.me/ti/p/~@smallway#~
• 個人帳號：qtsgservice → https://line.me/ti/p/~ qtsgservice#~

google地圖外開連結 :

• http://maps.google.com/maps?q=台中市西區民生路140號

手機點擊電話可自動撥出:

• 連結前面放「tel:」→ tel:04223366、tel:0928666006

點擊Email可自動開啟本機寄信軟體

• 連結前面放「mailto:」→ mailto:[email protected]

補充:

表單寄信功能

表單想要正常可以把填寫完的內容發送出去，需要一個網域信箱(或稱企業信箱)來搭配，須先建立觀念後再來創立網域信箱，請參考這一篇的引導《為何我的網站無法正常寄出各式通知信？例:表單、忘記密碼、文章留言等等的通知信》。

如果新手對”表單”不熟，或是表單要加入網域信箱來寄信的設定不熟，建議您先不要加入表單功能，此聯絡我們的頁面就放入常用的聯絡方式即可, 參考下圖 :

 

如果需要學習「表單」的話 ，請自行參考以下影片:

▼表單之設定(37:23)