title: how to add custom field in customer registration page in shopify?
body: <p>I have added a Custom field in the customer registration page. </p>
  
  <p>Fieldname: Area.</p>
  
  <p>I have tried to save them, all details are saved expect but the Area value not saved.</p>
  
  <p>Can anyone help me to fix that issue?</p>
  
  <p>
        {% form 'create_customer' %}</p>
  
  <pre><code>    {{ form.errors | default_errors }}
  
      &lt;label for="FirstName" class="hidden-label"&gt;{{ 'customer.register.first_name' | t }}&lt;/label&gt;
      &lt;input type="text" name="customer[first_name]" id="FirstName" class="input-full" placeholder="{{ 'customer.register.first_name' | t }}" {% if form.first_name %}value="{{ form.first_name }}"{% endif %} autocapitalize="words" autofocus required&gt;
  
      &lt;label for="LastName" class="hidden-label"&gt;{{ 'customer.register.last_name' | t }}&lt;/label&gt;
      &lt;input type="text" name="customer[last_name]" id="LastName" class="input-full" placeholder="{{ 'customer.register.last_name' | t }}" {% if form.last_name %}value="{{ form.last_name }}"{% endif %} autocapitalize="words" required&gt;
  
      &lt;label for="Email" class="hidden-label"&gt;{{ 'customer.register.email' | t }}&lt;/label&gt;
      &lt;input type="email" name="customer[email]" id="Email" class="input-full{% if form.errors contains 'email' %} error{% endif %}" placeholder="{{ 'customer.register.email' | t }}" {% if form.email %} value="{{ form.email }}"{% endif %} autocorrect="off" autocapitalize="off" required&gt;
  
    &lt;label for="Area" class="hidden-label"&gt;{{ 'customer.register.area' | t }}&lt;/label&gt;
  
    &lt;input type="text" id="Area" name="customer[note][area]" placeholder="Customer Area" class="input-full"  autocorrect="off" autocapitalize="off"&gt;
  
      &lt;label for="CreatePassword" class="hidden-label"&gt;{{ 'customer.register.password' | t }}&lt;/label&gt;
      &lt;input type="password" name="customer[password]" id="CreatePassword" class="input-full{% if form.errors contains 'password' %} error{% endif %}" placeholder="{{ 'customer.register.password' | t }}" required&gt;
  
      &lt;p&gt;
        &lt;input type="submit" value="{{ 'customer.register.submit' | t }}" class="btn btn--full registerBtn" ng-click="myfunction();" id="create"&gt;
      &lt;/p&gt;
      &lt;a href="{{ shop.url }}"&gt;{{ 'customer.register.cancel' | t }}&lt;/a&gt;
  
    {% endform %}
  &lt;/div&gt;
  </code></pre>