Integrate Formspree into the Website

To configure Formspree you’ll need an account. If you don’t have one already, you can go to the Formspree “Register” page and add your details to create an account.

Configure contact forms

The default Hugo theme has a feature called contact forms. They’re useful for collecting user emails and soliciting feedback from our website visitors. The contact form on the “Contact” page of the default Hugo Anatole theme is powered by Formspree. It is not the only contact form provider, but many Hugo themes integrate Formspree.

Formspree’s web application offers a user-friendly interface for creating and managing contact forms, viewing form submissions, and exporting user data in CSV format. Contact forms are an excellent option for collecting emails if we want to do a subscriber-only email campaign.

Here are the steps we can take to create a Formspree contact form endpoint and link it to the contact form on the website:

1. Sign in to Formspree.
2. Click “New Project” to create a new project for our website.
3. Click “New Form” to create our new contact form.
4. Copy the form’s endpoint.
5. Open config/_default/params.toml and insert the form endpoint into the contactFormAction parameter.