Shopify能否通过HTML块创建自定义多输入项联系表单?
Shopify自定义联系表单问题解答
完全可以直接用自定义HTML块搭建测试用的多字段联系表单,适合正式开发前快速验证字段需求、提交逻辑,不需要修改主题代码就能完成调试。
需要注意以下几个要点:
- 表单基础结构要符合Shopify的接收规则,表单
action属性固定填写/contact,可以额外添加隐藏字段<input type="hidden" name="contact[subject]" value="自定义页面表单提交">,方便区分不同页面的提交来源 - 所有自定义输入项的
name属性需要遵循contact[字段标识]的格式,比如新增手机号字段可以写<input type="tel" name="contact[phone]" required>,这样所有字段的提交内容才能正常被Shopify后台捕获,同时会同步推送至你绑定的表单通知邮箱 - 测试阶段不要开放给普通用户访问,先自行提交多轮测试,确认所有字段内容都能正常在后台收件箱里展示,避免上线后漏收用户提交的信息
- 仅用HTML块实现的表单默认没有防垃圾提交校验,后续如果要正式上线给用户使用,还是建议在主题层面做正式开发,补充验证码、垃圾信息拦截规则,降低垃圾提交的干扰
如果需要测试提交成功后的跳转、自定义提示等逻辑,也可以直接在HTML块内嵌入少量JS代码实现,无需修改主题核心代码,验证完需求再做正式开发可以避免很多不必要的返工。
内容的提问来源于stack exchange,提问作者TheyCallMePhil
相关产品推荐
相关产品推荐

