Weebly 架站教學網站
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具 >
      • 影音編輯軟體 - 威力導演
    • 多媒體素材
    • 網站/網頁工具
  • 關於我們
  • 公益/環保

Weebly 使用教學

表單元件 - 聯絡、留言、回覆、調查

1/3/2021

0 評論

 
在網站/網頁中建立與訪客互動的管道是很重要的. 除了可以增加訪客對於網站的黏著度及信任度之外, 相對的, 也會帶出網站的流量. 更重要的, 可以透過這些互動, 更明確地掌握網站訪客的族群、喜好及需求. 藉此, 調整或加強網站的內容.
​
圖片
​Weebly 提供多種表單元件, 例如:
  • 聯絡表單
  • 電子報表單
  • 回覆表單
  • 調查表單
這些都是Weebly 內建元件, 非常實用, 設定簡單, 格式美觀. 
或者, 也可以參考第三方應用程式 (Weebly App Center), 
也就是一般所說的外掛程式. 


在這篇文章中, 我們先介紹聯絡表單. 
Weebly 所提供的內建聯絡表單, 不只提供 "訊息+ 聯絡方式", 還能設計 "選項" 功能. 可以應用的範圍很廣. 相當實用.


功能: 

在頁面放置聯絡表單後, 訪客可以在表單留言, 依據表單設定的項目, 留下相關資訊, 而站主可以透過 Weebly 的設定, 即時收到這些訊息.
​​​

加入表單元件

[步驟一] : 將聯絡表單元件拖拉至頁面
圖片

[步驟二] 點擊頁面中的聯絡表單時, 左方會出現聯絡表單專屬的所有元件
頁面的聯絡表單是既定的標準格式. 你可以依照自己的需求編輯格式, 或加入適當的元件.
圖片

以下是表單的專屬元件.
每個元件在置入表單之後, 可以自行設定欄位標題、間隔、欄位說明 (指示) 等等....
當然, 設定完成之後, 別忘了按下右上方的 "儲存". 
圖片
圖片

選項功能

除了能留下訪客的留言和聯絡方式之外, 聯絡表單還能做簡單的選項設定, 包含:
  • 選項按鈕 (單選)
  • 下拉式選單 (單選) 
  • 核取方塊  (可複選)
圖片
每種選單元件都能自己設定欄位標題及選項內容....
透過這些項目內容, 就可以設計出各種不同的表單, 例如: 問卷調查、活動報名等等
圖片

​以下表單包含了這三種選項模式, 可以清楚看出這三種模式的差異.
可以選擇適合的模式應用在活動報名、問卷意見回饋等等, 各種與訪客之間的互動.

    籃球夏令營 - 線上報名

    圖片
    請選擇報名梯次
    請選擇一個梯次
    請選擇梯次, 可報名多個梯次.
    最大檔案大小:10MB
    圖片檔 或 文件檔案
提交


表單訊息通知設定

一旦訪客在聯絡表單提交訊息之後, 站主們可以從兩個地方察看留言:
  • 電子郵件通知
  • Weebly 後台 (Weebly 儀表板)
[電子郵件通知]
在 "表單選項" 設定接收訊息/留言的電子郵件信箱.
Weebly 會依照設定, 寄送通知信函至設定的電子郵件信箱, 信函內會包含訪客在表單內所填寫的所有資訊.​
圖片
電子郵件收到的信函會包含所有訪客填入的資訊.
圖片
[Weebly 儀表板]
​登入 Weebly 帳號 > 選擇網站 > 網站 > 概觀 > 表單 
這裡可以看到所有在這個表單的留言. 
還可以透過右上方的 "全部匯出", 將所有留言彙整至CSV 檔案. 這種檔案格式可以直接用 Excel 打開. 也就是說, 站主們可以透過Excel 的功能, 更有效率地管理及了解訪客們的留言.
圖片
圖片
圖片
0 評論



發表回覆。


    圖片

    圖片

    認識 weebly

    ​選擇 Weebly -七大原因
    Weebly 的帳號種類及比較
    我該選擇哪種付費帳號?
    Weebly 拖拉放元件 - 新手上路

    網頁管理 (新增、複製、刪除、排列)
    ​
    網站管理 (新增、複製、刪除)

    Weebly 架站四步驟

    ​註冊 Weebly 帳號 + 網域申請
    選擇/更換範本
    編輯網頁 - Weebly 元件
    發佈/ 隱藏網站

    Weebly 使用教學


    提升網站安全性 - SSL 憑證
    ​
    Google Search Console - 驗證 Weebly 網站
    ​Weebly -SEO 搜尋引擎關鍵字設定
    ​如何更改網域?
    -------------------
    ​如何與他人共同編輯網站? ​
    如何備份 Weebly 網站? ​
    建立會員制度網站
    -------------------
    ​​更改字體大小、行距、間距
    ​圖片元件 - 完整的圖片功能
    ​​
    表單元件 - 聯絡、留言
    、回覆、調查
    影片元件
    ​音訊元件
    ​-------------------

    ​Weebly 提供哪些網頁標題類型?
    ​​網頁標題_背景樣式
    ​網頁標題_設計+編輯
    ​
    ​​​​-------------------
    ​
    ​如何建立 Weebly 部落格?

    ​部落格文章 (撰寫/儲存/發佈/刪除)
    ​備份 Weebly 網站+部落格
    ​Weebly 部落格側邊欄位設定
    ​
    ​部落格文章分類/類別​


    第三方應用程式

    結合第三方應用程式 - 功能更強大
    ​OctoMono-第三方應用程式組合包
    Ecwid 購物車

    ​垂直分隔線
    ​方形色塊
    ​Scroll To Top - 回到頁面頂端
    ​最新/ 輪播部落格貼文工具​​


    Weebly 內建購物車

    Weebly 內建購物車 - 簡介 
    ​
    Weebly 購物車功能 & 設定 (一)

    Weebly 購物車功能 & 設定 (二)

    Alt description for image
    Alt description for image
    Alt description for image

    RSS 訂閱

    類別

    全部
    Weebly 購物車
    元件
    會員制度
    網站安全 & SEO 優化設定
    網站/網域設定
    網頁標題

Weebly 架站教學


認識 Weebly
Weebly 架站四步驟
​Weebly 使用教學
第三方應用程式中心
Vertical Divider

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

線上平面設計工具
​多媒體工具
​多媒體素材
Vertical Divider

Weebly 客服中心

如何聯絡 Weebly 客服

Vertical Divider

關於我們

關於我們


版權聲明: 
本站發表的文章、圖片及電子書的版權均屬於本站所有, 如果有轉載需求, 請來信取得授權. 非經授權, 請勿轉載或轉貼. ​
Copyright © 2022
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具 >
      • 影音編輯軟體 - 威力導演
    • 多媒體素材
    • 網站/網頁工具
  • 關於我們
  • 公益/環保