4.4 Shopify主题Brooklyn安装演示

即刻注册Shopify,跟着WaimaoB2C精心准备的Shopify开店教程一起开始外贸独立站之旅!


上篇文章简要介绍了Shopify主题下载与安装过程中需要注意的一些事项,本篇以及下一篇文章以waimaob2c.myshopify.com这个演示站点和Brooklyn模板为例,来详细说明Shopify主题的基本设置过程以及Shopify主题代码级别上的一些必要的修改。

在开始之前,需要了解的是,目前大部分的主题是支持Shopify的Section功能的,如果不支持Section功能,则本篇文章不具有参考性。Shopify官方购买的主题都是支持Section功能的,第三方主题网站判断shopify主题是否支持Section功能要看主题的介绍中是否有写支持section功能,或者直接联系主题作者确认。

另外,不同的主题,设置选项和功能会有些不同,甚至会有很大的不同,本篇文章无法面面俱到,只能提供参考思路,有任何问题可以在Shopify论坛 waimaob2c.cn (如果还没有论坛账户请点击本邀请链接注册论坛账户) Brooklyn主题专版提问交流,获取帮助。

主题在安装之后,点击Customize按钮就可以进入到主题的设置页面了。如下图

当前页面大致可以分为三大区域,功能与结构如下

区域1 左侧边栏

  • 点击左上角蓝色背景的Shopify Logo可以返回Shopify的后台,按钮旁边为当前主题名称
  • 主题名称下方有两大板块以Tab的形式显示,分别为Sections和Theme Setting
  • Section负责的是当前单独页面的布局设置,下方的功能设置内容随着右侧区域2的页面改变而改变
  • Theme Setting负责的是网站全局颜色,字体,购物车页面,结款页面的设置,不随着右侧区域2页面的改变而改变
  • 左侧边栏的最下方Theme Action按钮可以帮你快捷跳转到Edit Code页面和Edit Languages页面,对主题进行更复杂一些的设置。
  • Theme actions按钮右侧的两个箭头按钮可以对你的操作退回到上一步或者前进到下一步

区域2 右侧顶部边栏

  • 不同页面切换按钮
  • 同一页面不同屏幕大小预览按钮 (鉴于目前移动端流量普遍在50%以上,所以,无论对哪个页面的修改,建议都要查看下移动端屏幕大小下网站内容的排版显示)
  • 保存按钮

区域3 右侧主题预览窗口

下面就以不同页面的功能设置来详解Shopify主题Brooklyn的设置。

Brooklyn主题网站首页的设置

Brooklyn主题编辑时,网站首页在左侧边栏共有两个大项需要设置,一个是设置页面布局的Sections,一个是设置网站整体颜色,字体,风格的Theme Setting。

Sections设置

Sections下有四个固定的Section分别为Sidebar menu,Header,Slideshow,Footer;Brooklyn主题首页还支持众多的自定义的Sections。他们的设置如下:

Sidebar Meun设置

Sidebar Menu是Brooklyn主题特有的一个功能,在移动端较小屏幕上显示网站内容的时候,网站顶部的菜单通常会以Sidebar Menu的形式存在。如下图

在电脑桌面,当网站顶部的主菜单因为内容太多盛不下的时候,Brooklyn会自动将顶部菜单隐藏,而以左侧边栏的方式隐藏存在。

当点击左上角的三个横线标志时,侧边栏会从左侧划出,显示效果如下图

因此,如果在电脑端如果不想以左侧边栏的形式展示主菜单的话,就要控制主菜单项目的数量和每个菜单项目的字符长度,避免自动折叠。例如将主菜单做成二级菜单展示(二级菜单设置教程见),将Contact us改为Contact,将And改为&,将菜单字体调小,不使用粗体,等等等等。

如果实在不好控制菜单的数量和长度的话,可以通过修改代码 ( Edit Code) 的方式将网站首页的显示宽度调宽。后面一篇文章会详细说明如何对Brooklyn主题做一些修改。

