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

麗影98發表於2023-03-10

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

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

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

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

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

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

在網站內,有詳情頁模板分類頁面,可以對詳情頁的型別再進行選擇,如圖所示:

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

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

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

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

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

第三步:編輯模板中的圖文部分,只需點選圖文就能進行編輯。

例如:雙擊圖文對內容進行編輯,或者用右側的圖文編輯欄編輯。

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

左側的工具可以自由使用,根據設計需求發揮。例如,給詳情頁中的文字,新增文字容器,突出詳情頁中的文字資訊。如圖

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

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

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

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

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

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

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

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


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

相關文章