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

Shopify Andy 11093次浏览 5个评论

立即注册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.com , 版权所有丨如未注明 , 均为原创丨未经授权,严禁转载,否则本网将保留追究其法律责任的权利。
喜欢 (23)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到
(5)个小伙伴在吐槽
  1. Hi
    匿名2021-04-07 06:58 回复 Windows 7 | Chrome 68.0.3440.17
  2. 您好,按照你的步骤选了,也出现了模板,但是为什么还有站点地图,以及不属于我网站的一些东西呢
    匿名2020-06-30 22:32 回复 Windows 10 | Chrome 76.0.3809.100
    • 那应该是同你使用的Shopify题有关,修改或删除就行了。
      Andy2020-09-10 10:14 回复 Windows 7 | Chrome 83.0.4103.116
  3. 你好,请问我按照你的步骤来做的,但是为什么最后显示页面没有出现 发送邮件那块内容?
    匿名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 !!