点开左侧边栏的Sidebar Menu,会显示要你设置Primary Menu和Footer Menu,点击Select Menu,选择想要显示在侧边栏的Primary Menu和Footer Menu菜单项目就可以了。勾选最下方的Enable Search,会在侧边栏的最上方添加一个搜索框。

Header设置

Header设置的是网站顶部的内容,包括 网站主菜单Menu, 网站的Logo,显示在Slideshow上的Home Page Logo,Logo的尺寸设置,网站顶部搜索框的显示与否,搜索框的显示方式,网站顶部通知栏的设置。

网站的Logo是显示在网站所有页面的Logo,Slideshow上的Home Page Logo是为了防止Slide和你的Logo颜色差不多,导致Logo显示不清楚的问题而单独为网站首页设置不同Logo而存在的,如下图:

当你的Slide图片为灰黑色的时候,黑色的Logo就无法显示清楚,这个时候就需要使用Home Page Logo单独设置Slideshow的Logo,如下图,灰黑色的Slide配合白色的Logo,可以将Logo信息凸显出来。而在其他网站页面,则显示的还是黑色的Logo。

Slideshow设置

Slideshow设置包括两部分,一部分是Settings,是对整个Slideshow的控制设置,包括轮播图片是否自动切换,每多长时间切换一次,Slideshow上面的文字的颜色设置,按钮颜色以及按钮上的文字颜色设置;另外一部分是Content,是对Slideshow每张图片的单独设置。

点击Content项下的Add Slide可以添加新的图片到Slideshow,每个Slide的设置内容包括3个部分:图片,图层,显示文字内容。Shopify官方Brooklyn演示站点的Slide图片的尺寸是1200*800px,所以推荐使用长宽比为3:2的图片,可以使用PS裁切图片到3:2的比例,同时要保证图片的质量,建议长度不低于1200px,同时要看文件大小,太大的文件会严重影响网站的打开速度,因此,要在图片的清晰度,与文件尺寸这两个关键点上找到一个平衡。如果有多张Slide图片,建议所有的Slide图片尺寸要一致。

另外,在之前《关于Shopify图片的一些补充》那篇文章中提到的,在制作Slide图片的时候,一定要将重要的图片信息展示在图片中间,同时图片上不要添加任何文字内容,因为在电脑上可以正常显示的图片,在手机上会被裁切部分显示,而现在移动端的流量可以占到总流量的50%甚至90%以上,也就意味着有相当一部分人可能因为图片被裁切而无法看到你想要展示的重要信息。如下图,左侧为电脑上正常显示的图片,右侧为手机上显示的被裁掉的图片。

Overlay可以为你的图片添加一个单颜色的图层,以凸显你的文字内容。如果你的Slide图片色彩艳丽而且色彩复杂,你在Slide上添加的文字就很难显示出来,网站访客的阅读体验就会差很多。通过Overlay功能为你的Slide图片添加一个单色的图层,并设置一定百分比的透明度,可以提高你的Slide文字的显示效果,提高用户体验。如下图

Overlay 黑色 0%

Overlay 黑色 30%

Text & Footer设置

Text则为设置每个Slide上显示的文字内容,以及按钮链接地址。

当然,如果你不想在你的网站首页显示Slideshow,你可以删掉所有的Slide,则网站首页不再显示Slideshow轮播大图板块。

Footer设置的是网站底部的内容,Setting部分设置底部菜单栏的内容,Theme Setting设置的是网站底部的社交网络账号信息。

自定义Sections设置

