直接创建表单
- 【在线商店】>【自定义页面】>【创建页面】,选择主题模板为 “contact” 。
- 点击页面标题旁的小眼睛图标(预览)即可看到表单样式。
- 表单样式如图所示,目前表单样式为固定模板,暂不支持对表单样式及内容作自定义修改。
- 建议您把表单页面链接到菜单导航中,方便客户直接点击表单留下个人信息。
通过自定义代码接入第三方表单工具ZOHO FORMS
市面上第三方表单工具很多,企业可以自由选择,我们的推荐仅供参考。
我们推荐 ZOHO FORMS 有两个核心原因,一是 ZOHO 是海外工具,方便海外买家快速打开;二是支持询盘直接发到企业填写的邮箱,免费账号可以收 500 条。
首先可看看 ZOHO 设置好的表单和邮箱收到询盘的截图。
想要做这样的表单,只需按如下步骤操作。
注册 ZOHO FORMS 账号,步骤如下:
-
企业注册并验证 ZOHO FORMS 账号
注册:https://www.zoho.com/forms/?zredirect=f&lb=fr&zsrc=bheader - 验证邮箱:登录邮箱验证,务必验证,才能设置询盘发到邮箱。
设置 ZOHO FORMS 表单,步骤如下:
- 账号注册后,会看到下面这个默认界面,点击“Let‘s Get Started”按钮,创建表单。
- 首先选择【create from scratch】(全新创建)。如果选择【Use Templates】则使用模板。
Form Title 填写【GET A QUOTE】,如果能做免费样品的,写【GET FREE SAMPLES】。Description这里不填,也可填写简短有力的话语吸引客户,例如有什么优惠等。
点击【CREATE】按钮,创建表单。
- 表单制作。
左侧是标签组件区,拖动组件到中间排列。
点击标题或标签组件后,右侧编辑区可修改文字、引导语和对齐方式等。
请记住一个原则:只让买家提交必要信息。如果要求的信息和必填项过多,买家就不愿意填表。
建议只收集 Name, Email, Phone, Whatsapp(或其他联系方式), Message,
其中把【Email】和【Message】设置为必填项已足够。以下是标签组件的必要设置:
先从左侧组件区逐一把【Name】【Email】【Phone】【Single Line】【Multi Line】拖到中间。
- 【Email】设为必填。
点击【Email】,在右侧编辑区“Validation”勾选“Mandatory”,设为必填。
看到【Email】右上角出现了红色星号*就表示设置成功。
- 【Phone】的引导语。
设置Phone引导语可以提醒买家留电话时加区号,否则无法分辨电话是哪个国家的,无法联系。
点击【Phone】,右侧编辑区“Instructions”引导语填写【Please Start with Area Code.】
- 【Whatsapp】(或其他联系方式)。
点击【Single Line】单行文本框,
右侧编辑区“Field Label”改为【Whatsapp】(或其他联系方式),
在“Instructions”引导语填写【We will contact you in 48 hours.】
虽然是非必填项,但能让买家留下尽可能多的联系方式总是更好的。
所以在引导语填上【We will contact you in 48 hours.】
(意思是“我们会在48小时内联系你”,根据企业情况,也可以写24 hours, 12 hours等。)
- 【Message】必填,让买家写下意向。
点击【Multi Line】多行文本框,右侧编辑区“Field Label”改为【Message】,并设为必填。
- 设置标签位置。
点击标题“GET A QUOTE”,
右侧编辑区“Label Placement”选择“Left”,让标签在填写框的左侧,简洁美观。
点击右上角的“SAVE”按钮,保存表单。
- 预览表单。
点击导航栏右端的“Access Form”按钮,可查看表单的全貌。
如果你不喜欢默认的排版设计,可以在导航栏“Themes”选择其他排版.
- 【Email】设为必填。
- 设置 Thank You Page 感谢页面
提交表单后展示感谢语,让买家知道他已提交成功。
设置规则:当 Email 不为空时,跳转到感谢语页面。
点击导航栏上的”Rules”,打开设置规则界面。
点击左侧的“Form Rules”,页面中间的“Configure Now”按钮。
在弹出的编辑区填写或选择:
Rule Name【Thank you page】
If【Any】【 Email】【 Is Not Empty】
Then【Redirect To】【点击右侧编辑框】(需点击才能设置感谢话语)
弹出的编辑区“Thank You Page”,
选择“Plain Text”,填写【Thank you! We will contact you soon.】,
点击“Done”按钮保存感谢话语。
最后点击“Add”按钮保存Thank You Page规则。 - 设置收件邮箱,直接接收表单。
点击导航栏上的”Settings”,打开设置规则界面。点击左侧的“Email Notifications”中的“Email”,并点击页面中间的“Configure”按钮。
设置发件邮箱、收件邮箱,免费版下,两者都只能选择注册邮箱(必须已验证)。
“Subject”邮件主题右侧下拉框选择“Email”,即用买家填写的“Email”做邮件主题。
勾选“Include form submission in the body of the email”,点击左下角的“SAVE”按钮完成设置。 -
获取表单链接,以便放到网站上。
点击导航栏上的”Share”,打开分享界面。
点击左侧的“Public”,
右侧“Enabled”按钮默认打开,需要看一眼确认。
复制 Form Permalink (URL),建站时把 URL 填到 SHOPLINE 后台。
把 ZOHO 表单放到 SHOPLINE 网站
在网店菜单导航关联表单链接
您可以在网店菜单导航关联表单链接,步骤如下:
- 登录 SHOPLINE 后台后,依次点击【网店】>【菜单导航】>【页首】,看到页面设置界面。
如果您的网店有多组导航,那么所有需要添加询盘表单的导航都要设置。 - 在页面设置中,点击添加菜单项。
“页面标题”填写ZOHO表单名【GET A QUOTE】或【GET FREE SAMPLES】。 - 直接粘贴链接到输入框中【ZOHO表单的URL】。
- 最后点击【添加】按钮,表单就关联到网站上了。
网站首页插入 ZOHO 表单
- 在zoho网站表单顶部找到【Share】>【Embed】>【JavaScript】, 然后复制本段代码。
- 打开网站,进入首页设计,选择布局-自定义 HTML
- 把第1步复制的代码放到这个编辑框,点击发布即可添加到首页。
- 首页效果:
在网站自定义页面插入 ZOHO 表单
- 在 ZOHO 网站表单顶部找到【Share】>【Embed】>【JavaScript】, 然后复制本段代码。
- 创建自定义页面
- 插入复制的代码,并把标注蓝色框的部分的宽度改为 100% ,点击保存并更新,即插入成功。自定义页面可以通过菜单导航设置添加至店铺首页导航栏。
添加表单后的询盘测试
添加表单至网站后,您需要测试表单是否能正常运行,这一步非常重要。
- 打开网站,点击导航栏上的“GET A QUOTE”,检查确认表单在新标签页打开,并且填写的项目与你的设置一致。
- 填写表单,试一试必填项是否生效。
- 提交表单,查看提交后是否出现了你设置的感谢话语。
- 登录邮箱,查看是否收到询盘。
- 询盘也会保存到 ZOHO FORMS 后台,登录可查看和导出。
如何联系我们
SHOPLINE 拥有专业的本地支持团队,为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!
评论