Published on October 15, 2025

How to Add a Formspree contact form to Github pages

By adding formspree, you can get messages from site visitors directly to your Gmail account or other mail accounts easily.

Watch the Tutorial

STEPS

1: Go to Formspree.io

2: Click sign in/Register.

3: Enter your Email address, Password and click sign in.

4: Click Add New button after that New Form.

5: Enter your Email address in the Create form box.

6: In integration tab you can see your url generated by formspree. Copy that code and also copy the html form section to your github repository contact page.

7: Paste the html form section and the url you copied in integration tab to action= .

8: You can also add custom CSS file for Github repository to decorate the form.

9: Now go to your website and enter the your email address in the contact form to check whether the form is working.

8:Check your Gmail account or other mail account. You will receive the mail that you submitted from formspree.