如何添加Shopify店铺Contact us-联系我们页面?

    Shopify Andy 2513次浏览 2个评论

    立即注册Shopify,享受14天免费试用和Shopify开店教程指导

    毫无疑问Contact Us-联系我们页面是所有网站都具备的了,Shopify独立站也不例外。通常Shopify独立站的Contact Us页面主要就包括2种信息,一个是我们店铺的联系方式(地址,电话,邮箱等等),另外一个就是客户反馈表,客户通过填写表格从而能够发给我们邮件得到信息反馈。

    如何添加Shopify店铺Contact us-联系我们页面?

    添加Contact Us页面非常简单,这里要说下不同的Shopify主题最终展现的Contact Us页面样式略有不同,但是操作方法是基本一致的,整个流程如下所示:

    一. 进入Shopify后台,点击Online store-Pages-Add page

    如何添加Shopify店铺Contact us-联系我们页面?

    二.选择Page.contact页面模板,选择Visible-可见

    如何添加Shopify店铺Contact us-联系我们页面?

    三.填写Title为Contact us/ Contact,编辑content-内容(如下图所示,仅供参考)

    如何添加Shopify店铺Contact us-联系我们页面?

    联系我们页面内容填充步骤:

    1.可以从网上找一下类似下面联系图标的图片适当做下页面美化。

    如何添加Shopify店铺Contact us-联系我们页面?

    我平常都主要是通过下面几个网站来搜集想要的图片素材的(当然你也可以Google,不过大多时候还要顾虑是否涉及图片侵权等问题)

    2.填写如下简要说明和店铺联系信息(仅供参考),文字和图片都调整为居中显示-Center align

    Questions or Concerns? Hit us up with any questions about your order.
    Our Customer service team is ready to assist you.

    Contact information:

    Chat with us online or email us: ****@.com

    Hours of Operation:
    Monday – Friday  
    8:30 AM-5:30PM 

    Address:

    25201 Paseno De Alicut Suite 206 Laguna Hills, CA. 92653

    *Requests are typically responded within 24-48 hours after receiving your order.

    *You can also fill in the follows form to get our timely feedback.

    3.从Shopify App上寻找实时聊天工具下载安装。

    实时聊天工具有助于更好提升用户体验,这类工具Shopify应用市场上很多,目前我用的是免费版Tidio live chat-https://apps.shopify.com/tidio-chat(安装后Tidio默认会出现在Shopify店铺所有页面的右下方),想要了解更多关于Tidio Live chat的安装使用可以查看这篇文章:Shopify在线聊天工具Tidio安装使用教程

    四. 点击Save保存Contact Us页面,然后View page查看效果。

    如何添加Shopify店铺Contact us-联系我们页面?

    五.添加Contact us页面到Shopify店铺顶部导航栏或者底部Footer

    以添加到Footer为例,依次点击Online store-Navigation-Footer Menu-Add menu item 选择刚建立的Contact Us页-Apply changes即可。

    如何添加Shopify店铺Contact us-联系我们页面?

    Ok, Shopify Contact Us-联系我们页面到这里就已经建立完成,希望本文对刚接触Shopify新手有所帮助。


    ExportB2C , 版权所有丨如未注明 , 均为原创丨未经授权,严禁转载,否则本网将保留追究其法律责任的权利。
    喜欢 (6)
    发表我的评论
    取消评论
    表情 贴图 加粗 删除线 居中 斜体 签到
    (2)个小伙伴在吐槽
    1. 你好,请问我按照你的步骤来做的,但是为什么最后显示页面没有出现 发送邮件那块内容?
      匿名2019-07-12 10:07 回复 Windows 7 | Chrome 75.0.3770.100
      • 页面模板没选对吧,Templates那块选择page.contact
        Andy2019-07-12 10:23 回复 Windows 7 | Chrome 75.0.3770.100
    
    error: Content is protected !!