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 %}

  其中有两个字段是必填的

Inputtypename
Email email contact[email]
Message

text

or

textarea

contact[body]

  参考资料https://shopify.dev/themes/customer-engagement/add-contact-form

posted @   ytkah  阅读(777)  评论(0编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· 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 微信小程序未来怎么样?听微盟卫晓祥来说说
网址导航 gg N / G Sitemap

部分内容来源于网络,如有版权问题请联系删除

  
点击右上角即可分享
微信分享提示