Templates Usados

A aplicação usa templates para gerar o formulário de contato, como também a mensagem de sucesso.

Elas devem estar instaladas na pasta templates/contato do projeto, ou dentro da aplicação. Os templates usados são:

Template contato_form.html

Esse template é usado para definir e gerar o formulário de contato do seu site. A partir dela que vai estar os seguintes campos:

  • Nome;
  • E-mail;
  • Assunto;
  • Mensagem.

Abaixo está o exemplo do formulário:

{% extends "base.html" %}

{% block corpo %}
    <div class="sixteen columns">
        <h3>Contato</h3>
        <p>
            Diga o que deseja aqui em baixo, que iremos ler com toda a atenção necessária.
        </p>

        <div class="sixteen columns">
            <form action="" method="post">
                {% csrf_token %}
                <fieldset>
                    <label for="id_nome">
                        {{ form.nome.label }} {{ form.nome }}
                        <div class="erro">{{ form.nome.errors }}</div>
                    </label>
                    <label for="id_email">
                        {{ form.email.label }} {{ form.email }}
                        <div class="erro">{{ form.email.errors }}</div>
                    </label>
                    <label for="id_assunto">
                        {{ form.assunto.label }} {{ form.assunto }}
                        <div class="erro">{{ form.assunto.errors }}</div>
                    </label>
                    <label for="id_mensagem">
                        {{ form.mensagem.label }} {{ form.mensagem }}
                        <div class="erro">{{ form.mensagem.errors }}</div>
                    </label>
                </fieldset>
                <input type="submit" value="Enviar" class="button">
            </form>
        </div>
    </div>
{% endblock corpo %}

Template contato_success.html

Esse template nada mais é do que uma página que contém a mensagem de que o email foi enviado com sucesso:

{% extends "base.html" %}

{% block corpo %}
    <div class="sixteen columns">
        <h3>Contato</h3>
        <p>
            E-mail enviado com sucesso! Dentro de instantes estaremos entrando em contato.
        </p>
        <p><a href="{% url homepage %}">Voltar</a></p>
    </div>
{% endblock corpo %}

Template email.txt

Já esse template é o corpo do email que vai ser recebido pelo destinatário. Ele aceita somente textos. Abaixo está um exemplo:

Esse e-mail foi recebido do site Juquinhas.com:

Nome: {{ nome }}
E-mail: {{ email }}

{{ mensagem }}

Essas tags vão ser substituidas pelos valores dos campos do formulário.