美文网首页Shopify
从0到1,1天搞定一个Shopify基础站(上)

从0到1,1天搞定一个Shopify基础站(上)

作者: Shopify技术服务 | 来源:发表于2018-10-22 10:07 被阅读803次

       随着Shopify在中国越来越火,加入shopify的人也越来越多,大家都想蹭热度跟一波。基本上,新入shopify的伙伴们都会面临一个问题,如何快速熟悉shopify后台,如何快速搭建好自己的店铺。本文就是来帮助大家解决这个问题,只要你确定好想卖哪些产品,只需要1天,跟随本文的流程,就可以完成整个建站过程,正式开门营业。

       写在前面:本文偏向实操性质,没有大方向讲解,没有趋势讲解,没有战略讲解,有的只是怎样快速建站,少走弯路,适合shopify小白卖家。 

    由于本文内容较多,会分为上下两篇,第一篇重点讲解店铺前台页面的装修,第二篇讲解店铺后台的设置以及正式上线前的店铺测试。

       很多浏览本文的都是一些未接触过Shopify或者是刚接触Shopify的人员,因此,在开始正式内容之前,先针对文章中涉及到的一些专业名词,做一个简单的介绍。

       域名

       我们平时可见的Shopify域名只有一个,就是访问店铺的网址,比如fashionnova.com,这是商家自己购买并在Shopify后台设置的对用户可见的域名。

    另外一种是注册Shopify店铺时分配的域名,这种域名会以店铺名称 + myshopify.com组成,如注册时的店铺名为abc,Shopify分配的域名就是abc.myshopify.com。这种分配的域名一旦分配后不能随意改变,即便你在后台修改店铺显示的名称,域名也不会随之更改。

       Shopify App

       Shopify有一个自己的Shopify App官方市场,类似苹果的App Store,市场中都是经过Shopify审核过的一些店铺管理工具。比如我们下文中会用到的一些导入工具,或者收集用户邮箱并代发邮件等工具。

    每一个Shopify App使用之前都需经过安装流程,下文中在用到第一个App的时候会讲解。

       结款方式

        商家对Shopify付款,比如月租,Basic级别2%的交易费用,只能使用信用卡,而商家绑定店铺的账户一般是PayPal账户,用户可以通过PayPal进行付款,当然,也支持其他多种支付方式。

        我们从一个简单的店铺案例开始,教大家如何从0开始,一天时间建立一个这样的独立站。主要是两个页面,分别是主页和产品详情页,还包括其中一些小挂件,比如弹窗 / 评论等。

    店铺首页如下图:

    产品详情页如下图:

    弹窗图:

        当然,光有展示页面还不够,我们还需要能让用户正常下单,付款,就离不开后台的域名 / 运费 / 支付等设置。

        这些全部设置完毕,一个完整的独立站就算建立完成了,简单列一下我在建站过程中对照的流程,因为有时候可能一天需要建几个站,所以我习惯将这些大的步骤一个个列下来,避免遗忘。

    建站步骤:

    1.店铺注册

    2.店铺装修

    3.店铺设置

    4.店铺测试

        1.店铺注册

        注册店铺时只需要访问Shopify官网,点击注册店铺,注册时需提供邮箱。避免使用163 / QQ / sina等国内邮箱,因为注册完就提示店铺不可用,尽量使用gmail或outlook等国外邮箱。

        另外,注册时将自己的翻墙工具关掉,注册店铺地址也填写自己真实地址,不用特意写国外的地址,容易被封。

        注册完之后,会有14天的试用期,一般店铺装修完毕之后,就付费了,不用等到14天试用期到了之后再交费,因为如果不交钱用户没办法付款结账。选取shopify付费级别时,选择Basic级别,月租29美金/月,支付设置时使用paypal收款,每笔订单shopify会有2%的交易抽成。

        2.店铺装修

        主题设置

        Online Store -> Themes -> More themes,点击下图中箭头指向的按钮,选择免费主题。这里我们就选择Brooklyn,保存。这样主题设置并没有成功,只是把主题添加到选择列表中了,还需要应用到店铺。找到More themes右侧主题列表中,我们刚刚添加的Brooklyn,点击Actions -> Publish,搞定。

        商品导入

        主题选好之后,我们需要将店铺要销售的商品导入到店铺里面去,只有有原材料了,才能开始盖高楼。话不多说,看看怎么快捷导入。

        我在这里没有使用shopify官方的导入,因为实在是太慢了,我要一个一个复制,再一个个黏贴,就算将一天的时间都花在导入这个环节上面,也是不够的,这时候就体现出工具的好处了。我选择了一个导入的app来安装,dropseek,可以将aliexpress上面的产品直接复制到自己店铺,shopify官方的oberlo也可以,但是有数量限制,dropseek没有数量限制。

        dropseek目前还没有上架到app市场,据说还在申请,所以只能通过直接访问他们的网站,再去安装app,www.dropseek.co,安装结束后,会直接跳转到dropseek后台,我是通过安装他们的谷歌插件来导入商品的,比较方便,在谷歌应用商店,搜索dropseek,添加即可。插件安装后,到aliexpress中搜索你要导入到店铺的商品,如果是在列表页,选择点击下图中的按钮,就可以导入了,如果是在某一个商品的详情页,点击网页右下角的相同按钮就可以了。

        全部导入结束后,回到刚刚dropseek的后台,刷新页面,就能看到自己刚刚选取的商品的全部信息了。点击下图中的按钮,就可以一键将所有的商品全部导入到shopify店铺。

        根据需要导入商品的多少,时间花费不定,所以这时候我们没必要一直盯着他,可以去做其他事情了,结束后,会有提示的。

        这时候,我们可以去创建商品的分类,这样等到商品全部导入结束后,我们就可以批量归类,一点都不耽误时间。

        Shopify后台,Products -> Collections -> Create collection,填写title,描述可以暂时不用写,collection type选择Manual,保存。自己导入的商品有几个分类,这里就新建几个。

        新建完毕之后,看产品导入是否全部结束,如果全部结束,点击Shopify后台,Products -> All products ,选择需要归类的商品,点击Actions -> Add to collection,勾选指定分类,产品分类就成功了。

    如此,商品导入这个模块我们就完成了,开始设计店铺了。

        首页装修

        主题确定好后,就需要给主题添砖加瓦,选择图片,显示分类了。

        首先,我们要修改店铺首页头部显示的店铺名称,一般是与自己店铺的域名一致的。点击Settings -> General -> Store Details ->Store name,修改即可。

        点击Current theme -> Customize,在左侧栏目中,点击Theme settings,可以修改主题的配色和字体,我们这里不进行修改,选择默认情况。

        先设计的是Home page,也就是我们店铺的首页。点击Sections -> Slide show,就可以设计首页最上面的banner图了,默认的是2张图切换,点击每一个Slide,可以修改图片和图片上方的文字,以及图片对应的链接。我选择的是默认图片,Shopify有提供各个行业的一些通用图片,如果你暂时没有好图片可以选择,也可以像我一样直接用Shopify的图片,也是一个不错的选择。这样,我们大图展示就设计完了。

        中间的Talk about your brand的文案,可以通过Sections -> Rich text进行修改。

        点击Collection list,在分类列表中选择需要展示在首页的分类,选择好后,页面会变成类似下图中的样子。

        Featured collection可以展示一整个分类的产品,我这里是选择了将Shoes分类中的商品全部展示在首页。

        这样,首页就全部设计完毕了,设计完之后,就是我在教程开篇中展示的示例的样子。

        首页上还有幸运转盘和弹出框没显示,转盘和弹出框的显示其实是为了收集用户的邮箱,用来做邮件推广。用户通过转盘或弹出框输入邮箱,我们会给用户一个指定优惠的折扣码,用户可以在我们店铺下订单付款的时候,将折扣码输入进去,享受对应的优惠。因此,在介绍这个用于邮件营销的app之前,先教大家如何设置折扣码。

        进入Shopify admin后台,点击Discounts -> Create discount -> Generate code,就随机生成了一个折扣码,设置折扣的优惠力度,选择Percentage,右侧填写多少,用户运用折扣码时,就可以在商品价格的基础上减百分之多少。比如商品售价100,这里Discount value填写10%,那么用户实际支付的商品价格费用是90,直降10%,运费额外计算,不在优惠金额中。

        这里我们按照5%,10%,15%,20%,25%,一共设置5个折扣码,设置好之后等一下就可以结合App开始使用了。

        邮件营销的app我用的是omnisend,大家点击Apps -> Visit Shopify App Store,直接搜索框搜索omnisend,点击GET按钮,按照流程操作完毕。

        先看转盘的设置,进入到omnisend后台后,点击导航栏中的Forms -> CREATE FORM -> Wheel of Fortune -> EDIT CONTENT -> Customize,会出现下面的弹框,将我们刚刚设置好的折扣码填写到对应的折扣信息中,点击保存后,再一直点击SAVE,直到出现SAVE&ENABLE,点击完之后就能看到你的网站上出现幸运转盘了。你填写测试邮箱后,就会随机给你一个折扣码,用于付款结账。

        再来进行弹框的设置,同样是omnisend后台,点击导航栏中的Forms -> CREATE FORM -> Popup,Form name可以不用修改,Topic / Layout / Theme按照下图一的设置选择,点击EDIT CONTENT -> MESSAGES,按照下图二中的在第一个输入框中添加第二行文字,输入你自己的折扣码,之后点击保存并应用就可以了,其他默认设置都ok。

        刷新页面就能看到幸运转盘和弹出框啦!接下来,开始装修商品详情页。

        点击屏幕上方的页面选择的下拉框,选择Product pages,右侧选项中,选择Product pages,按照下图中的设置进行选择。主要是勾选Enable image zoom,Image display选择Thumbnails,勾选Show quantity picker,再将Button size改为Large。

        按照上图设置完毕后,产品页面的基础设置就完成了。大家再去访问自己的店铺产品的详情页时,就能看到跟我开篇展示的详情图差不多,只欠缺产品评论的显示,这时候就又到了工具大显身手的时候了。

        最后,再将产品评论的部分显示出来就和案例中的网站一模一样了。产品评论的App,我选择的是Yotpo,同样是Apps -> Visit Shopify App Store,搜索Yotpo,点击GET安装app,安装注册完之后,按照官方流程操作,知道出现下图,点击红框所示的按钮,就完成了Yotpo的整个操作,刷新页面,就能看到产品评论区域了,自己可以试着发表评论看看。

    到这里,我们店铺的前台页面就全部设置完毕了,但是现在店铺还是不可用状态,后台还未开始设置。具体后台设置请看下篇。

    对于本文中所讲解的内容有任何疑问,请随时与我们联系:632205694。

        除非注明,文章均为 SFS技术服务 原创,转载请注明来源,谢谢!

        

        SFS为Shopify全方位专业技术服务供应商,我们提供服务,解决问题,让每一位Shopify卖家不再为技术问题而深感烦恼

        我们的网站:www.sfsup.com

        商务合作: bd@sfsup.com

    免费Shopify技术咨询QQ群:632205694

    联系我们:2790641050

    相关文章

      网友评论

        本文标题:从0到1,1天搞定一个Shopify基础站(上)

        本文链接:https://www.haomeiwen.com/subject/xbpwzftx.html