# Hugo Integration

Hugo is one of the most popular open-source static site generators built for blogs, docs, and portfolios. You can integrate Getform to your Hugo website to handle the backend of your static forms.

# Create a new Hugo site

If you have a Hugo site already setup and running, you can this step. If you are setting up your site from scratch, run the following commands to start setting up your Hugo site.

$ brew install hugo
$ hugo new site quickstart
$ cd quickstart
$ hugo server -D

Hugo will start a hot-reloading development environment that is accessible by default at http://localhost:1313/.

# Add a Contact Form to your Hugo site

Create a new markdown file and name it as contact.md file under content directory, change its content with the following code block:

---
title: Contact Us
date: 2020-11-27 17:30:49
---
<form accept-charset="UTF-8" action="https://getform.io/{your-form-endpoint}" method="POST">
    <input type="email" name="email" placeholder="Your Email">
    <input type="text" name="name" placeholder="Your Name">
    <input type="text" name="message" placeholder="Your Message">
    <button type="submit">Send</button>
</form>

# Run your Hugo site locally to finalize setup

Run the following command to see your Hugo form in action at localhost:1313/contact/:

$ hugo server -D

That's it! Your Hugo site is now running Getform.

← Hexo →