除了以上四个固定的Section设置之外,Brooklyn主题在网站的首页还支持众多的自定义的Sections,点击Add Section,就可以跳转到可添加的Section的列表,点击你想要添加到网站首页的Section,该Section的内容就会以预览的方式显示在网站的首页,只有点击该section右侧的Add按钮,再点击右上角的Save按钮保存之后,该Section才会真正的添加到网站的首页。Section的内容包括:

  • Blog Posts – 将博文摘要内容展示在网站的首页
  • Collection List – 将产品目录列表展示在网站首页,Brooklyn主题支持在首页显示的目录数量最多为9个。
  • Featured collection – 将指定产品目录的产品展示在网站首页
  • Image with text – 设置图片与文字信息展示在网站的首页
  • Feature product – 将指定产品的图片,标题,价格,描述信息展示在网站首页
  • Newsletter signup – 将邮箱订阅按钮添加到网站首页,当用户使用本功能提交他们的邮箱之后,Shopify系统会在后台自动创建一个Customer信息
  • Map – 将地图信息添加到网站首页
  • Rich text – 将富文本信息展示在网站首页
  • Video – 添加视频到网站首页
  • Custom HTML – 添加自定义的HTML内容到网站首页

添加到网站首页的Section都会展示在左侧边栏的Sections项下,自定义添加的Section在右侧都会有一个眼睛图标和六个点的图标,如下图:

点击眼睛图标可以将该Section隐藏显示,将鼠标放在右侧的六个点上,鼠标指针变成小手,可以对这些section进行上下拖动排序。

要删除某个Section,需要点击该section进入section设置页面,在最下方找到Remove Section按钮,点击该按钮就可以删除该section了。

自定义添加的section的设置都比较简单,完善设置信息,并依据右侧预览窗口里面的显示效果进行调整就可以了。

Theme Setting设置

Theme Setting设置的是网站整体的配色Colors,字体Typography,购物车页面Cart Page,社交网络信息 Social Media,网站图标Favicon,网站结款页面Checkout,以及网站主题预设风格切换的设置。

Colors & Typography设置

这里Colors的设置和Typography的设置都比较简单,在左侧边栏调整之后,在右侧网站的预览窗口就会实时的显示出来实际效果。虽然这些设置都比较简单,但是里面的学问却大的很,尤其是网站的配色,对消费者的购买行为会有潜移默化的影响,感兴趣的朋友可以去Google搜索相关的研究,也可以看WaimaoB2C之前的文章《Shopify主题的选择》里面的简要的介绍。

Cart Page设置

Brooklyn主题的购物车支持两种方式,一种是右侧滑出购物车页面Drawer,即当用户点击Add To Cart按钮之后,会在当前页面的右侧滑动显示购物车信息,如下图;另外一种是直接跳转到全屏的购物车页面Page,当用户点击add to cart按钮之后,页面会跳转到购物车页面。Cart Page页面以哪种方式显示,可以按照你的需求进行选择。

在Cart Page设置页面,勾选Enable order note可以在购物车页面添加一个可以输入的文本框,方便客户对订单做一些补充说明。显示效果如上图右侧白色方框输入区域的Special instructions for seller。

Social Media & Favicon设置

Social Media设置板块可以将你的社交网站链接地址添加到网站的底部,还有就是网站产品页面,博客页面的分享按钮显示与否。另外,在Social Medie设置板块最上方有一个设置Social Share Image的地方,可以设置当你的网站被分享到社交网络上的时候,在社交网络上显示什么图片。

Favicon设置的是浏览器上的图标文件,图标文件最好是正方形的,在文件上传之后,图片会自动裁切成为32*32像素的小图标。

Checkout设置

Checkout的设置内容包括Banner的背景图片设置,Logo的设置,内容显示区域的背景图片设置,客户提交收件信息的表单背景颜色设置,结款页面文字字体设置,按钮颜色设置等等信息。这些内容的设置也都比较简单,不过在右侧预览窗口是无法显示Checkout页面的,因此在设置过程中要看到设置的效果,就需要在新浏览器标签页中打开网站的结款页面,边设置,边保存,保存之后刷新结款页面浏览设置好的页面的效果。关于网站结款页面的更多的设置需要在网站后台 – Settings – Checkout页面进行操作。

