sample-contact-form-for-hugo.md

Sample contact form for Hugo

• Overview
• Setup Procedure

Overview

From the source tree, the file samples/hugo-partial-contact-form.html contains a sample HTML form for Hugo (a screenshot is provided below).

This form can be used for a contact or a demo form. Indeed, as shown in the procedure below, the form is configured to be rendered specifically according to a tag set in the Hugo page content.

Setup Procedure

• Copy the HTML form content in your target Hugo HTML template.

• Open the file in your favorite editor to update it.

• Modify the <form> tag to make the action point it your hugo-mx-gateway sendmail backend URL (this URL depends on the deployment option: Deployment on Kubenetes, Deployment on Google Computing Engine, Deployment on Docker, Deployment on Debian.

• Edit the Hugo Markdown content of the target contact/demo page to ensure that the tags parameter holds an appropriate value (i.e. contact for a contact form, or demo for a demo request form).

  ---
  title: "Contact Us"
  description: "Contact request page"
  date: 2020-04-25T00:20:27+02:00
  tags: [contact]
  ---