社團法人臺北市記帳士公會 · web...

XCOM教育訓練指引手冊壹、基本功能設定及介紹一、登入後台管理系統

使用者登錄成為會員後，如果要架設公司或個人網站，在 xcom 的入口頁面，點選右上角的登入後，進入後台網站管理系統設定。流程為(1)系統登入→(2)進入會員專區→(3)網站管理系統。(1)系統登入

點選進入 http://www.xcom.tw/頁面，點選右上角"登入"

1

http://www.xcom.tw/

XCOM教育訓練指引手冊

(2)進入會員專區輸入帳號、密碼後按下登入，可進入會員專區

帳號為完整的電子信箱，例如為 [email protected] 或 [email protected] 等，而有時候無法登入，請注意是否大小或中英文的輸入法切換錯誤。

(3)在會員專區中，按網站管理系統，即可開始建置個人的網站。

2

mailto:%E4%BE%8B%E5%A6%82%E7%82%[email protected]


二、如何設定公司的網站畫面登入系統後接下來，就是填寫公司的相關資料及式商品展示，準備去裝潢網

路商店及開賣啦! 要架設一個基本網站的需要完成(1)設定公司簡介(2)商品上架(3)

聯絡我們設定(4)最新消息公布，以下手冊將一一帶領各位完成網站基本資料的設定。

1、公司簡介：關於我們公司簡介就像是現實中每一家店的門面，是消費者接觸的第一印象。公司簡介

的內容，可以在 WORD 等文書處理軟體，先將內容編輯好，再將文章複製貼上即可。內容可以有公司設立的時間、緣由、地點，及公司的主力產品、工作人員的專業技術，公司發展及未來展望等資訊。

3

XCOM教育訓練指引手冊也可以將公司的理念與歷史，以小故事的形式來撰寫，重點是讓消費者對公司

及產品，留下深刻的印象，就像一碗麵那樣的小故事，會引發消費者同理心及情感。刊登公司簡介的步驟如下點選: (1)關於我們→(2)公司簡介管理→(3)新增網站首頁本店介紹，下方會出現

編輯視窗。

(1)關於我們

(2)公司簡介管理4


在標題攔打上公司簡介，複製 WORD 中打好的文字，貼到編輯視窗中。按下”確定”修改後，記得按下”啟用”，即完成關於公司簡介的刊登。複製貼上過程，可以利用滑鼠的右鍵複製，或是利用鍵盤 Ctrl+C 複製、Ctrl+V 貼上。

(3)新增

5


2

新增”最新消息”資料後，頁面下方狀態要記得點選”顯示”後，按確定。才會顯示最新消息。

2、商品與服務提供：商品上架先用數位相機或是掃描器，製作商品影像檔。您可陳列商品數為 30 筆。商品資

訊上傳步驟(1)商品分類管理→(2)商品資訊管理→(3)商品設定6

XCOM教育訓練指引手冊選擇商品分類管理，建立商品的分類體系

(1)商品分類管理後台畫面:選擇新增商品分類

(1)新增類別名稱 →(2) 狀態為顯示→ (3) 確認送出即可。

7


如需多層次商品，如筆記型電腦項下，可能還有不同的系列，則再點入” 筆記型電腦”增加一層，即可增商品的系列種類。

假定本店有筆記型店腦有 3系列 1台、5系列 5台、7系列 4台，即可在筆記型電腦項下，增加不同的系列，完成商品的分類後，下一步進行商品資訊管理。

完成的商品分類管理前台畫面

8


(2)商品資訊管理商品資訊管理為，為介紹商品共通性的資料，如商品的長、寬、高、材質、重

量等，可在商品資訊中加入圖片、文字等資料，以吸引瀏覽者的注意力。操作流程

為(1)點選商品資訊管理→(2)新增商品名稱 →(3)選擇商品分類→ (4)輸入商品資訊→

(5)狀態為顯示確認送出即可。 (1)點選商品資訊管理

9


(2)新增產品名稱

(3)選擇產品分類

依照剛剛所建的產品分類來區分商品種類，如筆記型電腦 3系列、5系列、7系列等。

10


(4)輸入商品資訊

複製或輸入貼上產品的文字說明，還可以上傳圖片。完成後按確認。

在完成商品的分類、說明、設定產品的數量、價格後，按確認送出即完成產品

11

XCOM教育訓練指引手冊的資訊刊登。商品上架完成畫面如下

(3)

