https://formspree.io/blog/ Recent content in Form & Function on Formspree Hugo -- gohugo.io en Formspree, Inc. Mon, 01 Jan 2018 00:00:00 +0000 https://formspree.io/blog/announce-activecampaign-plugin/ Tue, 17 Mar 2026 00:00:00 +0000 https://formspree.io/blog/announce-activecampaign-plugin/ ActiveCampaign is one of the most powerful CRM and marketing automation platforms out there. Now, you can connect it directly to your Formspree forms with our new plugin that automatically creates or updates contacts from form submissions. https://formspree.io/blog/announcing-turnstile-integration/ Wed, 26 Nov 2025 00:00:00 +0000 https://formspree.io/blog/announcing-turnstile-integration/ Meet the latest upgrade to Formspree’s spam-fighting toolkit: native Cloudflare Turnstile integration. Learn how Turnstile works, why it’s better than legacy CAPTCHA challenges, and how you can enable it in minutes to keep your forms fast, accessible, and secure. https://formspree.io/blog/zod-validation/ Tue, 21 Oct 2025 00:00:00 +0000 https://formspree.io/blog/zod-validation/ Learn how to build production-ready forms in TypeScript with Zod. We’ll cover schema-based validation, error handling, and integration with Formspree for a complete end-to-end solution. https://formspree.io/blog/bootstrap-form-validation/ Fri, 10 Oct 2025 00:00:00 +0000 https://formspree.io/blog/bootstrap-form-validation/ Learn how to design production-ready Bootstrap forms the right way. We’ll cover layouts, accessibility, and validation best practices, then integrate Formspree for a complete end-to-end solution. https://formspree.io/blog/bootstrap-forms/ Mon, 15 Sep 2025 00:00:00 +0000 https://formspree.io/blog/bootstrap-forms/ Master Bootstrap forms with this complete guide. Explore layouts, validation, accessibility, and connect your forms with Formspree for a production-ready setup. https://formspree.io/blog/html-fieldset/ Mon, 08 Sep 2025 00:00:00 +0000 https://formspree.io/blog/html-fieldset/ Learn how to use HTML fieldset and legend to organize form fields, improve accessibility, and create more user-friendly web forms. https://formspree.io/blog/vuelidate/ Mon, 01 Sep 2025 00:00:00 +0000 https://formspree.io/blog/vuelidate/ Learn how to apply Vuelidate in your Vue.js projects for effective form validation. This guide walks through setting up rules, showing validation errors, and managing advanced use cases so you can build robust forms with confidence. https://formspree.io/blog/salesforce-forms/ Tue, 26 Aug 2025 00:00:00 +0000 https://formspree.io/blog/salesforce-forms/ Discover how to connect Formspree with Salesforce to supercharge your workflows. This guide covers capturing leads with forms, mapping submissions to Salesforce, and setting up automations that save time and improve customer management. https://formspree.io/blog/asana-crm/ Tue, 19 Aug 2025 00:00:00 +0000 https://formspree.io/blog/asana-crm/ Learn how to use Formspree to turn Asana into a powerful CRM. This article covers capturing leads with forms, syncing them into Asana projects, and setting up automations to manage relationships seamlessly. https://formspree.io/blog/radio-button/ Fri, 11 Apr 2025 00:00:00 +0000 https://formspree.io/blog/radio-button/ Explore everything you need to know about radio buttons in web development. Learn how to implement them correctly, improve accessibility, and design effective forms that guide users through single-choice selections with ease. https://formspree.io/blog/html-dropdown-menu/ Tue, 08 Apr 2025 00:00:00 +0000 https://formspree.io/blog/html-dropdown-menu/ Learn everything about the HTML <!-- raw HTML omitted --> element and custom dropdown menus in this complete guide. Discover best practices for accessibility, styling techniques, and advanced customization options to enhance user interactions and form design. https://formspree.io/blog/html-input/ Fri, 04 Apr 2025 00:00:00 +0000 https://formspree.io/blog/html-input/ Master HTML input fields with this essential guide covering everything from basic text inputs to advanced form elements. Learn how to optimize user interactions, improve accessibility, and implement best practices for a seamless form experience. https://formspree.io/blog/jquery-submit-form/ Mon, 31 Mar 2025 00:00:00 +0000 https://formspree.io/blog/jquery-submit-form/ Discover how to efficiently handle form submissions in your web apps with jQuery’s submit() method. Learn best practices for validation, AJAX integration, and optimizing user interactions to create smooth and responsive forms. https://formspree.io/blog/html-label/ Sun, 23 Mar 2025 00:00:00 +0000 https://formspree.io/blog/html-label/ Master the HTML label element with this in-depth guide. Discover best practices for improving form accessibility, enhancing usability, and ensuring a seamless user experience across all devices and screen readers. https://formspree.io/blog/asana-forms/ Thu, 20 Mar 2025 00:00:00 +0000 https://formspree.io/blog/asana-forms/ Discover how to create custom Asana forms using Formspree for seamless task management. Learn how to automate form submissions, improve workflow efficiency, and integrate Asana with a flexible form backend for better productivity. https://formspree.io/blog/html-button/ Mon, 17 Mar 2025 00:00:00 +0000 https://formspree.io/blog/html-button/ Learn everything you need to know about HTML buttons, including usability guidelines, accessibility tips, and practical alternatives. Enhance your website&rsquo;s interaction design by choosing the right button or alternative element for every scenario. https://formspree.io/blog/headless-cms/ Fri, 14 Mar 2025 00:00:00 +0000 https://formspree.io/blog/headless-cms/ Discover the top headless CMS platforms for 2025 in this detailed comparison. Learn about their features, strengths, and ideal use cases to confidently choose the right headless CMS for your business and content management needs. https://formspree.io/blog/html-all-float-options/ Wed, 12 Mar 2025 00:00:00 +0000 https://formspree.io/blog/html-all-float-options/ Explore all HTML float options in this beginner-friendly guide and learn how to position elements effectively. Understand how float works, when to use it, and how to prevent common layout issues for a seamless web design experience. https://formspree.io/blog/asana-integrations/ Mon, 03 Mar 2025 00:00:00 +0000 https://formspree.io/blog/asana-integrations/ Explore the top 5 Asana integrations that can supercharge your project management. From communication to seamless project management, these must-have tools help you optimize workflows, improve collaboration, and get more done with less effort. https://formspree.io/blog/html-form-action/ Thu, 27 Feb 2025 00:00:00 +0000 https://formspree.io/blog/html-form-action/ In this article, you will discover how the HTML form action attribute works and how to use it effectively to control form submissions, send data to the right destination, and improve user interactions. You will learn best practices for setting up action URLs, handling GET and POST requests, and ensuring seamless form processing on your website. https://formspree.io/blog/announce-more-plugins-in-2025/ Mon, 24 Feb 2025 00:00:00 +0000 https://formspree.io/blog/announce-more-plugins-in-2025/ As we move into 2025, Formspree is bringing you more control with new Salesforce and Asana plugins, improved Google Sheets sync, and hCaptcha integration for enhanced security. Discover how these updates make form management smoother and more efficient than ever. https://formspree.io/blog/jquery-validate/ Mon, 13 Jan 2025 00:00:00 +0000 https://formspree.io/blog/jquery-validate/ This article will enable readers to master form validation for collecting accurate user input and building a smooth user experience. It will explore the benefits of jQuery Validate with a step-by-step tutorial and share best practices to create robust and user-friendly forms that improve your website. https://formspree.io/blog/server-side-validation/ Wed, 30 Oct 2024 00:00:00 +0000 https://formspree.io/blog/server-side-validation/ This article will explain the role of server-side validation in web development, emphasizing its importance in ensuring security, data integrity, and user experience. It will explore various implementation methods and best practices to effectively validate user inputs on the server. https://formspree.io/blog/grecaptcha/ Wed, 16 Oct 2024 00:00:00 +0000 https://formspree.io/blog/grecaptcha/ This blog walks you through integrating Google&rsquo;s reCAPTCHA using its JavaScript API, ensuring your website is protected with ease. It will explain how the API works, how to use it, and offer any other best practices for people using this library. Towards the end, you will also see a few examples of platform-specific libraries for reCAPTCHA. https://formspree.io/blog/html-textarea/ Fri, 11 Oct 2024 00:00:00 +0000 https://formspree.io/blog/html-textarea/ Learn when to use the HTML Textarea element with real-world examples! https://formspree.io/blog/email-validation-in-javascript/ Wed, 09 Oct 2024 00:00:00 +0000 https://formspree.io/blog/email-validation-in-javascript/ Learn why email validation is one of the most common problems in form validation, see various ways in which email validation can be implemented, and know some key points to keep in mind when implementing email validation in any situation. https://formspree.io/blog/bot-detection/ Mon, 07 Oct 2024 00:00:00 +0000 https://formspree.io/blog/bot-detection/ Learn bot detection technique and explore effective prevention strategies and mitigation measures to minimize the impact of bot activity on your website https://formspree.io/blog/hcaptcha-vs-recaptcha/ Thu, 26 Sep 2024 00:00:00 +0000 https://formspree.io/blog/hcaptcha-vs-recaptcha/ This guide compares hCaptcha and reCAPTCHA based on user experience, privacy concerns, and effectiveness against bots to help you decide which CAPTCHA best suits your website&rsquo;s needs. https://formspree.io/blog/yup-validation/ Tue, 24 Sep 2024 00:00:00 +0000 https://formspree.io/blog/yup-validation/ This guide dives deep into Yup, a powerful JavaScript library that enables you to build expressive and user-friendly validation schemas. It goes beyond the basics, guiding you through complex validation scenarios, asynchronous validation, data transformation, and best practices for clean and maintainable code. https://formspree.io/blog/recaptcha-alternatives/ Thu, 19 Sep 2024 00:00:00 +0000 https://formspree.io/blog/recaptcha-alternatives/ This article explores the shortcomings of reCAPTCHA and explores a variety of reCAPTCHA alternatives that can effectively combat bots without sacrificing user experience, performance, or privacy. https://formspree.io/blog/hcaptcha/ Tue, 17 Sep 2024 00:00:00 +0000 https://formspree.io/blog/hcaptcha/ Tired of Google tracking your clicks? hCaptcha is a new challenger offering a more private alternative. Learn how hCaptcha works, why it might be a better fit for your website, and how it helps keep you safe from online bots. https://formspree.io/blog/email-spam-bot/ Tue, 10 Sep 2024 00:00:00 +0000 https://formspree.io/blog/email-spam-bot/ This guide will describe the problem of email spam, how email spam bots add to it, how email spam bots work (briefly), what is social media, comment, and form spam and how it is similar to email spam when it comes to communications and marketing, how to tell if a piece of communication is from a bot or a real person, and how to improve your protection against spam bots. https://formspree.io/blog/image-to-base64/ Wed, 28 Aug 2024 00:00:00 +0000 https://formspree.io/blog/image-to-base64/ This blog explores online tools, JavaScript methods, and even server-side solutions for converting images to Base64. You will learn how to integrate Base64 images in HTML, send them in forms securely, and discover best practices to optimize their web forms. https://formspree.io/blog/html-file-input/ Mon, 26 Aug 2024 00:00:00 +0000 https://formspree.io/blog/html-file-input/ This guide will explore the attributes, functionalities, backend handling, and best practices for html input type file, helping you develop smooth file upload experiences on your web applications. https://formspree.io/blog/recaptcha-v2-invisible/ Thu, 18 Jul 2024 00:00:00 +0000 https://formspree.io/blog/recaptcha-v2-invisible/ This in-depth guide explores reCAPTCHA v2 Invisible, a seamless solution to prevent spam and bots while keeping your website user-friendly. Learn how it works, its benefits, implementation, and if it&rsquo;s still a good choice in 2024! https://formspree.io/blog/react-form-validation/ Tue, 25 Jun 2024 00:00:00 +0000 https://formspree.io/blog/react-form-validation/ This comprehensive guide explores built-in validation, popular libraries like React Hook Form and Yup, advanced techniques like asynchronous validation, and best practices to elevate your React forms to the next level. https://formspree.io/blog/announce-constant-contact-notion-github-plugins/ Mon, 17 Jun 2024 00:00:00 +0000 https://formspree.io/blog/announce-constant-contact-notion-github-plugins/ We&rsquo;re thrilled to announce three exciting new plugin integrations for Formspree, making it easier than ever to streamline your workflows and manage your data seamlessly! https://formspree.io/blog/recaptcha-3/ Mon, 10 Jun 2024 00:00:00 +0000 https://formspree.io/blog/recaptcha-3/ Looking to understand reCAPTCHA v3? This blog post dives deep into what it is, how it functions, and how it differs from previous versions. We&rsquo;ll also show you how to seamlessly integrate it into your forms, with a special section for Formspree users! https://formspree.io/blog/recaptcha-methods/ Mon, 03 Jun 2024 00:00:00 +0000 https://formspree.io/blog/recaptcha-methods/ Is reCAPTCHA making your website a frustrating maze for users? This article cuts through the confusion, comparing all four reCAPTCHA methods currently available to Formspree users (Checkbox, Invisible, Interstitial, v3). https://formspree.io/blog/soc-2/ Tue, 27 Feb 2024 00:00:00 +0000 https://formspree.io/blog/soc-2/ <p>We’re proud to announce that Formspree is now SOC 2 Type 2 certified!</p> https://formspree.io/blog/klaviyo-plugin/ Tue, 30 May 2023 00:00:00 +0000 https://formspree.io/blog/klaviyo-plugin/ We’re adding Stripe integration to formspree-react. Now, with just a few lines of JavaScript you can create a fully custom payment form. https://formspree.io/blog/react-payments-stripe-elements/ Tue, 11 Oct 2022 00:00:00 +0000 https://formspree.io/blog/react-payments-stripe-elements/ We’re adding Stripe integration to formspree-react. Now, with just a few lines of JavaScript you can create a fully custom payment form. https://formspree.io/blog/custom-payment-stripe/ Mon, 10 Oct 2022 00:00:00 +0000 https://formspree.io/blog/custom-payment-stripe/ <p>Collecting payment is the most crucial experience of your online business. So why settle for a stock Stripe Checkout page? Building a custom checkout form with <a href="https://stripe.com/payments/elements">Stripe Elements</a> gives you control over the entire payment experience, all the way to the final moments of the sale.</p> <p>Now with <a href="https://help.formspree.io/hc/articles/360055613373-The-Formspree-React-library">formspree-react</a> and the <a href="https://help.formspree.io/hc/articles/360053306013-Use-Stripe-to-accept-payments-with-SCA">Formspree Stripe plugin</a>, you can build fully custom payment experiences in a fraction of the time it would take with Stripe Elements alone.</p> https://formspree.io/blog/automatic-retries/ Tue, 02 Aug 2022 00:00:00 +0000 https://formspree.io/blog/automatic-retries/ <p>Today we’re announcing automatic retries for all our plugins. This means regardless of what plugins you add, from <a href="https://help.formspree.io/hc/en-us/articles/360043997954-Use-Airtable-to-create-powerful-spreadsheets">Airtable</a> to <a href="https://help.formspree.io/hc/en-us/articles/360034793613-Use-Zendesk-to-create-support-tickets">Zendesk</a>, you can rest assured that your form submissions will be processed.</p> https://formspree.io/blog/update-june-2022/ Wed, 22 Jun 2022 00:00:00 +0000 https://formspree.io/blog/update-june-2022/ <p>Today I want to talk about something we’ve been working on for a while. You may have noticed a change to the Formspree dashboard UI. A few weeks back we soft launched a new design for the main forms page, and forms detail pages. Before that we updated the accounts page, so now pretty much the entire product has a new design.</p> https://formspree.io/blog/two-factor-authentication/ Thu, 04 Nov 2021 00:00:00 +0000 https://formspree.io/blog/two-factor-authentication/ Today, we&rsquo;re opening up the ability for all our users to add extra security to their account by enabling two-factor authentication (2FA). We know how important your form data is, so we&rsquo;re happy to offer you an additional way to secure your account. 🔐 The process should feel very familiar to you if you&rsquo;ve set up 2FA on other websites. You can set up 2 factor authentication by visiting your account settings and clicking Setup in the Formspree Dashboard. https://formspree.io/blog/update-form-shield/ Wed, 27 Oct 2021 00:00:00 +0000 https://formspree.io/blog/update-form-shield/ <p>Nothing says &ldquo;autumn&rdquo; like pumpkin spice lattes and a big frontend refactor. At least that&rsquo;s what we were going for when we started switching Formspree over to tailwind this summer. But we&rsquo;ll get to that in a minute.</p> <p>Today we&rsquo;re announcing three new features for Formspree users.</p> https://formspree.io/blog/freshdesk-gorgias-plugins/ Tue, 18 May 2021 00:00:00 +0000 https://formspree.io/blog/freshdesk-gorgias-plugins/ <p>We&rsquo;ve expanded our choice of integrations with the new Freshdesk and Gorgias plugins, as well as added more features to our HubSpot and Mailchimp plugins 🔌</p> https://formspree.io/blog/discord-mailerlite-plugins/ Mon, 15 Feb 2021 00:00:00 +0000 https://formspree.io/blog/discord-mailerlite-plugins/ <p>We&rsquo;ve brought Discord and Mailerlite to our roster of form Plugins, allowing you to send form submission directly into your favourite chat app and create custom subscribe forms for your email subscriptions.</p> https://formspree.io/blog/chat-support-pros-cons/ Tue, 10 Nov 2020 00:00:00 +0000 https://formspree.io/blog/chat-support-pros-cons/ <p>It seems like every website has chat support, whether live chat, a bot, or a blend of the two. But before you jump on the chat bandwagon, consider whether it’s the right option for you.</p> https://formspree.io/blog/lead-generation-form/ Mon, 26 Oct 2020 00:00:00 +0000 https://formspree.io/blog/lead-generation-form/ <p>Lead generation forms are the linchpin of your marketing engine. You advertise and run campaigns at the top of the funnel in the hopes of collecting some more information about your users so that you can turn them into paying customers. A number of things can go wrong with your form: you don’t give people a good enough reason to fill it out, the form is clunky and long, or the page it’s on is too distracting. Your marketing dollars are wasted, and your potential customers will go elsewhere.</p> https://formspree.io/blog/creative-form-design/ Thu, 15 Oct 2020 00:00:00 +0000 https://formspree.io/blog/creative-form-design/ <p>Content (and politics) aside, which of these two forms would you rather fill out?</p> https://formspree.io/blog/statickit-joins-formspree/ Tue, 06 Oct 2020 00:00:00 +0000 https://formspree.io/blog/statickit-joins-formspree/ <p>StaticKit is joining Formspree to create the best form solution for any developer. StaticKit will provide Formspree users with a modern JavaScript workflow that plays well with React, NPM, Vercel and Netlify. Today we’re launching the <a href="https://help.formspree.io/hc/en-us/articles/360053819114-The-Formspree-CLI">Formspree CLI</a>, and <a href="https://help.formspree.io/hc/en-us/articles/360055613373-The-Formspree-React-library">Formspree React</a> libraries based on StaticKit. Over the next few months, we’ll be porting over our suite of plugins. This will expand the number of functions developers can deploy into their websites with just a few lines in their formspree.json file.</p> https://formspree.io/blog/accessible-forms/ Thu, 10 Sep 2020 00:00:00 +0000 https://formspree.io/blog/accessible-forms/ Accessible web design should be a given. Almost 41 million Americans live with a disability. That’s approximately 12.6% of the population. But much of the internet still isn’t designed to accommodate users with disabilities. One study, for example, found that 70% of websites were inaccessible to people with visual impairments. Inaccessible forms aren’t just inconsiderate—they’re bad business. They lead to your company missing potential orders, surveys, registrations, and more. Design with accessibility features in mind, and everyone can get what they need from your website. https://formspree.io/blog/feedback-form/ Thu, 27 Aug 2020 00:00:00 +0000 https://formspree.io/blog/feedback-form/ <p>You need to send your feedback form data to your help desk software—but how should you do it? You might be tempted to direct your form to send an email straight to your support tool, but that introduces a few issues. The emails won’t capture important metadata, like the customer’s account information or the ticket priority level. Plus, many help desk platforms—Zendesk included—will block automated emails and send them to restricted folders.</p> https://formspree.io/blog/file-upload-form/ Tue, 25 Aug 2020 00:00:00 +0000 https://formspree.io/blog/file-upload-form/ <p>File upload forms help businesses get valuable information, whether it’s a photo for a product review or documents for a job application. The alternative is usually email, where you’re likely to lose track of files in countless threads or a bottomless inbox.</p> https://formspree.io/blog/client-intake-form/ Wed, 05 Aug 2020 00:00:00 +0000 https://formspree.io/blog/client-intake-form/ <p>When you sign on a customer, understanding their needs and expectations is critical. That’s why most service-based businesses—whether marketing agencies, law firms, or consulting corporations—go through an onboarding period at the start of the client relationship to get on the same page and set goals together.</p> <p>The client intake form is an essential tool for onboarding new clients. It allows you to collect information about your customers’ needs and wants in an organized, reliable way. And if you sync your form with a customer relationship management (CRM) system like Airtable, you can integrate the client intake data with the rest of your customer success information.</p> https://formspree.io/blog/registration-form/ Wed, 15 Jul 2020 00:00:00 +0000 https://formspree.io/blog/registration-form/ <p>If you’re hosting an event, you need to collect information about the participants—names, emails, mailing addresses, food allergies, you name it. How do you do it? The registration form.</p> https://formspree.io/blog/html-contact-form/ Wed, 17 Jun 2020 00:00:00 +0000 https://formspree.io/blog/html-contact-form/ <p>HTML is great for making your website look and work exactly how you want it to—but it can be a pain to work with. We’re here to make it easier and streamline the process of adding an HTML contact form to your website. It can also be a pain to make form data accessible to everyone on your team, so we’ll also show you how to integrate it with Google Sheets, which, chances are, you’re already using.</p> https://formspree.io/blog/2020-features-updates/ Wed, 15 Jan 2020 00:00:00 +0000 https://formspree.io/blog/2020-features-updates/ <p>We wrapped up 2019 with a bang! Here’s a list of all the things we accomplished since our last update in August.</p> https://formspree.io/blog/react-forms-3/ Mon, 04 Nov 2019 00:00:00 +0000 https://formspree.io/blog/react-forms-3/ In this final part of our series on building React forms, we’ll rebuild the form from parts 1 and 2 with Formik. We’ll discuss some benefits a drawbacks of using Formik, and highlight the alternatives. https://formspree.io/blog/react-forms-2/ Mon, 07 Oct 2019 00:00:00 +0000 https://formspree.io/blog/react-forms-2/ In this tutorial we’ll modify our basic form by taking control of the form’s state. In doing this we’ll create what React calls a “controlled component.” With a controlled component we’ll have more control over the form, allowing us to create a consistent validation experience, and customize it however we like. https://formspree.io/blog/react-forms-1/ Sun, 29 Sep 2019 00:00:00 +0000 https://formspree.io/blog/react-forms-1/ <p>There’s no “right way” to build forms in React and there are a lot of options. It’s simple enough to have a working form, but what about validation? Can you rely on the browser’s default validation, or should you write your own state handlers, or drop in a form library?</p> https://formspree.io/blog/august-update/ Wed, 21 Aug 2019 00:00:00 +0000 https://formspree.io/blog/august-update/ <p>Formspree has been cranking out new capabilities and fixing bugs. Here&rsquo;s the latest new features that have dropped over the last few weeks.</p> https://formspree.io/blog/a-hugo-theme-for-blogs/ Tue, 09 Jul 2019 00:00:00 +0000 https://formspree.io/blog/a-hugo-theme-for-blogs/ Not all themes are created equal. With Blogophonic we set out to create a clean theme with the right features for a serious blog. We also wanted Blogophonic to be a pleasure to modify, so we built it with Tachyons, CSS Grid, and packed it full of configurable options. https://formspree.io/blog/new-spam-tools/ Tue, 28 May 2019 00:00:00 +0000 https://formspree.io/blog/new-spam-tools/ <p>Fighting spam is one of the hardest challenges for any form backend, whether you build your own or use a service like Formspree. To help our customers cut back on spam, today we&rsquo;re announcing three new tools: <strong>Custom reCAPTCHA support</strong>, <strong>authorized domains</strong> and the <strong>profanity filter</strong>.</p> https://formspree.io/blog/formspree-now-has-a-blog/ Sat, 25 May 2019 00:00:00 +0000 https://formspree.io/blog/formspree-now-has-a-blog/ Hey y&rsquo;all! We launched our blog! (duh) A few cool things about this blog. It&rsquo;s f&ndash;king gorgeous, right? It has a unique taxonomy feature called Series. We expect to publish series of posts on a single topic, and we wanted a way to link those posts together into a single narrative. So we created landing pages that make these stories and tutorials easier to navigate. We shall see how it goes.