01 我们总是在想如何通过Shopify商店主题的修改来提高客户的转化率,或者是通过更加功能全面的App来提高网站的交互性。 在不断的通过对优秀的主题网站的修改和学习之后,我们发现能够更改创新的东西会越来越少。而被我们随之忽略的一块地方就是发到客户邮箱中的通知模板。 图 1-1 图1-2 图1-3 以上是通知模板的相关信息,要知道邮箱的通知范围(图1-1,图1-2)是从订单的产生到订单的售后持续跟进的。并且大部分的通知发送是网站默认发送且不可取消的(图1-3)。 图1-4 图1-5 02 说了这么多现在才是重点,如何去修改一个满足自己要求的邮件通知模板,以下就举几个例子来说明。 首先,我们可以通过shopify本身自带的功能去添加模板中的logo和修改按钮的颜色和大小。 配置路径(Setting->Notifications->Customize),也就是(图2-1)。 图2-1 图2-2 然后通过(图2-2)左边面板的自带配置项就可以对部分通知模板进行简单的修改了。当然这个修改只有部分的通知可以适用。 03 接下来就是代码修改部分了。首先就是选择(图2-3)中左边面板所要更改的对应通知模板,点击进去后就可以看到该模板的代码了(图2-4)。 图2-3 图2-4 当然单单看到代码还是不知从何下手的,所以点击(图2-4)左边面板的文档,里面有清楚的交代了每个属性变量所对应的关系。如果想要修改某个变量属性,只要在文档查找相对应的属性就可以了。 接下来我们就举个简单的例子修改,例如Visit our store,也就是(图2-6)中按钮下方的a标签,当客户点击这行字时候便会跳转到商店主页。我们可以进行一个简单的修改,让它跳转到商店的全部商品页面。 通过页面搜索ctrl+F,查找Visit our store,找到(图2-5)中的代码。阅读文档发现(图2-7),我们可以用url的拼接{{shop}}/colletions/all来访问到所有的商品,并且把a标签中的文字改成Visit our products。 然后点击上方的Preview按钮,就可以看到模板的预览了(图2-8)。 图2-5 图2-6 图2-7 图2-8 以上呢,是对按钮进行的一个简单修改,当然你也可以更改为其他的页面跳转,以达到更好的营销收益。 接下来我们也可以对其样式进行修改,例如将它的字体改为红色的更加明显可见。只要在里面添加Css属性style="color:red"(图2-9),再次点击Preview就可以看到效果了(图2-10)。 |
|