独立站店铺装修 checklist
收藏课程
取消收藏
10 mins / By SHOPLAZZA Learn
收藏课程
取消收藏

本课程从整个店铺装修、店铺目录页、店铺产品页、店铺购物车页和店铺结帐页这几个方面分享了一些独立站店铺装修的小贴士,帮助卖家改善店铺购物体验,显著提高电商网站转化率。

整个店铺要注意确保独立站的访问速度,维护顾客信任感,突出优惠活动信息等。店铺目录页装修,最好配备醒目清晰的搜索栏、导航菜单,以及显示过滤和排序功能。店铺产品页,需要产品说明和图片、视频和购物按钮、显示顾客评论或推荐等。此外,店铺购物车页应显示所有费用和添加交叉销售,吸引消费者购买。而店铺结帐页的装修需确保顾客的结账过程顺畅。

  • 0:00:12 在这个时代,第一印象是很重要的。一些卖家往往会忽略店铺装修的问题,只顾着罗列产品,却不去装修一下自己的店铺,这样不仅会损失流量,还会减低成交率,真的是非常可惜。实际上,改善店铺购物体验,对电商网站转化率的提高是有显著效果的。以亚马逊、沃尔玛这样的主流电商平台为例,它们都非常重视网站店铺的装修设计,以便能为顾客提供良好的购物体验。同样,跨境电商独立站也可以通过巧妙的店铺装修,直接影响独立站的转化率甚至是用户粘性。今天我就从整个店铺装修、店铺目录页、店铺产品页、店铺购物车页和店铺结帐页这几个部分和大家分享一些独立站店铺装修的小贴士。我们先来看看对整个独立站店铺的一些基础要求。
  • 0:01:11 在搭建跨境电商独立站店铺时,店铺的访问速度这一点至关重要。研究发现,近半数用户在网页加载时最多等3秒。慢半秒钟就意味着10%的销量流失。幸运的是,店匠使用的是目前全球最快、最稳定的亚马逊全球云服务器,100%保障海外任何国家访问的速度和性能。除此之外,还能自动监控扩容,是你跨境出海的强力保障。其次,在店铺网页上要注意展示联系客服图标,这样可以减少顾客的焦虑感。因为如果有任何疑问,顾客可以随时和你联系,而及时的响应也能让他们更加放心,增加对品牌的好感度。今时今日,网络安全与隐私成为线上顾客的主要关注点。因此,请确保你的独立站店铺每个页面的底端,都有指向关于我们、联系我们、隐私政策、配送信息、退货政策等页面的链接。
  • 0:02:17 在掌握好这些基础要求之后,我们就可以着手准备店铺首页的制作了。店铺首页通常是顾客看到的第一页,也是顾客购物旅程的第一步。所以首页美化的程度将会极大影响到用户的留存和进一步转化。因此,有一些点是要特别注意的。第一点就是:首页 Banner 图要重点突出。我们希望顾客在进入店铺首页时就能够马上意识到三个关键点:你是谁、你销售什么商品、你的价值主张是什么。所以千万不要将店铺首页设为产品列表页,而是要把它设计得足够吸睛,牢牢抓住顾客的注意力,唤起他们购物的欲望。此外,精美的图片对于线上购物非常重要。视觉化的呈现能让顾客更好地吸收信息,提高店铺的转化率。所以如果有条件的话,强烈建议在正式店铺装修之前安排进行一次专业的产品摄影,以便捕捉产品被使用的瞬间。如果你要针对某些产品或者节日提供优惠促销,请务必确保在主页上醒目地露出优惠活动信息。这里有个小贴士,可以在文案上配上“发现更多好物”之类的号召性用语,并提供指向优惠产品的链接。
  • 0:03:41 在独立站店铺首页,除了展示促销中的产品之外,在非促销期还可以展示畅销产品和特色产品。你甚至可以通过多种方式,添加适合目标客群的产品列表。通过店匠后台的“商品专辑-智能添加”,给商品打标签,就能自动把同属性商品更新到专辑内,例如:新品专辑、畅销专辑(即“Best Seller”)。好了,在完成这些优化要点之后,店铺装修基本上算是完成一大半了。但是还有一些细节部分需要继续打磨。通常,顾客会通过导航栏目录上的选择来进入产品页面,因此请务必做好标签分类,简化顾客的探索过程,这就要求我们提供一些功能服务。
  • 0:04:31 首先是醒目的搜索栏。建议提供全面的搜索功能,这样可以让顾客毫不费力地快速查找到自己想要的产品。如果你的独立站店铺还能提供建议性的搜索字词,那就更好了。另外,使用易于理解的分类对产品进行细分很重要,它有助于提高顾客参与度,帮助他们流畅地浏览店铺,所以还需要清晰的导航菜单。例如,服装品牌一般通过“牛仔裤”,“T恤”、“夹克”等来区分产品范围。而添加过滤器和排序功能,可以帮助你的顾客更轻松地找到他们想要的东西。店匠的店铺装修功能就提供了相应的主题,使用之后即可轻松设置。举个例子来说,如果顾客想买价格在30-50美元之间的灰色美瞳,那么他们就能在过滤器进行快速筛选,而无需浏览海量产品,非常方便。
  • 0:05:32 接下来,我们看一下店铺内容的核心部分 - 产品页面,这里才是你进一步赢得顾客的地方。如果产品页面的体验太差,你有可能会因此失去顾客。所以,在产品页面上,我们需要注意向客户提供一些必要信息。我们需要提供简短的产品说明。由于顾客习惯快速找到对应的商品,因此不太可能阅读冗长的的产品描述,所以请尽可能保持简洁。如果你希望展示更详细的产品描述,可以在简洁版本下方添加“了解更多”,以使感兴趣的顾客可以获得更多信息。另外,可以尽可能多的展示不同角度的产品清晰图片。如果可能的话,最好有一些产品的细节大图,以便顾客可以仔细查看。现在国内淘宝等电商店铺几乎都会提供产品展示的视频,这种方式在海外也变得非常流行。你可以在视频中向顾客展示如何使用该产品,也可以对产品进行介绍和测评,而这些内容颇受海外消费者的喜欢。每当顾客访问产品页面时,“Buy Now”或“Add to Cart”按钮越清晰可见,顾客越可能快速下单成交。建议突出显示购物按钮,不妨使用大胆和明亮的颜色,可以让你的按钮脱颖而出,从而提升转化率。
  • 0:07:00 有一个值得注意的小细节是,根据顾客购买的商品,向他们提供关联/互补商品即“Related Product”、“You may also like”。有助于在独立站店铺创建个性化的购物体验,达到最佳的销量提升效果。 通常我们会在产品页面的底部展示所有顾客评论。有研究表明,当顾客在决定是否要购买一款产品时,93%的人都倾向于参考其他顾客生成的内容。Revoo数据证明,好的评论可提高18%的销量。所以,想要更多的销量,你必须展示更多好评。当顾客选择了要购买的产品后,便会检查购物车中的物品。这个时候我们可以利用购物车装修功能来做一些装修,以吸引顾客下单购买。购物车页面应预先显示所有费用。据统计,“意料之外的费用”是顾客放弃购物车的第一原因。如果订单中有任何其他费用(比如“额外的运费”),请确保在购物车页面上有提及。购物车页面是你交叉销售其他产品的最后机会。有数据指出,交叉销售可以帮助产生多达 35% 的利润。撩起客户的潜在需求,才能提高每张订单的销售金额。所以要利用好购物车装修,再次进行交叉销售。
  • 0:08:22 一旦顾客对购物车中的物品感到满意,便会想要购买它们,这时候就会进入到结帐页面。这时,我们就需要特别关注用户在结账付款侧的操作体验了,这主要包括了这3个要点。 1.显示配送选项。通常而言,顾客倾向于尽早收到自己购买的物品,因此请向他们展示你能提供的所有配送方式。如果你能够提供当天送达或次日送达,则可以要求顾客为此支付额外运费,让他们知道自己是有选择的,而不是只能经历漫长的等待才能收到物品;2.提供多种付款方式。对于欧美客户来说,常用PayPal进行支付,因为PayPal是最受信任的线上支付解决方案。此外,海外顾客最常用的付款方式还有信用卡或借记卡。所以,对于顾客来说,提供的付款方式越多越好。店匠目前支持 PayPal 个人/企业、信用卡、COD(货到付款)等多样化的付款方式,完全可以适配你的独立站店铺需求,为顾客提供良好的结账体验。3.为了确保顾客的结账过程更顺畅,建议卖家可以按照商品详情展示 / 顾客名称、地址等信息 / 支付信息 / 确认页面这4个阶段来分解结账过程,使客户拥有一个轻松舒适的购物体验。如果你已经拥有独立站店铺,不妨对照这些要点,对自己的店铺装修进行优化。一个高转化率高销量的店铺,其实就是由这些细节累积起来的。
课程评论

看看学员怎么说

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