商品設定在商品設定選項，還可以更改前台的顯示文字，如可以將原訂的產品資訊的售

價、特價，更改為定價、售價等文字。

其他各項商品，依據剛剛的步驟，一一完成商品上架，xcom提供會員 30 項的商品建置。

12

XCOM教育訓練指引手冊3、顧客如如何下單：聯絡我們

完成了公司的介紹及商品，如何讓有興趣的買家與我們聯絡，網站提供「與我聯絡」的功能，當賣家有意願時，網站已建置發送電子郵件功能。或是您還可以在網路商店上電上留下電話、傳真或電子郵件的地址，以便買家與您連絡，或是下達商品訂單。操作步驟如下: (1)點選聯絡我們→(2)聯絡我們資訊設定→(3)確定

(1)點選聯絡我們

(2)聯絡資料設定

13

XCOM教育訓練指引手冊(3)確定

按下確定後，即完成聯絡我們資料的修改，聯絡資料，最好包含聯絡地址、聯絡電話、聯絡人等各項資料。

完成聯絡我們的前台畫面

完成以上步驟，您就已經擁有 1 家 24 小時不休息的網路商店基本架構，也請店家也常常多注意電子郵件，免得漏接了任何一筆訂單。因此可以至訊息管理，檢查聯絡信息，操作步驟如下: (1)點選訊息管理→(2)開啟訊息內容

(1)點選訊息管理

14

XCOM教育訓練指引手冊(2)開啟訊息內容點選就可開啟訊息內容後，內有聯絡人的姓名、E-mail、電話、地址及聯絡訊息，

不過 XCOM經營團隊提醒賣家，請確認安全無疑後，再進行交易，以免造成無謂的糾紛。

4、商品訊息公布：最新消息當公司有新產品或是當季活動要上市時，可在新產品推出 2、3 個禮拜前，刊登

最新消息，以吸引顧客注意。當然，最新消息的文字也先在 WORD 等文書處理軟體，先將內容編輯好，再複製貼上。最新消息刊登步驟(1)點選分類管理→(2) 新增分類管

15

XCOM教育訓練指引手冊理→(3)訊息內容管理訊→(4)新增訊息

(1)點選分類管理

(2)新

增分類管

理依據公司特性，將訊息分類為最新消息、哈燒快訊、熱門活動等，只要完成一次

的分類管理建置，之後新增訊息時，依屬性點選即可。新增後分類後，記得要點選啟用後，在按下確定。

(3)訊息內容管理點選訊息內容管理新增訊息，點選訊息分類，在依據訊息刊登時間，設定永久

16

XCOM教育訓練指引手冊刊等，或是特定時間刊登，鍵入標題及內文後，按下確定即可新增訊息。

完成後於

前台的顯示最新消息

最新消息的示意畫面

17


如果最新消息沒有顯示出來，很可能是”狀態”沒有點選永久刊登或是特定時間刊登，請至訊息內容管理點選該訊息後，修改刊登狀況即可。

5、提高商品曝光度：廣告連結公司除以最新消息通知消費者外，還可以利用右下廣告區位提高商品曝光度。

廣告登步驟(1)點選廣告管理→(2) 新增廣告→(3)廣告管理設定

(1)點選廣告管理

18


(2) 新增廣告

新增廣告後，設定廣告的名稱及刊登日期，如勾選"點選開新視窗選項"，前台廣告被點選後，將在瀏覽器中另開新視窗。而網址聯結，請賣家複製刊登於 xcom 中的商品頁面瀏覽器的網址後貼上，消費者點選時，將會開啟該商品。最後上傳商品的圖片檔，即可完成廣告刊登。

19


前台廣告完成顯示畫面

(3)廣告管理設定如有超過一件以上的商品廣告，在廣告管理中可以設定廣告的輪播方式。如有 3

個廣告要在首頁顯示，當設定為 1、排序時，廣告欄依次出現 1 項廣告；當設定為 2、20

XCOM教育訓練指引手冊排序時，廣告欄為兩項廣告均分依次出現。賣家也可以自行設定各子頁面的廣告顯示方式。

6、網路商店的外型裝潢：網站系統設定賣家可以更改首頁的部分設定資料

21


(1)系統基本設定在系統基本設定中，功能標題如"關於我們"、"商品上架"、"線上相簿"等功能項的

顯示，如有不需顯示，可以點選關閉。如需更改顯示名稱，也可再其欄位後方，鍵

