電商詳情頁模板素材分享!分享如何線上製作!

lyc8103083011發表於2023-04-11

零門檻也能輕鬆學會,分享一個不用下載的電商設計工具,工具內還有海量的設計模板和素材,只需登入喬拓雲工具平臺,選擇其中需要使用的詳情頁模板,選擇點選後就能對模板進行設計編輯。下面就跟著小編的教程學習製作詳情頁的一個具體步驟吧!

電商詳情頁模板素材分享!分享如何線上製作!

第一步:開啟線上設計工具平臺登入,在產品中心裡點選【雲設計】進入設計管理。如圖

電商詳情頁模板素材分享!分享如何線上製作!

第二步:在設計管理中的【模板中心】中找到(網站電商)分類,在網站電商分類中,選擇寶貝詳情頁分類,或者搜尋欄搜尋關鍵詞“詳情頁”查詢模板。如圖所示:

電商詳情頁模板素材分享!分享如何線上製作!

在網站電商模板頁面中,透過型別和行業份分類查詢出詳情頁的型別,進行選擇,如圖

電商詳情頁模板素材分享!分享如何線上製作!

選擇了一個模板後,點選模板下方的【線上編輯】開啟模板的編輯頁面,開始使用。

電商詳情頁模板素材分享!分享如何線上製作!

在模板的編輯介面中,中間是模板,左側是模板的詳情頁頁面,右側是模板圖文編輯欄。

電商詳情頁模板素材分享!分享如何線上製作!

第三步:編輯模板中的圖文部分,只需點選圖文就能進行編輯。例如雙擊圖文對內容進行編輯,或者用右側的圖文編輯欄編輯。

電商詳情頁模板素材分享!分享如何線上製作!

左側的工具點選就能使用,根據需求發揮工具作用。例如,給詳情頁中的文字,新增文字容器,突出詳情頁中的文字資訊。如圖

電商詳情頁模板素材分享!分享如何線上製作!

對選中的文字框右鍵點選,調整文字框與文字之間的上下圖層關係。如圖

電商詳情頁模板素材分享!分享如何線上製作!

在【工具】中還有製作分享碼、資料表格、地圖等功能,都是可以新增到詳情頁的設計中。如圖:

電商詳情頁模板素材分享!分享如何線上製作!

完成詳情頁的設計後,點選【預覽】檢視最終效果,點選【下載作品】。

電商詳情頁模板素材分享!分享如何線上製作!

在最後下載時還可以選擇是否新增水印。然後再【點選下載】如圖

電商詳情頁模板素材分享!分享如何線上製作!

    這樣一個商品詳情頁的設計就完成了。 如果還有疑問可以小窗詢問或者評論區留言看到後第一時間回覆。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70021382/viewspace-2945092/,如需轉載,請註明出處,否則將追究法律責任。

相關文章