第一步 選擇模塊，基礎模塊>搜索框中選擇需(xu)要的(de)風格(ge)，將其(qi)拖動到某個區域中 

第二步 屬性(xing)(xing)設(she)置(zhi)，雙擊搜(sou)索(suo)框模塊或者右(you)鍵>設(she)置(zhi)屬性(xing)(xing)，在“屬性(xing)(xing)”設(she)置(zhi)指定搜(sou)索(suo)內容、搜(sou)索(suo)框中的文字(zi)提(ti)示以及按鈕(niu)文字(zi)

第三步 關鍵字及跳轉設(she)置，設(she)置關鍵字可以實現快速搜索；跳轉設(she)置主要是針對指定產品(pin)或(huo)(huo)新聞，設(she)置跳轉到的頁面必須含有產品(pin)列表或(huo)(huo)文章列表

第四步 樣(yang)式(shi)設(she)置(zhi)，在模塊屬性(xing)設(she)置(zhi)中點擊(ji)“樣(yang)式(shi)”，可以(yi)設(she)置(zhi)搜索框的(de)按鈕、輸入框、關(guan)鍵字等常用元素的(de)樣(yang)式(shi)

第五步(bu) 查看效(xiao)(xiao)果，每次設置搜索(suo)框的(de)屬性或(huo)者樣式時，都可以實(shi)時查看設置效(xiao)(xiao)果，無(wu)需預覽。具體效(xiao)(xiao)果如(ru)下