第(di)一步(bu) 選(xuan)擇模(mo)塊(kuai)，基礎(chu)模(mo)塊(kuai)>搜索框中(zhong)選(xuan)擇需要的風格，將(jiang)其拖動到某個區域中(zhong)

第二步 屬性設置，雙擊(ji)搜索(suo)(suo)框(kuang)模塊或者右鍵>設置屬性，在“屬性”設置指定搜索(suo)(suo)內容、搜索(suo)(suo)框(kuang)中的文(wen)字提示以及按(an)鈕文(wen)字

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

第(di)四(si)步 樣(yang)(yang)式(shi)設(she)置(zhi)，在模(mo)塊屬(shu)性設(she)置(zhi)中點擊“樣(yang)(yang)式(shi)”，可(ke)以設(she)置(zhi)搜索框的按鈕、輸(shu)入框、關鍵字(zi)等常用元(yuan)素的樣(yang)(yang)式(shi)

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