通常一款主题会有多个风格配色可供选择,在Theme Setting的最下方,可以对这些风格配色进行切换,Brooklyn支持两种风格,Classic和Playful,在这里可以一键切换风格,而无需重新安装主题。

主题的其他页面设置

在右侧顶部边栏下拉选择框中选择Product Pages页面之后,在下方会出现某一款产品的详情页面。在左侧边栏的编辑区域,除了Sidebar Menu,Header,Footer之外,在首页出现的其他Section会通通消失,由Product Pages Section代替。除了首页,Brooklyn主题目前还不支持在其他页面添加自定义的Section。

Product Page设置

点击Product Pages Section之后,就进入到了产品页面的设置。所有设置的项目是应用于所有的产品页面的,而不是仅应用于当前产品页面。产品页面可设置的项目包括:

  • Enable image zoom – 是否允许图片放大功能
  • Enable product sharing – 是否显示社交分享按钮
  • Show product vendor – 是否显示产品的厂家/品牌信息
  • Image display – 产品图片的显示方式,Stacked(所有图片以大图的方式显示);Thumbnails(一张大图加其他小图的方式显示),此设置只在电脑桌面上会有不同的显示,在移动端看不出有任何的变化。
  • Show quantity picker – 是否显示数量选择按钮
  • Picker type – 变体选择方式是下拉展示还是平铺展示
  • Add to Cart button size – 设置加入购物车按钮的大小

Collection Page设置

Collection Page设置的是某一个产品目录里面的产品的展现方式。可设置的项目包括:

Grid Style – 产品排版方式,Grid (整齐排布) 还是Collage (拼接排布),如下图

Grid (整齐排布)

Collage (拼接排布)

当产品列表页面选择Collage的方式对产品进行排版的时候,你可以通过在后台改变产品的排列顺序来决定哪个产品以大图的形式展示,哪个产品以小图的形式展示。下图为Brooklyn主题Collage方式展示产品的时候的序号,由下图可知,每6个产品中就会有首尾两张产品图片以大图的形式展示,因此,大图显示的产品的序号分别为1,6,7,12,13,18,19,24…:

在了解了产品的排序方法之后,就可以在Shopify后台通过手动选择哪些产品展示在特定类目里面,然后,对该类目下面的产品进行上下拖动排序,排在1,6,7,12…位置上的产品在类目产品列表页面展示的时候就是以大图展示的产品了。如下图:

除了页面产品的排布方式,可设置的内容还包括:

Enable collection sorting – 是否允许产品排序,如果选择允许产品排序的话,在产品目录名称下方就会出现Sort By的下拉选框,用户可以选择不同的排序规则对该目录下的产品进行排序,排序的规则包括:按照销量排序,按照首字母从A到Z或者从Z到A进行排序,按照价格从高到低或者从低到高进行排序,按照上传产品的日期进行排序。

Show collection tags – 是否显示产品的Tags,如果勾选显示产品目录的Tags的话,在产品目录下方就会将目录下属产品的所有的Tags横排罗列显示在目录名称下方。也就是说,在这里Tags起到的作用是产品筛选功能。例如,你可以给产品添加颜色Tags,这样在产品类目名称下方就会出现颜色的Tags,选择红色Tag,所有满足这一条件的,红色的产品会显示在下方。

Show product vendor – 是否显示产品的厂家/品牌信息。如果勾选,在产品列表上的产品价格下方就会出现对于的Vendor信息。

Collection List Page设置的是产品目录的列表页面,你网站所有的产品目录会在这个页面罗列展示。展示方式有两种,一种是自动展示所有的产品目录到Collection List Page,然后按照产品目录名称首字母从A到Z或者从Z到A进行排序,或者按照产品数量从多到少或者从少到多进行排序,或者按照日期进行排序。

