类型：独立站平台
简介：跨境电商独立站SAAS建站平台，打通线上线下，智能工具优化销售链路。
SHOPLINE表单可以帮助收集用户的关键信息，例如姓名、联系方式、地址等。通过收集这些数据，可以了解用户的购买习惯、偏好和需求等，为产品和服务的优化提供参考。本教程主要介绍 SHOPLINE 直接创建表单的方法，以及通过自定义代码接入第三方表单工具 ZOHO FORMS 的使用方法。
一、直接创建表单
如需要创建联系我们的表单，可以在自定义页面中直接创建，创建路径为：
1、【在线商店】>【自定义页面】>【创建页面】，选择主题模板为 “contact” 。
2、点击页面标题旁的小眼睛图标（预览）即可看到表单样式。
3、表单样式如图所示，目前表单样式为固定模板，暂不支持对表单样式及内容作自定义修改。
4、建议把表单页面链接到菜单导航中，方便客户直接点击表单留下个人信息。
二、接入ZOHO FORMS
如希望对表单进行更多自定义的设置，可以使用第三方表单工具 ZOHO FORMS 。市面上第三方表单工具很多，企业可以自由选择，推荐仅供参考。
推荐 ZOHO FORMS 有两个核心原因，一是 ZOHO 是海外工具，方便海外买家快速打开；二是支持询盘直接发到企业填写的邮箱，免费账号可以收 500 条。
首先可看看 ZOHO 设置好的表单和邮箱收到询盘的截图。
想要做这样的表单，只需按如下步骤操作。
注册 ZOHO FORMS 账号，步骤如下：
1、企业注册并验证 ZOHO FORMS 账号。注册：https://www.zoho.com/forms/?zredirect=f&lb=fr&zsrc=bheader
2、验证邮箱：登录邮箱验证，务必验证，才能设置询盘发到邮箱。
设置 ZOHO FORMS 表单，步骤如下：
1、账号注册后，会看到下面这个默认界面，点击“Let‘s Get Started”按钮，创建表单。
2、首先选择【create from scratch】（全新创建）。如果选择【Use Templates】则使用模板。
Form Title 填写【GET A QUOTE】，如果能做免费样品的，写【GET FREE SAMPLES】。Description这里不填，也可填写简短有力的话语吸引客户，例如有什么优惠等。
点击【CREATE】按钮，创建表单。
3、表单制作。
左侧是标签组件区，拖动组件到中间排列。点击标题或标签组件后，右侧编辑区可修改文字、引导语和对齐方式等。
请记住一个原则：只让买家提交必要信息。如果要求的信息和必填项过多，买家就不愿意填表。建议只收集 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”选择其他排版。
4、设置 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规则。
5、设置收件邮箱，直接接收表单。
点击导航栏上的”Settings”，打开设置规则界面。点击左侧的“Email Notifications”中的“Email”，并点击页面中间的“Configure”按钮。
设置发件邮箱、收件邮箱，免费版下，两者都只能选择注册邮箱（必须已验证）。“Subject”邮件主题右侧下拉框选择“Email”，即用买家填写的“Email”做邮件主题。勾选“Include form submission in the body of the email”，点击左下角的“SAVE”按钮完成设置。
6、获取表单链接，以便放到网站上。
点击导航栏上的”Share”，打开分享界面。点击左侧的“Public”，右侧“Enabled”按钮默认打开，需要看一眼确认。复制 Form Permalink (URL)，建站时把 URL 填到 SHOPLINE 后台。
三、OHO表单放到SHOPLINE
1、在网店菜单导航关联表单链接
可以在网店菜单导航关联表单链接，步骤如下：
（1）登录 SHOPLINE 后台后，依次点击【网店】>【菜单导航】>【页首】，看到页面设置界面。如果网店有多组导航，那么所有需要添加询盘表单的导航都要设置。
（2）在页面设置中，点击添加菜单项。“页面标题”填写ZOHO表单名【GET A QUOTE】或【GET FREE SAMPLES】。
（3）直接粘贴链接到输入框中【ZOHO表单的URL】。
（4）最后点击【添加】按钮，表单就关联到网站上了。
2、网站首页插入 ZOHO 表单
也可以在网站首页插入 ZOHO 表单，步骤如下：
（1）在zoho网站表单顶部找到【Share】>【Embed】>【JavaScript】， 然后复制本段代码。
（2）打开网站，进入首页设计，选择布局-自定义 HTML。
（3）把第1步复制的代码放到这个编辑框，点击发布即可添加到首页。
（4）首页效果：
3、在网站自定义页面插入 ZOHO 表单
还可以在网站自定义页面插入 ZOHO 表单，步骤如下：
（1）在 ZOHO 网站表单顶部找到【Share】>【Embed】>【JavaScript】, 然后复制本段代码。
（2）创建自定义页面。
（3）插入复制的代码，并把标注蓝色框的部分的宽度改为 100% ，点击保存并更新，即插入成功。自定义页面可以通过菜单导航设置添加至店铺首页导航栏。
添加表单至网站后，需要测试表单是否能正常运行。
- 打开网站，点击导航栏上的“GET A QUOTE”，检查确认表单在新标签页打开，并且填写的项目与你的设置一致；
- 填写表单，试一试必填项是否生效；
- 提交表单，查看提交后是否出现了你设置的感谢话语；
- 登录邮箱，查看是否收到询盘；
- 询盘也会保存到 ZOHO FORMS 后台，登录可查看和导出。
