Shopify注册时添加字段，收集额外的客户信息

Shopify注册时收集添加字段，收集额外的客户信息

shopify注册模板名字一般是“register.liquid”

请找到这个模板并且编辑，下面是额外字段的例子，额外的字段命名示例 name="customer[note][字段名]"，额外的字段本质上是备注，所以前面都是customer[note] 。html请根据自己的主题进行调整

<div class="birthday">
    <label for="birthday">Birthday</label>
    <input id="birthday" type="date" name="customer[note][Birthday]" />
</div>

下面是一个完整的示例。下面的注册表单额外加入了生日等其他信息，具体代码请根据你自己的主题进行调整。

{% form 'create_customer' %}
  {{ form.errors | default_errors }}

  <div class="first-name">
    <label for="first-name">First name</label>
    <input id="first-name" type="text" name="customer[first_name]" />
  </div>

  <div class="last-name">
    <label for="last-name">Last name</label>
    <input id="last-name" type="text" name="customer[last_name]" />
  </div>

  <div class="email">
    <label for="email">Email</label>
    <input id="email" type="email" name="customer[email]" />
  </div>

  <div class="password">
    <label for="password">Password</label>
    <input id="password" type="password" name="customer[password]" />
  </div>

  <div class="password">
    <label for="password-confirmation">Password</label>
    <input id="password-confirmation" type="password" name="customer[password]" />
  </div>

  <div class="birthday">
    <label for="birthday">Birthday</label>
    <input id="birthday" type="date" name="customer[note][Birthday]" />
  </div>

  <div class="allergies">
    <label for="allergies">Allergies</label>
    <input id="allergies" type="text" name="customer[note][Allergies]" />
  </div>

  <div class="submit">
    <input type="submit" value="Create" />
  </div>
{% endform %}

参考官方文档 https://shopify.dev/docs/themes/customer-engagement/additional-customer-information