另外一种方式是手动选择要显示的产品目录,并且手动排序这些产品目录。在Select collections to show项下选择Selected之后,在Content下点击Add Collection就可以将你想要添加的Collection添加到List Page页面上了。当添加了多个Collection到List页面之后,就可以手动上下拖动Collection进行排序了。如下图:

Brooklyn主题的Customize设置基本上就是这些内容了,上文中没有涉及到的具体的设置,以及其他页面的设置,如果有任何问题,欢迎来Shopify论坛 – WaimaoB2C.cn互动交流。

想要了解更多代码方面对Brooklyn主题的设置修改,可以查看下篇文章:《Shopify主题Brooklyn的优化》

关于Shopify图片的一些补充

即刻注册Shopify,跟着WaimaoB2C精心准备的Shopify开店教程一起开始外贸独立站之旅!


本篇文章是对《3.1.2 Shopify产品上传教程 – Product Image》的补充,补充内容如下:

Shopify支持的图片格式包括

  • JPEG / JPG
  • Progressive JPEG
  • PNG
  • GIF

如果你上传的图片格式不是以上类型的图片,Shopify会自动将你上传的图片格式转换为以上类型的图片,大部分其他格式的图片都会转化为JPEG,SVG格式的图片会被自动转化为PNG格式的文件。

以上几种类型的产品图片,在不同的使用环境中各有优势,Shopify官方的建议如下:

JPEG / JPG格式的图片

JPEG/JPG格式的图片适合用于显示色彩相对丰富复杂的静止图像,例如拍照的照片图片格式通常为JPG格式的文件。JPEG/JPG格式的图片色彩丰富,同时可以在保证图片质量的前提下保证图片的显示效果,就是对图片的无损压缩,这样既保证了图片的显示效果,对图片的无损压缩减小的文件的大小从而保证了网站的打开速度。

因此,JPEG/JPG格式的图片适用于 产品图片,网站的Banner图片,轮播图片,网站页面和博客文章里面的图片。

PNG格式的图片

PNG格式的图片是图形图标文件的理想格式,同时也支持透明度功能,因此在网站的里的Logo图片,以及社交图标文件等等图片应用建议选择PNG格式的图片。

Shopify对图片的自动压缩

为了提高网站的打开速度,减少网站页面的加载时间,同时将更多的图片存储在特定数量的磁盘中,Shopify会在特定的条件下对满足特定要求的图片进行压缩。图片压缩之后可能会导致图像质量的改变。压缩之后的图片的分辨率和你上传的图片的分辨率以及图片尺寸有关系。通常被压缩之后的图片的分辨率DPI为

  • JPEG:65-90之间
  • PNG:90
  • GIF:不会被压缩

图片的具体分辨率设置可以使用PS查看与调整(快捷键Ctrl+Alt+I)

对JPEG格式的文件来说,压缩之后的图片的分辨率和你上传的图片的分辨率以及图片的尺寸有关系。

原图分辨率 图片尺寸 压缩之后的分辨率
86或者更高分辨率 图片宽或高大于等于1024px 85
65 – 85 图片宽或高大于等于1024px Original quality
64或者更低分辨率 图片宽或高大于等于1024px 65
76或者更高分辨率 图片宽和高都小于1024px 75
65 – 75 图片宽和高都小于1024px Original quality
64或者更低分辨率 图片宽和高都小于1024px 65

图片文件限制

上传到Shopify网站的图片在网站的像素尺寸和文件大小方面都有限制,超过以下任意限制在上传文件的时候会显示出错。

  • 图片像素方面的限制为2000万像素, (图片长与宽像素的乘积)
  • 文件大小方面的限制为20M

关于大尺寸图片在不同设备终端的显示问题

大部分的Shopify主题(例如Boundless,Brooklyn,Venture)支持使用全屏的Slideshow图片或者Banner图片,在上传这些图片之前,你需要首先了解这些图片在不同设备上的显示问题,因为Shopify是一个自适应的系统,会自动调整图片的显示尺寸以适应不同屏幕的大小,在电脑上可以全屏显示的图片,当用户使用手机访问时显示的图片可能只是原图的一部分。

