如何用好商品专辑功能
收藏课程
取消收藏
5 mins / By SHOPLAZZA Learn
收藏课程
取消收藏

商品专辑功能可以调整商品的呈现方式,帮助消费者能够更快找到自己所需要的商品。商品专辑主要有三种场景,分别是分类管理、商品专辑排序和活动管理。

商品专辑功能可以对商品进行分类,还可以对专辑中的商品根据不同的排序方法进行排序,更好地展示商品。另外,商品专辑功能还可以将想要管理的商品和营销活动与联系起来,更有针对性地做广告营销。

跟着本课程的操作,一起来创建自己的商品专辑吧!

  • 0:00:13 如何让消费者在进入商店后从琳琅满目的商品里快速找到自己所需要的商品,这与商品呈现的方式高度相关。因此,在这节课,我将和你聊聊如何根据场景用好商品专辑功能,让你的客户在浏览时有一个愉快的体验。商品专辑主要有这三种场景:分类管理 商品专辑排序 活动管理。
  • 0:00:46 商品专辑被应用得最广泛的场景是对商品分门别类进行整理,以分类专辑的形式展示多个商品,如,女装/男装/童装等。这个功能非常好理解,但是需要提醒的是,商品专辑与菜单导航息息相关,你应该对商品做一个整体的规划,代入客户自身购买的场景与需求,设置商品专辑和导航栏。在导航中添加指向商品专辑的链接,确保客户可以通过此链接来查找和查看对应的商品专辑。
  • 0:01:34 提升转化率比较常见的排序方法主要是基于以下几个方面:基于历史销量,最畅销的产品; 基于产品的创建日期,最新或最旧的产品; 基于最高或最低产品价格; 当然你也可以按照产品标题,字母顺序正向或反向排序进行手动排序。
  • 0:02:04 【点击需要排序的专辑,进入专辑详情页,选择以下排序方式对商品进行排序:选择系统规则排序;选中商品,进行手动拖拽排序。】商品专辑还有一个用处是可以把商品专辑页面与营销活动联系起来,将某些想要促销的商品用商品专辑进行管理,并将该商品专辑详情页做成广告投放的落地页。
  • 0:02:46 【同时商品专辑页也可以对seo信息设置为独立编辑,填写SEO标题、SEO描述、SEO链接、SEO关键字等,提升落地页的转化效率。】这样可以方便快捷地将营销活动与商品管理联系起来,更针对性地做广告宣传。
  • 0:03:14 下面我们来看一下如何建立商品专辑吧!【【打开[商品专辑],点击「新建专辑」按钮创建新专辑,可以创建两种类型的专辑【智能自动添加专辑】和【手动添加专辑】,不同类型的专辑有不同的商品添加方式。【智能自动添加专辑】:这种模式适用于SKU量大的商家,只需制定好规则条件,新建或修改后的符合条件的商品将自动被添加进专辑,且后续只需要对商品进行管理,符合条件的商品就会自动更新到专辑。极大地提高管理效率。
  • 0:04:07 选中智能添加,设置添加条件。需要提醒的是,当条件间关系设置为全部满足时,商品需要同时符合所有设置条件的要求才能被自动添加进该智能专辑;当条件间关系设置为任意满足时,商品仅需要任意符合所设置的条件的其中一条就能被自动添加进该智能专辑。手动添加专辑】:该模式适用于走精细化运营、SKU量少的商家。当对商品排序有严格要求或想打造一个小而精的包含特殊商品的专辑时,可选择手动添加来更精确的筛选专辑商品,通过导入商品的方式进行添加也是一种选择。】现在你已经了解了商品专辑的价值所在以及如何创建商品专辑,不如试试自行创建吧。
课程评论

看看学员怎么说

发表评论
顾客评论
已到底部
最新评价时间
按点赞数从大到小
按评分从高到低
按评分从低到高
×
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.