維看幫助中心

如何使用快速聯繫組件?

瀏覽數量: 478     作者: 本站編輯     發佈時間: 2017-02-15      來源: 本站

一、什麼是快速聯繫組件?


快速聯繫組件是一個展示互動工具並且支持訪客通過這些工具與網站管理者互動的模塊,互動工具包括:QQ、Skype、What'sApp、阿里旺旺、郵箱、電話、短信、二維碼、其它。快速聯繫組件一般放在網站頁頭或頁腳位置,這樣每個頁面可以共用這個組件,一般採用懸浮的方式展示在網頁右側或下方(在pc端和pad端一般懸浮在網頁右側,手機端懸浮在網頁底部)。快速聯繫組件針對不同語種的網站也有不同的用法,一般外貿網站(英文或小語種網站),偏向於選擇Skype和郵箱,而中文站上一般多用QQ、電話等聯繫方式,請在使用過程中添加最適合自己網站應用場景的聯繫方式。



二、如何使用快速聯繫組件?


1、如何查看快速聯繫組件是否已經存在?

如果這個快速聯繫組件已經存在了,就不需要再添加,直接根據需要進行相關操作就可以(具體操作見下文所述);

如果你的頁面上需要這個組件,但是還沒有添加,就需要先添加快速聯繫組件了;怎麼判斷頁面上有沒有這個組件?


2、如何添加快速聯繫組件?

在頁面上添加組件的方法都是一樣的

添加的組件名稱為“快速聯繫”,如下圖1所示:

圖1:

快速聯繫組件.jpg



3、如何設置快速聯繫組件?


3.1 進入組件的“設置”分兩種場景

1)此組件已經添加好的場景:進入所有這類組件設置項方法都是一樣的。

快速聯繫組件如果懸浮在頁面上的話,它在網站後台頁面上只是一個佔位,在頁面上直接找“快速聯繫佔位”幾個字就可以找到這個組件的所在,如何這些聯繫方式在每個頁面都出現了,可以優先找頁腳和頁頭區域,如果只在某一個頁面出現了,那麼需要在這個頁面的正文區域來找,單擊查看什麼是頁頭、頁腳、正文區域? 。如果快速聯繫組件固定在頁面上的話,與其它組件一樣的。懸浮在頁面上舉例如下圖2所示:

圖2:

找到快速聯繫佔位幾個字.jpg


2)新添加的組件的場景:在添加此組件時會彈出這個組件的的設置對話框。



3.2在組件的設置中可以設置組件展示的內容(如圖3)

組件標題:根據需要填寫,固定在頁面上時,填寫此標題會顯示出來;懸浮在頁面上時,標題不支持顯示;

聯繫列表:展示聯繫的方式,單擊“新增一條”按鈕,可以快速填寫聯繫方式;

圖3:

設置快速聯繫-內容.jpg



3.3在組件的設置中可以設置組件內容的展示風格(如圖4)

選擇展示風格:支持浮動和固定兩種風格,如果是浮動,在pc端和pad端一般懸浮在網頁右側,手機端懸浮在網頁底部;

選擇浮動位置:支持居左或居右;

圖4:

展示風格浮動位置.jpg


選擇配色:選擇不同的風格,支持設置的內容也是不一樣的。

選擇第2、3、4、5種風格時,支持自定義背景顏色、以及自定義顯示的圖片:

配色-1.jpg


選擇第6種風格時,支持設置以下信息:

初始化樣式設置:背景顏色、文字顏色;

選中交互樣式設置:背景顏色、文字顏色;

配色2.jpg


選擇第7種風格時,支持設置:圖標背景顏色,如下圖所示:

選擇第7種風格時.jpg


選擇第8種風格時,支持設置鼠標懸浮圖標顏色,如下圖所示:

選擇第8種風格.jpg


選擇第1種和第9種風格時,不支持自定義風格,看到的是什麼樣子就是什麼樣子。



3.4保存組件設置的內容

設置好內容和風格以後,要記得單擊右下角的“保存”按鈕;

保存.jpg



4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網站後台;

然後可以單擊“預覽”按鈕查看不同終端下展示的效果,如果不合適可以到後台再做修改;

如果需要讓訪客也看到,請單擊頁面右上角的“發布”按鈕,發布之後稍等兩分鐘左右即可看網站前台展示效果。

保存預覽發布.png


三、產品優化

1(1)當用戶的網站設計偏向扁平風格時,可以選擇使用新增的快速聯繫組件風格,提高網站風格的美觀度和統一性。

快速組件設置-》風格-》選擇新增風格11

快速聯繫風格880


(2)即可使用新增的快速聯繫組件風格。

快速聯繫風格組件2 880


新增功能:(8月28日)

1、快速聯繫組件新增微信圖標;

【應用場景】當用戶希望在網站的快速聯繫中增加微信方式時,可以直接在快速聯繫組件設置中選擇“微信”,快速聯繫組件將會展示微信圖標,方便訪客直觀查看。

【操作方式】登陸進入領動雲-》編輯網站-》快速聯繫組件設置-》新增聯繫方式-》選擇微信。

快速聯繫微信方式


添加效果如下所示:微信圖標展示


建站流程

找不到你的問題?
135-6001-3420
seoprixcom@gmail.com
214227632
Facebook
Twitter
Google
LinkedIn
Instagram
維看雲建站系統
專業外貿建站系統,為您打造一個適合谷歌的優化網站!
  • 客服QQ
    214227632
  • 微信手機
    (852) 6741 8807
  • 郵箱
    info@seoprix.com