因此为了保证你的图片能够在任意大小的屏幕上有最佳的显示效果,在制作大图时需要注意以下几点:

  1. 尽可能的将你想要展示给客户的重要图片信息显示在图片中间,以防止在电脑上可以正常显示的图片在手机上访问时被截掉。如下图,Shopify系统对大图的截取示意:
  2. 用于Banner或者Slideshow的图片在上传到Shopify上之前,请不要添加任何文字信息,以防止在手机上访问时文字别截掉。你可以在图片上传之后使用Shopify系统为图片添加文字信息,这些文字是独立于图片的,是自适应的,不会被截掉。
  3. 图片不应该过于复杂,以防止你在后期添加文字的时候文字显示效果太差难以阅读,如果确实无法避免使用太过复杂的图片,可以在图片上传之后使用Shopify的图片Overlay功能,在图片上方蒙上一层可以调整透明度和颜色的涂层,以凸显文字的显示。

如下图分别为不使用Overlay的文字显示效果,使用黑色+30% Overlay的显示效果以及使用红色+30% Overlay的显示效果。

Shopify模板安装与设置

4.3 Shopify主题的下载与安装

即刻注册Shopify,跟着WaimaoB2C精心准备的Shopify开店教程一起开始外贸独立站之旅!


update on 2018-02-10:

Shopify论坛 – WaimaoB2C.cn 的 Shopify主题板块有WaimaoB2C自己购买的,群友分享的,以及网络搜集的近30款Shopify付费主题的下载链接哦,只要达到积分要求就可以免费下载,感兴趣的朋友们去check check吧!点我获取论坛邀请链接注册Shopify论坛账户

之前的两篇文章Shopify主题的选择竞争对手研究,可以帮你在确定使用哪款主题之前对自己的网站的功能需求有一个预期。在确定使用哪款主题之后,接下来就是主题的下载与安装,也就是本篇文章要说明的问题。

Shopify主题的下载

Shopify官方的Themes主题市场 https://themes.shopify.com/themes 目前(20180117)共有61款主题可供选择,其中免费主题10款,付费主题51款。你可以在该页面左侧边栏按照主题价格,产品数量多少,页面布局方式,以及产品页面功能等等条件对主题进行筛选,也可以在右上角Sort按钮按照主题的价格,受欢迎程度以及主题发布时间对主题进行排序。 Continue reading

4.2 查找竞争对手的Shopify网站并进行简单分析

即刻注册Shopify,跟着WaimaoB2C精心准备的Shopify开店教程一起开始外贸独立站之旅!


查看Shopify的网站大概有以下几种方式:

方法一: MYIP.MS

第一种方法 – MYIP.MS, 自己去看吧: https://myip.ms/browse/sites/1/own/376714

MYIP.ms这个网站不仅仅列出了IP地址23.227.38.32上的所有网站,还依据网站的流量列出了该网站的世界流行度排名(World Site Popular Rating),这些数据和Alexa数据有差别但是大体一致。 Continue reading

shopify主题

4.1 Shopify主题的选择

即刻注册Shopify,跟着WaimaoB2C精心准备的Shopify开店教程一起开始外贸独立站之旅!


Shopify主题的选择对于很多人,尤其是有选择恐惧症的人来说,是一件让人揪心的事情。因为在选择主题的时候,我们或多或少会结合自己的业务和产品的实际情况,去比较各个主题的配色布局,功能特点,然后选择出来那个和自己预期最相近的主题购买安装,可是使用了一段时间之后发现,还是有各种不爽,又在考虑是不是另外一个主题更好一些,于是又安装了另外一个主题,再过一段时间,又调回了之前的那个主题…