入修改後的名稱，如"關於我們"可以自行替換為"公司歷史"、"關於某某"等。在上方的 Bnner，本系統也提供賣家自行上傳圖片的功能。其圖片設定大小為

960*230 像素。商家代表圖像，亦可自行上傳圖像更換。

22


(2)網頁設定可修改”行業別”

23


(3)網站風格選擇

目前提供二種系色選擇，點選喜歡的版型，按下確定，即馬上套用。貳、進階功能介紹

24

XCOM教育訓練指引手冊一、漂亮的版面構成：編輯器功能介紹

不論是"關於我們"、"商品上架"、"最新消息"等，都由編輯畫面來建構網站畫面，因此特將編輯畫面功能，進行詳細的介紹與說明網頁所見即所得編輯器，每個功能皆有此編輯器。

編輯器模組檔案操作儲存網頁數據、列印編輯內容、清除網頁數據、操作步驟還原。文字樣式段落樣式設定、字型樣式設定、文字大小設置。文字屬性粗體、斜體、底線、刪除線、上標、下標、移除文字格式。對齊方式靠左、居中、靠右。專案符號數位、符號、左右縮排。連結管理內部連結自動生成、外部連結自動生成、開啟新視窗配置設定、主選單自動生成、移除

網頁連結。表格製作建立表格。色彩配置文字色彩配置、色碼自動生成。插入對象插入網頁圖片、插入鏈結、插入媒體(Flash、AVI、MID 等)。

25

「所見即所得」之線上HTML 網頁編輯工具

XCOM教育訓練指引手冊其他所見即所得編輯模式、線上拖曳編輯、原始碼檢視編輯、更改顯示比例、頁面文字查

詢、整頁模式切換。

☆☆以下(1)~(17)為「所見即所得」之線上 HTML 網頁編輯工具的使用介紹。(1) 儲存:

(2) 開新檔案:

26

點選儲存


27

點選開新檔案，內容完全一片空白

XCOM教育訓練指引手冊(3) 預覽:

另開新視窗預覽。

(4) :樣版

28

有以下三種樣式可供選擇，此例中，選第一種樣式。

點選預覽

XCOM教育訓練指引手冊(5) 剪下:

(6) 複製:

(7) 貼上: 直接把原來的格式貼上。

29

1. 選擇文字 ( 如果選擇圖片，出現六個控制點，表示選取成功 )

2. 點剪下功能

2. 點複製功能

1.把文字先全選

XCOM教育訓練指引手冊(8) 貼為純文字:會把原來的格式化為純文字。

30

2. 點複製功能

1.把文字先全選

3.游標放在此處

4. 貼上

XCOM教育訓練指引手冊(9) 自word 貼上:

將內容點「全選」，然後「複製」。

結果如下:

31

2. 複製

1.全選

點自 word 貼上功能


(10) 列印:

(11) 尋找:

32

1. 輸入關鍵字2. 按尋找

1. 選擇印表機

2. 按列印

XCOM教育訓練指引手冊結果如下:

(12) 取代:

33

搜尋出來的字會反白

1. 輸入文章原本有的字

2. 輸入成要改的字

3. 按取代

取代成功了

XCOM教育訓練指引手冊(13) 全選:可將文字全部選取起來。

(14) 清除格式:這一個功能非重要，在上每篇文章之前，最好要先把文字格式清除。

然後再按清除格式。

34

點全選

2. 點清除格式

點全選

XCOM教育訓練指引手冊(15) 超連結:

先將網址的字反白。

結果如下:

(16) 插入/編輯影像:

請切換到「上傳」的標籤。

35

1. 先將字選取反白

2. 點超連結


將滑鼠移到圖片上，會呈現剛剛所輸入的替代文字。

(17) 插入/編輯表格:

背景顏色設為紅色，邊框顏色設為藍色。

結果如下:

36


備註 1：若是要將資料從Word 上貼到編輯器上，請先將資料貼到記事本上除去 Word格式，避免跑版的困擾。

37


38

XCOM教育訓練指引手冊二、精采照片呈現：線上相簿

當公司有週年慶或是消費者試用的活動照片，可將這些紀錄，上傳至線上相簿，讓更多的人分享，也可以作為公司的實績佐證。線上相簿的刊登步驟(1)點選相簿管理→(2) 新增相簿→(3)點選照片→(4)流覽檔案及上傳

(1)點選相簿管理

(2) 新增相簿

(3)點選照片

