Creating Django Personal App – Part 3 – Building the contact form

Our website has a contact page but we need a contact form so the users can contact us easily. While you can build everything from scratch, I opted for a very simple solution, already built! It is called formspree.io. It is free (there is a paid gold account) and it works flawlessly.

If you decide to build your own send email application then go ahead, it is not that difficult and there are dozens of tutorials that you can follow.

All you have to do is to build the contact form (you have a quick example) on the formspree.io website. Here is how my contact page looks like.

{% extends "personal/header.html" %}

{% block content %}

<h3 style="padding-bottom: 20px;">Let's work together</h3>

<form method="POST" action="http://formspree.io/contact@yourdomain.com">
  <input style="float: left; width: 48%; margin-right: 4%;" name="name" placeholder="Your name" type="text">
  <input style="float: left; width: 48%;" name="email" placeholder="Your email" type="email">
  <textarea style="float: left; width: 100%; margin-top: 20px;" name="message" rows="15" placeholder="Your message"></textarea>
  <button style="float: left; margin-top: 20px;" type="submit">Send</button>
</form>

<!--
    {% include "personal/includes/snippet.html" %}
-->
{% endblock %}

Of course, you have to replace the contact@yourdomain.com with your actual email. There is one time email verification then you are done. You have an email form on your website.

Here is how it looks like:

contact page

Leave a Reply