所以说在很多时候没有选择的余地要比选择太多来的更痛快一些。就像前段时间,和一位群里的朋友聊天,说他自己从接触Shopify到现在,一步步研究,搞定了很多的技术问题:解析绑定域名,给App安装代码,给主题安装亚马逊跳转按钮,安装GA,Pixel代码… 的确,对于大部分人来说,这些都是比较新鲜的玩意儿,虽然不难,但是如果不懂,可能也还是要花个一天半天去折腾的,所以说,成长大概就是这样被慢慢逼出来的吧。不过,如果跟着教程操作一遍还搞不定,建议请教或者外包给他人,不要在这些事情上浪费太多的时间。

回到本篇文章的主题,原本本篇内容有三部分的:

第一部分就先带大家来看看关于Shopify主题的选择,我们需要具体考虑些什么问题;
第二部分总结几种查找竞争对手网站,如何对竞争对手的网站做简单分析。
第二部分总结性的分析下目前全球排名最靠前的Shopify网站colourpop的主题特点。

不过在发文章的时候,考虑到第二部分内容之前有不少人在群里问到过,所以决定单独再发一篇文章详细的说说。本篇文章的一个思路大概就是首先和大家聊聊Shopify主题选择的时候大概需要注意或者要考虑的事情,然后去Google找其他人的Shopify网站,尤其是做的比较好的同行竞争对手的Shopify网站进行分析研究,对自己的网站需求有更加明确清晰的了解。最后一部分内容结合Colourpop这个网站总结性的简单聊聊我所看到的Colourpop网站的特点亮点。

本篇文章在工作之余断断续续写了有一个多星期,还是比较简单的内容,后面会根据大家的反馈更新文章内容。

首先开始第一部分,选择Shopify主题,具体需要考虑些神马问题。 Continue reading

Shopify Shareable Discount Code

Shopify新功能 – Shareable Discount Links

即刻注册Shopify,跟着WaimaoB2C精心准备的Shopify开店教程一起开始外贸独立站之旅!


为了迎接黑色星期五和网购星期一的到来,Shopify更新了自己的系统,新添加了Shareable Discount Links功能。在这之前,只有用户在借款页面输入你设置的折扣码才能享受到折扣,但是现在,使用Shareable Discount Links功能,只要用户通过你分享给他的折扣链接,用户下单的时候就会自动输入折扣码,用户实际付款为折扣后的金额。

据Shopify去年黑色星期五和网购星期一的数据显示,超过一半的Shopify商家使用了折扣码做为促销手段,而带来的效果是订单数量是同年11月份订单量的3倍还要多。 Continue reading

Instagram 购买按钮设置

即刻注册Shopify,跟着WaimaoB2C精心准备的Shopify开店教程一起开始外贸独立站之旅!


自从之前一篇文章 Instagram购物功能即将上线 那天收到Instagram的邀请邮件到今天过去近两个星期了,今天是接受邀请的最后一天,于是抽了点时间搞了搞。最近梯子普遍都不太好使,费了好大劲儿终于爬到了Google Play上更新了下Instagram到最新的版本。然后设置了下Instagram的购买按钮功能。整体来说还是比较简单的,这里就先做个简单的说明,后面有什么问题,再在这里更新。

在设置Instagram的购买按钮功能之前,请确保已经至少满足以下几个条件

  1. Shopify 使用的是29美金每个月的版本且开通了Online Store功能
  2. Shopify 开通了Facebook Shop功能
  3. Instagram是Business Account
  4. Facebook的Page页面和你的Instagram账户是关联起来的
  5. 目前Instagram的Shop功能在测试阶段,只有被邀请的用户可以开通Shop功能
  6. 使用的Instagram必须是最新版本的

登录到你的Instagram账户,在账户首页,下拉页面,在页面顶部就会出现如下图提示 “Start Tagging Products on Instagram”(如果没有出现的话,可以多下拉几次试试)点击GET STARTED按钮,进入到设置流程 Continue reading