<form action=“/fake” data-action=“{{ site.comments.receiver }}” method=“post” id=“commentform” class=“form-horizontal comment-box”>

<input name="redirect" type="hidden" value="{{site.url}}/thanks">
<input name="post_id" type="hidden" value="{{ slug }}">
<input name="comment-site" type="hidden" value="{{ site.url }}">
<div id="commentstatus" class="status"></div>
<div id="comment-box">
  <img src="https://avatars.io/twitter//medium" data-fallbacksrc="/images/comments/unknown-avatar.png" data-role="user-avatar" alt="avatar" class="avatar" id="avatarPreview" />
  <div id="commenttext">  
    <textarea name="message" id="message" class="textarea" placeholder="Escreva algum comentario."></textarea>
  </div>
</div>
<input type="hidden" name="avatar" id="avatarInput" />
<div form class="personalInfo">
  <input type="text" name="name" id="name" placeholder="Nome de exibição" title="Nome que ficará visivel nos comentarios" data-required="true" />
  <input type="email" name="email" id="email" placeholder="email" data-required="true" value="" />
  <input type="url" name="url" id="url" placeholder="https://teste.com" />
  <span class="info-circle" title="Identity is used to generate an avatar image only. It is not submitted with the form."></span>
</div>
<button type="button" onclick="setupForm()" id="commentbutton">Comentar</button>

</form> <div id=“commentstatus” style=“clear:both” class=“status”></div>