Shopify弹出窗口表单搭建教程
想要在Shopify店铺展示弹出窗口表单,可直接通过后台Forms应用完成创建与配置。整体操作分为模板权限开启、表单搭建、多语言翻译、预览激活四个核心步骤,完成全部设置并激活后,表单会自动展示在店铺页面,下文将分步讲解完整操作流程。

一:为模板开启Forms应用嵌入功能
首次搭建弹出窗口表单,必须先为店铺模板开启Forms应用嵌入权限。只要开启“Forms 模板应用嵌入”设置,后续所有合规有效的弹出窗口表单,都能正常展示在在线商店中。若你此前已完成该设置,可直接跳过此步,进入表单创建环节。
备注:若店铺同时启用弹出窗口表单与内联表单,即便关闭Forms模板应用嵌入设置,弹出窗口表单仍会在包含内联表单的页面正常显示。若想彻底关闭弹出窗口表单的展示,需直接停用对应表单。
具体操作步骤:1. 进入Shopify后台,依次点击在线商店、模板板块;2. 找到当前正在使用的模板,点击自定义按钮;3. 在模板编辑器的侧边栏,点击应用嵌入图标;4. 开启Forms对应的功能开关;5. 点击保存,完成模板配置。
二:创建弹出窗口表单
1. 在Shopify后台,进入应用板块,找到并打开Forms工具。
2. 点击创建表单选项,选择弹出窗口表单类型。
3. 为表单设置专属名称,确认后点击创建。
4. 在弹出窗口显示设置界面,根据需求选择表单类型:选择浮动类型,可在下拉菜单中设置表单在店铺页面的展示位置;选择叠加类型,可通过颜色选择器自定义叠加底色。
5. 依次完成表单各项核心配置,包含前置内容设置、表单基础设置、表单字段管理、提交成功提示设置、样式外观设置、图片配置、交互行为设置。
6. 可选配置:可在标记栏目输入对应标签,为提交表单的客户添加专属客户标记;开启邮件通知功能,即可在每次客户提交表单后接收系统邮件提醒;在自动化和工作流板块,点击对应工作流旁的管理按钮,可自定义关联的自动化流程。
7. 所有配置完成后,点击保存,完成表单创建。
三:表单多语言翻译设置(可选)
功能说明
商店主语言为英语时,表单支持系统自动翻译;若店铺主语言非英语,可手动为表单添加对应语言翻译。部分语言不支持自动翻译时,页面会弹出“此语言不支持自动翻译”提示,可根据店铺已开通语言选择对应翻译方式。
具体操作步骤:
1. 进入表单的语言设置板块,查看已发布、未发布的可用店铺语言。
2. 若无可用翻译语言,需先新增店铺语言:点击语言设置,在语言页面点击添加语言,下拉选择目标语言并匹配对应域名,点击完成,再返回Forms表单编辑界面。
3. 选择对应翻译方式完成配置:
自动翻译:在目标翻译语言右侧点击翻译,多语言场景可选择全部自动翻译,预览无误后点击审核、保存。
手动翻译:在目标翻译语言右侧点击翻译,手动填写对应栏目翻译内容,完成后点击保存即可。
四:预览并激活弹出窗口表单
表单创建完成后,系统默认状态为未激活。正式上线展示前,可通过预览功能核对表单所有内容的前台展示效果,确认样式、内容、功能无误后,点击开启表单按钮,表单状态将更新为已激活,正式在在线商店对外展示。用户可随时根据需求激活或停用表单,调整店铺展示效果。