shopify添加自定义表单contact form

  您可以创建可添加联系表,以contact form为例,代码如下

{% 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 @ 2021-12-16 16:53  ytkah  阅读(834)  评论(0)    收藏  举报
网址导航 gg N / G Sitemap

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