Business template
Check the template here: https://stunning-unicorn-f40510.netlify.app/. Elegant,
Instructions on how to make the form work are at the very bottom of the description.
responsive web design, innovative branding solutions, and custom development services—all tailored to help your business grow. Explore our diverse portfolio, learn about our proven process, and get inspired by real projects that combine creativity with results. Whether you need a stunning website, a memorable brand identity, or a powerful digital solution, our team is ready to turn your ideas into reality. Start your project today and experience the difference of working with passionate digital experts.
HOW TO MAKE FORM WORK:
1- Register on Formspree
- Go to https://formspree.io/register
- Click on “Sign Up” and create a free account using your email or your Google account.
- Confirm your email address if prompted.
2 - Create a new form
- Once in your dashboard, click on “+ New Project” or “+ New Form”.
- Give your form a name, for example: “Web Contact”.
- Click on “Create”.
3 - Copy your form’s URL
- After creating the form, Formspree will show you a URL like:
https://formspree.io/f/abcde123
- Copy this address.
4 - Update your website’s form
- Find the <form> tag in your HTML code.
- Change the action attribute to the URL you copied.
Example:
html<br><form action="https://formspree.io/f/abcde123" method="POST" id="contactForm">
5 - Publish your website or test the form
- Upload your website to your server or use a local environment (like VS Code’s Live Server) to test.
- Fill out the form and click “Send”.
6 - Confirm your email address
- After submitting the form for the first time, you will receive an email from Formspree to verify your address.
- Click the confirmation link in the email.
- If you don’t confirm, messages won’t be delivered properly.
7 - (Optional) Customize the thank you page
- If you want users to be redirected to a specific page after submitting the form, add this hidden field inside your form:
html<br><input type="hidden" name="_redirect" value="https://yourdomain.com/thank-you.html"><br>
8 - (Optional) Add antispam protection
- You can add a hidden field called “_honeypot” to reduce spam:
html<br><input type="text" name="_honeypot" style="display:none"><br>
Leave it empty. If a bot fills it out, the message will be discarded.
9 - Receive messages in your email
- Every time someone submits the form, you will get an email with the entered data.
- You can also check all submissions from your Formspree dashboard.
10 - Check the limits of the free plan
- Formspree’s free plan allows up to 50 submissions per month.
- If you need more, you can upgrade to a paid plan.