自帶圖片預(yù)覽功能的定制App推薦-ESG跨境

最近有客戶對于定制提出了新的要求，在上傳照片的功能基礎(chǔ)上，希望能實時看到照片上傳之后運用在產(chǎn)品上的效果圖，以下我們稱為預(yù)覽功能。

預(yù)覽功能對比傳統(tǒng)單純上傳圖片的功能來說，肯定是更加直觀，給客戶的視覺沖擊感受比較實在。試用了多款A(yù)pp，最初幾個都不是滿意，有些是加載速度比較慢，有些是外觀不好看，有些是底層的實現(xiàn)原理不夠理想。最終選出了各方面都比較符合需求的一款定制預(yù)覽App - Product Personalizer。

Product Personalizer包含了傳統(tǒng)的定制功能，比如上傳圖片，上傳文字，條件邏輯，價格遞增，色塊顯示等。今天我們重點介紹一下圖片預(yù)覽功能。

先看看實現(xiàn)效果是怎么樣的，一如既往，打開Demo站，點擊選擇文件，上傳完選定圖片后，可以根據(jù)自己在后臺設(shè)定的指定寬高區(qū)域選定，點擊對勾確認過后，左邊圖片會實時能看到剛剛上傳的那張圖片在相憐中的顯示效果。

這種實時預(yù)覽很直觀，具體賣家需要怎么做才能達到這種效果呢?

首先，App對于圖片素材有特殊要求。需要上傳一張展示上傳圖片部分為空的png格式圖片做背景。

其次，需要選定圖片裁剪區(qū)域大小，便于顯示在框中。

其他具體選項可以查看App文檔介紹，大部分使用起來都很簡單。

用戶上傳結(jié)束以后，如果有買家下單，我們在訂單詳情中能看到兩張圖片，分別是原圖，裁剪后的圖片。

如果圖片在訂單中未展示，可能是以下兩個原因，這也是諸多定制App遇到的兩個通病，也是無法避免的問題。

1.購物后未定位到購物車頁面。這里所說的購物車頁面不包含Mini Cart / 彈出框 / 側(cè)邊框等。簡單判斷，需要重定向到/cart頁面，購物車類型需要選擇Page模式才可以。

2.定制功能與動態(tài)寬度結(jié)款按鈕功能不兼容。即Buy With Paypal等Express Checkout功能。

一旦上述兩處沒有避開，很容易導(dǎo)致最終的功能不齊全，即圖片你無法正常顯示在訂單頁面。

最后，我們說說這款A(yù)pp的費用，區(qū)別于其他的App來說，這款A(yù)pp是根據(jù)每個月需要用到定制的數(shù)量來說的。49個產(chǎn)品以內(nèi)是9.99, 99個產(chǎn)品以內(nèi)是14.99，299個產(chǎn)品以為是19.99等，因此，大家可以根據(jù)自己需要定制的產(chǎn)品個數(shù)選擇合適的套餐。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。