如何上传及管理商品
收藏课程
取消收藏
3 mins / By SHOPLAZZA Learn
收藏课程
取消收藏

产品和分类是Shoplazza建站重要的一环,产品是我们店铺的核心,决定了我们的网站销售额。正确上传产品图片、尺寸、颜色和库存数量等信息,可以提高用户的体验感,并且为我们后续的发货、统计等繁琐工作减少很多烦恼。

而合理的分类可以将产品更好地展现在买家的眼前,并且让买家有针对性地选择自己感兴趣的品类和产品,也可以直接将折扣或是店铺比较Unique的卖点类目,通过分类的菜单栏直白地展示给买家。

  • 0:00:12 丰富优质的商品是一个商店的核心,面对一个全新的网站,我建议你首先完成基本的产品上传,以方便你在装修店铺时反复调试。这样可以为你节约大量时间。
  • 0:00:29 首先进入店铺后台-商品-商品管理,点击“新建商品按钮”,在这里,我们可以输入商品的主要标题,也就是商品的名称,然后输入商品的副标题,它可以是商品的主要特点或关键性描述。右侧的列表你可以根据具体情况决定如何填写,其中包含商品是否上架、是否需要物流发货、属于哪个产品专辑等等。其中值得一提的是SPU这个栏目。
  • 0:01:07 SPU指的是标准化产品单元,比如你准备销售一件棉质T恤衫,那么T恤衫就是一个SPU,而这款T恤衫又分为不同尺码,不同颜色,那么蓝色L号的T恤衫就是一个SKU。这对很多同款产品有不同规格的网站十分重要。然后就进入了我们的重头戏,详情和主图的设置。如果你有漂亮的详情页图片或设计好的文字,可以将它放入“产品描述”对话框里,然后点击下一步。
  • 0:01:40 在这里你可以为商品添加主图,并设置具体的款式,也可以为每一个款式单独设置一张图片,方便顾客来查看。当然还有最重要的,不要忘记设置产品的价格哦,Shoplazza支持原价和售价设置,假设你把原价设置为100美元,售价是90美元,那么最终显示的价格默认就是100美元打10%的折扣,到手价是90美元。这适合全站的长期折扣设置。重量数值,在你未来添加了运费政策后,也会影响到消费者的运费,建议如实填写。最后就是点击保存.
  • 0:02:26 到这里,我们就设置好了一个商品啦~这里有两个小Tips很值得为你介绍 详情页和主图的重要性:商品的设置是工作的一环,跟它紧密相关的,其实是产品的详情页和主图。出色的详情页文字和图片,会让你的业务更加顺利。 产品的标题优化:尽量避免使用枯燥的编号来当做商品的名字。会让消费者感到疑惑,一件名为AZ9001的牛仔裤吗?显然我们可以做得更好。你可以为它去一个更加容易识别和记忆的名字。这能极大地提高消费者的兴趣。
课程评论

看看学员怎么说

发表评论
顾客评论
已到底部
最新评价时间
按点赞数从大到小
按评分从高到低
按评分从低到高
×
class SpzCustomFileUpload extends SPZ.BaseElement { constructor(element) { super(element); this.uploadCount_ = 0; this.fileList_ = []; } buildCallback() { this.action = SPZServices.actionServiceForDoc(this.element); this.registerAction('upload', (data) => { this.handleFileUpload_(data.event?.detail?.data || []); }); this.registerAction('delete', (data) => { this.handleFileDelete_(data?.args?.data); }); this.registerAction('preview', (data) => { this.handleFilePreview_(data?.args?.data); }); this.registerAction('limit', (data) => { this.handleFileLimit_(); }); this.registerAction('sizeLimit', (data) => { this.handleFileSizeLimit_(); }); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } setData_(count, file) { this.uploadCount_ = count; this.fileList_ = file; } handleFileUpload_(data) { data.forEach(i => { if(this.fileList_.some(j => j.url === i.url)) return; this.fileList_.push(i); }) this.uploadCount_++; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileUpload", { count: this.uploadCount_, files: this.fileList_}); if(this.fileList_.length >= 5){ document.querySelector('#review_upload').style.display = 'none'; } if(this.fileList_.length > 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '8px'; } } handleFileDelete_(index) { this.fileList_.splice(index, 1); this.uploadCount_--; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileDelete", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; if(this.fileList_?.length === 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '132px'; } } handleFilePreview_(index) { const finalPreviewData = this.fileList_[index]; const filePreviewModal = document.getElementById('filePreviewModal'); const fullScreenVideo = document.getElementById('fullScreenVideo'); const fullScreenImage = document.getElementById('fullScreenImage'); const previewModalClose = document.getElementById('previewModalClose'); const previewLoading = document.getElementById('previewLoading'); filePreviewModal.style.display = 'block'; previewLoading.style.display = 'flex'; if(finalPreviewData?.type === 'video'){ const media = this.mediaParse_(this.fileList_[index]?.url); fullScreenVideo.addEventListener('canplaythrough', function() { previewLoading.style.display = 'none'; }); fullScreenImage.src = ''; fullScreenImage.style.display = 'none'; fullScreenVideo.style.display = 'block'; fullScreenVideo.src = media.mp4 || ''; } else { fullScreenImage.onload = function() { previewLoading.style.display = 'none'; }; fullScreenVideo.src = ''; fullScreenVideo.style.display = 'none'; fullScreenImage.style.display = 'block'; fullScreenImage.src = finalPreviewData.url; } previewModalClose.addEventListener('click', function() { filePreviewModal.style.display = 'none'; }); } handleFileLimit_() { alert(window.AppReviewsLocale.comment_file_limit || 'please do not upload files more than 5'); this.triggerEvent_("handleFileLimit"); } handleFileSizeLimit_() { alert(window.AppReviewsLocale.comment_file_size_limit || 'File size does not exceed 10M'); } clear(){ this.fileList_ = []; this.uploadCount_ = 0; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleClear", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; } mediaParse_(url) { var result = {}; try { url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) { try { result[key] = decodeURIComponent(value); } catch (e) { result[key] = value; } }); result.preview_image = url.split('?')[0]; } catch (e) {}; return result; } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, name, data); this.action.trigger(this.element, name, event); } } SPZ.defineElement('spz-custom-file-upload', SpzCustomFileUpload);
The review would not show in product details on storefront since it does not support to.