title: How to customise user profile fields in allauth after signup
body: <p>I used allauth to signup function in my web application. In the socialaccount signup is collected from users e-mail, password, first and last name. In the sign in form I just collect e-mail and password from users.</p>
  
  <p>Once logged, my app redirects the user to a profile page where is supposed to him/her update her profile (including new and customised fields, as the "institution" I added), if him/she wants to do so.</p>
  
  <p>The question as a beginner in django-allauth, I'd like to know how to add these new customised fields to my user profile, and how to update those data once the user signed up. </p>
  
  <p>what I did till now:</p>
  
  <p>In settings.py</p>
  
  <pre><code>AUTH_USER_MODEL = 'auth.User'
  </code></pre>
  
  <p>In my_project/models.py</p>
  
  <pre><code>from django.db import models
  from django.contrib.auth.models import User
  
  class UserProfile(models.Model):
  
      institution = models.TextField(max_length=254)
  </code></pre>
  
  <p>In profile_page.html</p>
  
  <pre><code>{% extends 'base.html' %}
  {% block title %}Profile Page{%endblock title%}
  
  {% if user.is_authenticated %}
  
  {%block body%}
  
      &lt;div class="col-md-6" &gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-body"&gt;
                  &lt;h1 class="text-center"&gt;&lt;b&gt;MY ONTOLOGIES&lt;/b&gt;&lt;/h1&gt;&lt;br&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-6" &gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-body"&gt;
                  &lt;h1 class="text-center"&gt;&lt;b&gt;MY PROFILE&lt;/b&gt;&lt;/h1&gt;&lt;br&gt;
                      &lt;div class="form-group"&gt;
                          {% csrf_token %}
                          &lt;label for="id_login" class="col-sm-2 control-label"&gt;E-mail:&lt;/label&gt;
                          &lt;div class="col-sm-10"&gt;
                              &lt;input type="email" id="asd" value="{{user.email}}" name="login"   class="form-control" required /&gt;
                          &lt;/div&gt;&lt;br&gt;&lt;br&gt;
                          &lt;label for="first_name" class="col-sm-2 control-label"&gt;First Name:&lt;/label&gt;
                          &lt;div class="col-sm-10"&gt;
                              &lt;input type="text" id="id_first_name" value="{{user.first_name}}" name="first_name" class="form-control" required /&gt;
                          &lt;/div&gt;&lt;br&gt;&lt;br&gt;
                          &lt;label for="last_name" class="col-sm-2 control-label"&gt;Last Name:&lt;/label&gt;
                          &lt;div class="col-sm-10"&gt;
                              &lt;input type="text" id="id_last_name" value="{{user.last_name}}" name="last_name" class="form-control" required /&gt;
                          &lt;/div&gt;&lt;br&gt;&lt;br&gt;
                          &lt;label for="institution" class="col-sm-2 control-label"&gt;Institution:&lt;/label&gt;
                          &lt;div class="col-sm-10"&gt;
                              &lt;input type="text" id="id_institution" value="{{user.institution}}" name="institution" class="form-control" placeholder="University/Company" required /&gt;
                          &lt;/div&gt;&lt;br&gt;&lt;br&gt;
                          &lt;label for="id_password1" class="col-sm-2 control-label"&gt;New Password:&lt;/label&gt;
                          &lt;div class="col-sm-10"&gt;
                              &lt;input class="form-control" id="id_password1" name="password1" placeholder="New Password" type="password" /&gt;
                          &lt;/div&gt;&lt;br&gt;&lt;br&gt;
                          &lt;label class="col-sm-2" for="id_password2"&gt;New Password (again):&lt;/label&gt;
                          &lt;div class="col-sm-10"&gt;
                              &lt;input class="form-control" id="id_password2" name="password2" placeholder="New Password (again)" type="password" /&gt;
                          &lt;/div&gt;
  
                      &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  {%endblock body%}
  
  {% endif %}
  </code></pre>
  
  <p>The code is clearly incomplete, because I didn't find a way to add the fields and save them properly as I requested. Thanks</p>