有赞新零售社区

发帖
运营杂谈»有赞店铺主页模版【店招】的终极玩法

有赞店铺主页模版【店招】的终极玩法

杰米Jemmy 2015-12-04 51671 浏览 599 评论 | 只看楼主 [打印]  


你不知道店招的那些事儿;
看了教程banner图你不禁会提问:“店招的什么事儿是我不知道的呢”?


/ 店招是什么 /


店招顾名思义,就是指店铺的招牌!每个店铺当我们顾客点击进去的第一眼看到的绝对是我们店铺的店招,因此店招的重要性东东就不细说啦!
(只要记住一点,店招是我们店铺的招牌,它不是给我们看的!它是展示给我们的顾客,让他们知道关于我们店铺的基本信息的玩意,并且一个好的店招还可以第一时间提供给我们顾客很多方便!比如关注公众号、热卖款推荐等基本信息的指引,或者有店内活动公告,宝贝打折、促销等种种相关消息提示) 大多数网店的店招都基本一种格式:也就是图片上插入店铺名字而已! (难免多多少少有点单调吧)

其实一个店招能够反映的东东真的很多啦!


第一类:大型促销促销喜庆banner;
第二类:全屏海报图引导,给人直观且神秘的感觉,引导向下滑动开启。。。。
第三类:带头像logo店招(细心的你已经发现了:楼兰密语家加了关注按钮引导粉丝关注)。

(店招加入:公众号关注等信息为的是,直接让顾客一目了然的找到关注我们的位置。有很大部分的顾客是不知道从哪里关注我们公众号的)因此这就有必要需要我们在店招上自己添加关注按钮和入口咯!!!
而店招上加入所有商品或上新商品、我的订单入口有便于粉丝选购商品和查询订单。这时候熟悉的朋友都会想到有赞后台微页面模版【店铺主页模版】的店招就有这几个按钮入口。注意我们前面说的关注按钮和入口,该模版最上面图片即使你加入按钮,链接怎么实现?




至于店招的背景图片的选取就不说啦,相信大家能找到好的店招素材,但是关于这个自带模版店招上的:公众号关注,商品,我的的订单它们是怎么能同时实现?包括它们的链接如何设置?

识别上图二维码或点此查看效果>>>
1/ 点击关注按钮检查是否可跳转页面?
2/ 全部商品、上新商品、我的订单是否可以跳转页面?
3/ 跟【店铺主页模版】的店招是一模一样吧


/ 实现这个效果并不难 /



(难的过程被我已经承包了,调整像素大小位置等等,无数次测试手机/电脑显示效果,谁让我是个作死处女座呢?)



1/ 首先我们要用到专业图片制作软件photoshop(也就是PS)打开psd源文件(psd源文件下载链接在文章底部


2/ 替换背景图、店铺名、和logo图片等玩意儿:


PS:这里穿插一下,前两天有个好友看了镊子分享的高逼格魔方教程后,在微信里咨询我:


3/ 下面为了使我们的点击关注、全部商品、上新商品和我的订单有单独超链接,选择切片工具,魔方使用很熟练的朋友基本都会也知道后面怎么操作了。



PS:有赞微页面魔方和切片的教程社区出了太多教程,不太会的朋友搜索一下>>

4/ 最后选择左上角“文件”--“存储为Web所用格式”,选择png-24格式保存:


5/ 新建微页面或替换原有主页店招版块使用魔方插件上传图片:


6/ 上传完成,设置你想设置的链接:



/ 至此,本教程结束 /



扫描下图二维码或点击图片查看效果:


--------------------------------------

还有问题的童鞋
欢迎添加杰米私人微信号提问哦!!
有对有赞后台店铺装修存在任何问题的童鞋
都可以给杰米留言!

----------------------------------------

店招psd源文件
大家可以直接下载

网盘地址:

网盘密码:
密码:udog



本帖最后由 杰米Jemmy 于 2017-5-16 13:09 编辑

评分

参与人数 1+3 收起 理由
萧雨西楼 + 3 新人必学√

查看全部评分

用手机打开
收藏 18 ··· 回复
    69cdf76460c4   青铜   2016-01-12 | 只看该作者
    求源文件

      69cdf76460c4   青铜   2016-01-12 | 只看该作者
      求原文件

        中浙数码   青铜   2016-01-27 | 只看该作者
        有赞店铺主页模版

          艾美梨   青铜   2016-01-27 | 只看该作者
          很好 不错的教程

            肖瑞强 王者   2016-01-27 | 只看该作者


            感谢支持
            您的大多数简单问题,新手学堂都有答案,戳这儿——》[新手学堂]

              艾美梨   青铜   2016-01-27 | 只看该作者
              按照你的教程做了一次 不过就是图片两侧有白边  这个有办法解决吗

              QQ图片20160127142433.jpg (0 Bytes, 下载次数: 0)

              截图

              截图

                陈景煌   青铜   2016-01-28 | 只看该作者
                好嘛好嘛

                  肖瑞强 王者   2016-01-28 | 只看该作者
                  艾美梨 发表于 2016-1-27 14:24
                  按照你的教程做了一次 不过就是图片两侧有白边  这个有办法解决吗


                  尺寸的问题。你手机什么型号?
                  您的大多数简单问题,新手学堂都有答案,戳这儿——》[新手学堂]

                    新天地百货   青铜   2016-01-28 | 只看该作者
                    看看看看看看

                      肖瑞强 王者   2016-01-28 | 只看该作者


                      感谢支持
                      您的大多数简单问题,新手学堂都有答案,戳这儿——》[新手学堂]

                        您需要登录后才可以回帖 登录 | 立即注册

                        本版积分规则

                        复制链接
                        新浪微博
                        QQ空间
                        微信扫码
                        • 回复

                        • 评分

                        客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

                        复制成功