39


(4)流覽檔案及上傳選擇”瀏覽檔案”後，點選要上傳的檔案後，按"開始上傳"，傳送完成後，

按"上傳完畢"即可。

完成線上相簿

40


相本還可選擇呈現效果，是否加框。

提醒事項線上相簿的提醒事項，如果直接將數位相機的相片，直接上傳至相簿，由於檔

案較大，容易拖慢相簿的顯示速度。此外，由於螢幕顯示的像素為 72dpi，高於72dpi 也無法在螢幕得更好的瀏覽效果。因此，如果會使用 photoshop 或 photoimpact

等影像處理軟體，請賣家先將相片像素調整至 72dpi 後上傳。如果不會使用影像處理軟體，可以利用 windows 的小畫家，將檔案變小。縮小檔案步驟為(1)開啟小畫家→(2) 開啟舊檔→(3)確認尺寸→(4)調整大小→(5)另存新檔

(1)開啟小畫家開啟小畫家步驟為(1)開始→(2) 所有程式→(3)附屬應用程式→(4)小畫家

41


(2) 開啟舊檔

開啟要縮小的檔案小

(3)確認尺寸查看檔案(1)影像→(2) 屬性

42


得知檔案大小後，決定縮小的比例。(4)調整大小調整大小(1)影像→(2) 延展/扭曲→(3)設定縮小比例

在水平/垂直欄位鍵入數值，調整至適當的比例時，按下確定

(5)另存新檔完成比例調整的影像，請記得另存新檔，不然原始檔就會永遠變小了。

三、顧客群經營：討論區當公司要經營顧客社群，或開發市場新產品，可利用討論區來進行議題討論及

探針研究，以了解市場走向。討論區的執行步驟(1)點選討論區→(2)分類管理/新增

→(3) 啟用。43

XCOM教育訓練指引手冊(1)點選討論區

(2) 分類管理/新增

討論區完成

如果顧客社群經營的很成功，有如雪片般大量湧進的意見，這時候在討論區要發表新文章的的執行步驟(1)資料管理→(2) 新增→(3) 確定

(1)資料管理

44


(2) 新增

新增後，再分類中選擇所屬討論區，狀態點選”顯示”，而標題與發表人為必填欄位，在編輯頁面中，填上所要發布的意見後，按下確定，即可完成討論區的意見發表。

45

XCOM教育訓練指引手冊(3) 確定

按下頁面下方的確定，即完成。

四、訂單型錄的網路硬碟：下載專區賣家可將公司的訂單、公司型錄、廣告 DM 或其他宣傳品檔案，放置於下載專區，

讓消費者自行下載。下載專區的執行步驟(1)點選下載專區→(2)分類管理/新增→(3)

檔案管理 /上傳。

(1)點選下載專區

(2)分類管理/新增

46


依據公司文特質，如商品型錄、宣傳 DM、訂單等，一一分類，新增後在”狀態”欄，記得點選"啟用"後按確定。完成前台分類的畫面

(3) 檔案管理/上傳在檔案管理新增，點選” 上傳檔案” ，並按下”瀏覽”後，至電腦中所儲存的位址

點選所要上傳的檔案。完成點選後，狀態要記得點選為"啟用"後按"確定"。上傳檔案需注意檔名限英文或數字，不支援中文檔名，目前基本會員提供 5個檔案上傳。

完成商品型錄的上傳

47


五、招募工作夥伴：徵才本系統貼心的為公司設計人力招募的功能。徵才執行步驟(1)點選徵才專區→(2)

新增

(1)點選徵才專區

48

XCOM教育訓練指引手冊(2)新增

業主可公司需求自行於網站公告人力招募的。新增後，表格前有紅色星字記號欄位為必填資料，完成相關欄位設定後確定，狀態要記得點選為"啟用"後按"確

定"，即完成徵才公告。

49


六、訪客從哪裡來：統計報表賣家可以知道，到訪您公司網站的線上客人，訪客的人數及由何處來的統計資

料，可以協助賣家對於公司網站的營運及網路活動的效益，作客觀的評估及追蹤。統計報表

50


(1)訪客流量統計

此為每天上站人數之統計表(2)國別統計

51


訪客國別來源統計，可得知由何地連線至公司網站。(3)流量導引統計所有點入此網站的人，是從哪一個入口網站來的，如 yahoo、google 或是其他入口網站。

52

社團法人臺北市記帳士公會 · web...

Documents