shopify添加自定义表单contact form
您可以创建可添加联系表,以contact form为例,代码如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | {% form 'contact' %} {{ form_errors | default_errors }} <div class = "first-name" > <label for = "first-name" >First name</label> <input type= "text" name= "contact[first_name]" /> </div> <div class = "last-name" > <label for = "last-name" >Last name</label> <input type= "text" name= "contact[last_name]" /> </div> <div class = "email" > <label for = "email" >Email</label> <input type= "email" name= "contact[email]" /> </div> <div class = "order-number" > <label for = "order-number" >Order number</label> <input type= "text" name= "contact[order_number]" /> </div> <div class = "message" > <label for = "message" >Message</label> <textarea name= "contact[body]" ></textarea> </div> <div class = "submit" > <input type= "submit" value= "Create" /> </div> {% endform %} |
其中有两个字段是必填的
Input | type | name |
---|---|---|
email |
contact[email] |
|
Message |
or
|
contact[body] |
参考资料https://shopify.dev/themes/customer-engagement/add-contact-form

加微信交流
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
2020-12-16 不同的分类显示不同的数量文章
2019-12-16 woocommerce根据标题获取相关产品
2019-12-16 woocommerce如何隐藏/显示product meta
2019-12-16 woocommerce如何隐藏SKU
2019-12-16 用Jetpack的Site Accelerator为网站CDN加速
2019-12-16 习惯了安逸的日子永远不知道折腾了才叫人生
2016-12-16 微信小程序未来怎么样?听微盟卫晓祥来说说