Easy way to add static HTML contact us form in webpage?

Harman Singh

Aug 14, 2019 — 1 min read

When it comes to how to add a functioning contact us form in a static website, javascript and third party libraries hold their part well.

There are multiple ways to add contact form in a static website. In this tutorial I am going to share the easiest way I found among other ways. I am personaly using this contact us form on my career portfolio

I am using FormSpree service, yet its easy to setup and free to use. Lets learn in a 5 little step method how to use formspree for contact us form in a static webpage.

Step 1: Find contact us form in your html code (template)

The form code would be start from and end with

Step 2: Replace Form action in html

replace action and method attributes of your html form. If action and method does not exists in your form, add them.

action = "https://formspree.io/email@domain.tld"  method = "POST"

It should be looking somewhat similar to following:

Step 3: Add name attribute to html form elements

existing:

after attribute added:

Step 4: Press Submit and Confirm

Confirm your email and that’s all, Congrats you made it !!

Thanks to FormSpree to make it happen !!

The Essence of Paul Grahm's Essay on Hard Work: How to Hard Work

In the realm of success and achievement, the concept of hard work often gets oversimplified. Paul Graham, a luminary in the tech and startup world, offers an exploration of what it truly means to work hard in his enlightening essay, "How to Work Hard." Through his rich narrative and insightful

Download Guide - ESP32 and Micropython For Network Security

Excited to make most out of your esp32? Start with the guide by following the links provided. Each chapter offers hands-on experience and valuable insights, guiding you towards mastering network security with MicroPython on ESP32.

Leetcode Linkedlist

206. Reverse Linked List Easy Link : https://leetcode.com/problems/reverse-linked-list/ Given the head of a singly linked list, reverse the list, and return the reversed list. Example 1: Input: head = [1,2,3,4,5] Output: [5,4,3,2,1] Example 2: Input: head = [1,2] Output: [2,

Leetcode LinkedList

21. Merge Two Sorted Lists Easy Link : https://leetcode.com/problems/merge-two-sorted-lists/ You are given the heads of two sorted linked lists list1 and list2. Merge the two lists into one sorted list. The list should be made by splicing together the nodes of the first two lists. Return the