設定線上回應系統
什麼叫線上回應系統?
就是參觀者可以透過你所設計的線上表單格式(form),填妥資料後送至你指定的 E-Mail
信箱。一般而言,我們可以將表單設計得讓使用者易於填寫 (利用下拉式選單或點選 ),且使用者幾乎不必浪費時間在打字上便能將我們所要得到的資料以固定的格式傳至你所設定的 E-Mail
信箱中。
裝設線上回應系統的步驟:
Step 1. 設計template (樣板 )
Step 2 設計 HomePage
Step 3. 設定參數
Step 4. 在 FrontPage 加一些花樣
Step 5. 測試、完成
Step 1.
設計template (樣板 )
首先我們必須要一個以文字檔設計的 ”樣板 ”,此樣板就是以後你收到從線上表單傳回的 E-Mail
時的長相。請用文字編輯軟體 (notepad、wordpad
或其他 )編修一個 .txt
的文字檔,現以群盟為例做一個樣板如下 :
To:
sales@080.com.tw
(收件人)To:
與收件者的e-mail帳號間要空一格)
From:
[email]
(寄件人email信箱)From:
與寄件者e-mail帳號間要空一格)
Subject:
搜尋器註冊申請
(信件標題)Subject:
與標題內容間要空一格;指收件者接到使用者填寫的表 單時要以甚麼標題來提醒收件者)
E-Mail :[email]
姓名 :[name]
電話 :[tel]
公司名稱:[company]
網址:[url]
要註冊的類別:[cat]
要註冊的關鍵字:[key]
網站的內容敘述:[content]
上面的範例中,[name]、 [email]、 [compay]…等是與 homepage
中表單的欄位名稱相對應的。
Step 2 .
設計 HomePage
本例以Frontpage 設計為例。對照上頁設計出來的表格
首先開啟欲加上線上回應表單的網頁在 Frontpage
Editor中,選擇 [insert]→ [form
field]→ 選擇你要的表單格式→ Frontpage
會產生你要的欄位
→ 在該欄位按 一下滑鼠右鍵→ 選擇[form
field properties]→ 會出現text box properties表格請在 Name
:這個欄位內填入先前樣板中所設定的欄位名稱,如會出現text
box properties表格請在 Name :這個欄位內填入先前樣板中所設定的欄位名稱,如會出現text
box properties表格請在 Name :這個欄位內填入先前樣板中所設定的欄位名稱,如 :name、 email、 company 、、 tel…
如果你希望有些欄位是非填不可的(要求使用者一定要填此欄位 ),在該欄位按
一下滑鼠右鍵→ 選擇 [form field properties]→ →會出現text
box properties→[validate]→data length點選[required]→這時display
name會出現空白你可以填入未來出現的Error message,當有使用者未填妥即欲送出時,線上表單會出現這些訊息請使用者填妥!
Step 3
設定參數
恭喜您已經完成初步的設定工作,接下來如何將Setp1.及Step2.結合使用呢?
首先將Setp1.所作出的 .txt 樣板文件放進你的網站中,如果你利用Frontpage的話操作步驟如下:
點選Frontpage 左上方的 file→import→add file→將Step1.做好的樣板文字編輯檔案點選進來→OK﹗這樣就完成Setp1.上載至網路的動作,日後如果有任何修改文字檔的動作一定都要重複再做一次這個操作步驟。
(現在我們假設這個檔案存放在 http://www.xyz.com.tw/XXX.txt)
當使用者填完Setp2.的網頁格式後要告訴此網頁當按下[確認]鍵後,要去哪裡執行動作呢?所以須網頁中有一個參數叫ACTION,就是執行這個動作的重要指令﹗
如果你將剛才的樣板文件放在
http://www.xyz.com.tw/XXX.txt
則你的參數便是 http://www.xyz.com.tw/cgi-sys/cgiemail/XXX.txt
有部份客戶的server 是設定為 http://www.xyz.com.tw/cgi-bin/cgiemail/XXX.txt
這其中被加入的 cgi-sys/cgiemail 就是重要的指令.
在Frontpage中要設定ACTION 參數很簡單,設定請在網頁表單的範圍內點選右鍵→[form
properties]→出現form properties 的視窗後→點選[send to other]→[option]鍵即可輸入ACTION
的資料了!
在Action 這一欄請你填入剛才說明的參數,如:
http://www.xyz.com.tw/cgi-sys/cgiemail/XXX.txt
填妥後按下OK 即可!!
HTML source 如下:
ACTION=” http://www.xyz.com.tw/cgi-sys/cgiemail/abc/XXX.txt”
FORM METHOD=”POST”
Step 4 在FrontPage 中加一些花樣
一般而言,我們會在使用者填表後告知”已經收到了!”或是”謝謝您”的訊息,以免使用者重複按下[確認]鍵,要這麼做首先在Frontpage開一個Newpage製作一頁簡單的如同感謝函的網頁,然後例如我們將此網頁名稱為
thanks.htm
然後回到Step2.的表單網頁,請在網頁表單的範圍內點選右鍵→[form
properties]→出現form properties 的視窗後→點選下方的[Advanced]→出現Hidden
fields 表格→[add]→填入資料
NAME=”success”
VALUE=”thanks.htm”
如果你希望知道使用者所使用的瀏覽器或其IP
位置,請加入以下欄位:
$HTTP_USER_AGENT]
[$REMOTE_ADDR]
Step 5. 測試、完成
最後將資料Publish到網路上,請自己嘗試填寫表格,如果你指定的電子郵件信箱可以收到填寫的表單就表示
Ok!恭喜您大功告成了﹗﹗