One of the essential parts of any website is the Contact Us page or the contact form widget. A properly built and embedded contact form on a website lets website visitors contact you via your website.
In our recent article on how to add a live chat widget to a website, we shared top services to add an all-in-live chat gadget. But, live chat is not a perfect solution for every business. Website contact form widgets are ever-used and effective mechanisms to build connections between website users and site owners.
In this article, you will find the best contact form generators that let you create embeddable HTML Contact forms for websites, their top features, demos, and more.
Best Contact Us Form Widgets for Websites to Use Today
Elfsight Contact Form widget
Elfsight is a website that provides embeddable widgets for websites. Its widgets catalog consists of over 80 apps from data collection (e.g., Form Builder, Subscription form, and Contact Us widget) to review aggregators (e.g., testimonials slider, Facebook reviews, and Yelp reviews widget).
Elfsight’s Contact Form widget lets you create a contact widget for a website with its visual widget builder by utilizing templates and customizing the appearance.
Features
- 20 field types – One of the key features you should look for in a good contact form widget generator is the diverse field types. There are fields for text, inputs for phone number, email, and other contact info, rating scales, attachments (upload files up to 100 MB max), and selection fields such as image choice, dropdown, and choice. Elfsight’s Contact form widget consists of 20+ field types to collect as much information as needed. You can add unlimited fields to the form, add a custom placeholder or hint, and make it a ‘required’ field.
- Customize labels and placeholders – Make your HTML contact form widget speak the language of your audience by customizing labels and inserting placeholders into the fields.
- Email Notifications – Receive a custom email message every time someone completes your form and send an email response to everyone who fills out the form. You can customize the email message using mail-tags and edit email subject, receiver & reply-to email addresses, and more.
- Layouts – Embed the contact form as an inline widget or floating form. You can customize the form by changing the widget of contact form widget and pane position.
- Integrations – Elfsight’s Contact Form supports Mailchimp, Google Sheets, and Zapier.
- Google reCAPTCHA protection – Google reCAPTCHA is a free yet leading anti-spam solution for protecting forms from spam. Enabling this option will reduce spam submissions considerably.
- Post-Submit Actions – You have three options: Show a success message, Redirect to the URL, and Hide the form.
- Pre-fill form – You can pre-fill form fields on the Contact Us widget using URL parameters.
- Customize appearance – Use a custom header and footer (by adding a cover photo, your brand logo, and a custom message), use form widget templates, choose an appropriate color scheme (Light or Dark), assent color & font, and customize the look of elements. Also, you can utilize custom CSS to change the widget’s appearance further.
- Localization, custom JavaScript, widgets management, and more.
How to create a contact form widget using Elfsight
Use the widget builder below to create your contact form widget:
Choose a contact form template, customize form fields, set email notifications, change the appearance, and get the embed code by publishing it.
Or you can sign up on Elfsight, search for the “Contact Form” widget on the Apps Catalog, and start customizing the widget. Here’s how to do it inside the Elfsight dashboard:
Contact form widget HTML code
Once created, you will receive a unique code. The embed code for the contact form widget will be similar to the one below. It will have a Javascript file and an HTML div element with a unique class attribute.
Copy and paste it where you want to display it (e.g., static webpage, sidebar, footer, etc.). Additionally, you can add the 'data-elfsight-app-lazy' attribute to the div tag to the lazy load contact form on installed web pages.
<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-1533056a-9860-4e8e-965b-c2940c00e2c6" data-elfsight-app-lazy></div>When the Lazy Loading is enabled, the contact form will appear once the visitor scrolls down to its location on the web page.
Demo
Pricing
Elfsight’s Contact form widget is free to use and comes with all the above features. However, the free plan is limited to one contact widget per account, 200 total views per month, and includes the Elfsight logo and a link to the website underneath the contact form widget.
Paid plans start from $5 per month, and all subscriptions remove the Elfsight logo from widgets and provide priority support.
Click here to try Elfsight’s Contact form widget.
CommonNinja’s Contact Form
CommonNinja is an alternative to Elfsight, with over 100 widgets in its catalog, from website components to forms and user engagement widgets. They include animated number counters, an audio player, a client logo carousel, pricing tables, and an age verification popup.
CommonNinja’s Contact Form creator consists of a visual page builder that includes features such as layouts & skins and lets you improve user experience and collect leads via embeddable contact forms.
Features
- 20+ form field types – CommonNinja’s Contact Form creator supports 20+ form field types such as text, email, address, phone number, URL, Yes/No, Single & multiple selections, Image upload, file upload, star rating, date & time, signature, registration counter, opinion scale, and goal.
- Post submission actions – Display a success message or redirect to a URL. The redirection countdown can be defined under settings.
- Modes – The HTML contact form can be specified to display all form fields at once or one field at a time.
- Multiple submissions – You can enable or disable submitting multiple entries (a specified number or unlimited times) per person.
- Spam protection – Like Elfsight, CommonNinja also uses Google reCAPTCHA to help you safeguard your email address from unwelcome and unsolicited emails from spammers and other malicious and unwanted parties.
- Change appearance – CommonNinja’s Contact Form Builder provides 12 skins and customization options. You can change colors to fonts and form widgets. Plus, you can edit the header & footer and upload a cover picture.
- Notifications – Receive notifications to your email on new submissions and send a confirmation email to users. Each email template can be customized with mail tags and a unique message and subject line.
- Submissions dashboard – The CommonNinja’s HTML Contact Form widget has a tool that tracks and manages submissions and messages. All form submissions are conveniently compiled and organized within a table, ensuring no data is lost, with further options to manage and export the collected information in a CSV file.
- Webhooks, custom CSS, widgets sharing, and more.
How to create a Contact Us form using CommonNinja
Sign up on the CommonNinja website, search for the “Contact Form” widget, customize it, and embed the widget by copying and pasting the contact form HTML code. Watch the video below to find out more.
Demo
Pricing
CommonNinja’s Contact form widget is free to use. However, the free plan includes limitations. Paid plans start from $5 per month.
- Free – 2 contact form widgets, 15 responses, 5 form elements, 300 monthly pageviews
- Basic – $5/month – 10 contact form widgets, 50 responses, 12 form elements, 2,000 monthly pageviews
- Pro – $10/month – 25 contact form widgets, 350 responses, 30 form elements, 35,000 monthly pageviews
- Business – $15/month – 50 contact form widgets, 1,000 responses, 100 form elements, 3,000,000 monthly pageviews
Click here to try CommonNinja’s Contact Form widget.
Powr Contact Form Generator
Powr is another website widgets provider with 50+ powerful apps, from boosting conversions to supporting customers in its library. Some are website lead generation popups, PayPal buttons, Google & OpenStreet Map, and multi-file-type embed widgets.
Powr’s Contact Form Generator is equipped with advanced customization features, email notifications, and integrations.
Features
- 20+ elements & form fields – Create any contact form widget using 20+ elements from dropdowns, multiple-choice, star ratings, file uploads, emoji feedback, picture choice, and more. For instance, the marketing permissions elements let you collect marketing permissions (i.e., send marketing emails via your autoresponder or CRM software) in GDPR-manner.
- Form templates & AI-Generated Templates – By default, Powr provides a few templates to get started. But, with the AI form Templates generator, you can generate HTML contact forms that resonate with your business’s goals.
- Multi-page Forms – Great for long forms to make them more user-friendly.
- Conditional Logic – Show or hide certain questions based on a customer’s previous response.
- Post-Submission Options – There are five actions after a visitor submits a form: 1) Show the success screen, Redirect to another page, Display submissions publicly, Hide the form, and Reload the form.
- Protection – Enable Google reCAPTCHA and enable the “Prevent multiple form submissions per IP address” option under the After-submission options to block spam submissions.
- Autoresponder – Send an email when a user submits the form. Powr lets you send it to all respondents or specific form respondents. The latter option will send automated emails with different content based on answers in the HTML contact form widget. Furthermore, you can customize the autoresponder email design using the visual HTML email editor.
- Limit submissions – Set a submission deadline to stop receiving responses after a selected date & time automatically and set a submission limit to limit overall responses.
- Integrations – Powr’s Contact Form Generator is integrated with services like Notion, Mailchimp, Google Sheets, and Zapier. Plus, you can incorporate your Google Tag Manager account and enable ‘Printing” to make it easier for your users to keep a record of their answers by letting them print their form responses.
- Accept payments – Receive one-time payment, donation, or subscription payment from your contact form widget.
- Responses Dashboard – Track and manage all form submissions.
- Contact form widget types – There are three ways to display an HTML contact form widget: Inline, Popup with floating button, and Popup with tab.
- Customize appearance – Powr’s Contact Form Generator includes eight themes that possess its style. Furthermore, you can change the widget’s width, entrance animation, background & border, styles for input fields, and display a progress bar on multi-page contact forms.
- Custom CSS & JavaScript, animations, and more features.
How to make a contact form widget using Powr
Sign up on the Powr website, search for the “Contact Form” widget from the app’s library, and start customizing your widget. Watch the following video tutorial on using Powr to generate a contact form widget and customize autoresponder email.
Demo
Pricing
Powr’s Contact form app is free to use. But, limits and lack of features are substantial on the free plan. Paid plans begin from $9.99/month.
Click here to try Powr’s Contact Form.
Aidaform
Aidaform is a dedicated online form creator with 100+ templates, a drag-and-drop visual editor, and features. It allows you to create a contact form and embed it on any website.
Features
- 30+ form fields – Aidaform’s form creator consists of 30+ form fields such as name, email, media file, media answer, picture choice, file upload, captcha, matrix, slider, calculation, formula, timer, terms and conditions, and newsletter signup.
- Drag-and-drop visual editor – Don’t spend time and money learning HTML, PHP, or CSS to code a contact form from scratch. The visual editor lets anyone without coding skills build a contact form and publish it within minutes.
- Customize contact form design – Choose between traditional and conversation styles and change the look and feel of the contact form using the form designer.
- Conditional fields – Show or hide form fields based on respondents’ prior choices. This allows you to create advanced contact form widgets that collect targeted data based on user inputs.
- Post-submit actions – Aidaform has four options:
- Display a default “Thank You” page
- Go to a specific page in the contact form
- Redirect to URL
- Conditional Logic – Display specific pages or redirect to specific pages based on user’s inputs.
- Email notifications – Get an email when someone completes your contact form. Aidaform lets you attach response data as a PDF file and send attachments in messages.
- Automatic replies – Email the respondent who completes the contact form.
- 3rd party integrations – Aidaform integrates with Google Sheets, Discord, Slack, Zapier, Google Tag Manager, Facebook Pixel, and Webhooks.
- Two ways to publish a contact form widget – Embed on your website or share the link to the contact form. Depending on your plan, you can use a custom domain name.
- Response dashboard, configure embed widget, automatic save to resume later, pre-population of form fields via URL parameters, key bindings, auto-scroll, automatically resets form data after submission, and more.
Demo
Pricing
Aidaform is free to use. The free plan comes with 100 responses per month, 500 MB storage, 2 custom domains, and <1 minute long audio and video answers. However, the free plan does not support file upload, hidden fields, logic jumps, autosave, and automatic replies. Paid plans start from $15 per month.
Formcarry
Formcarry is a form backend for major development frameworks like HTML, jQuery, React, and Vue. Its free contact form generator lets you customize and create your HTML contact form code.
Features
- Two ways to process HTML form responses – Process HTML form with PHP or Formcarry.
- File upload – Let respondents upload files via the contact form.
- Integrations – Formcarry supports Webhooks and provides Google Sheets, Twilio, Discord, Slack, Notion, Mailchimp, Airtable, and Zapier integrations.
- Email notifications and auto-responses – Receive email notifications every time your contact form gets a new submission and send auto-responses to your form respondents.
- Filter submissions, spam protection, custom thank you pages, and more.
Pricing
Formcarry’s contact form generator is free to use. Paid plans start from $6 per month.
Jotform
Jotform is an online form creator with many features, integrations, and customization options. You can create an embeddable Contact Us form widget using Jotform.
Features
- 20+ form elements and fields – Create a custom Contact Us form with various elements and field types such as date picker, input table, and fill-in blank.
- Protect form submissions from spam – Jotform supports three forms of captchas: hCAPTCHA, reCAPTCHA, and JotCAPTCHA.
- Widgets – Make your Contact Us form more powerful with Jotform widgets. Some widgets include Take a photo, PDF embedder, date reservation, image upload preview, review before submit, QR code generator, voice recorder, user-contributed dropdown, drawing board, country picker, and states & cities picker for countries.
- Encrypt form data – Encrypt your contact us form responses to store sensitive data securely.
- Conditional logics -Change visibility of fields, make fields required or disabled, change thank you page action, and change e-mail recipient account to form entries.
- Integrations – Jotform’s integrations include well-known services and software such as Google Sheets, Aweber, Asana, Sendgrid, Zapier, Webhooks, and Google Drive.
- Approval flows, mobile notifications, and more.
Jotform pricing
Jotform is free to use, and its free plan includes 5 forms per account, up to 100 monthly submissions, 100 MB available space, 100 fields per form, and 1,000 monthly form views. Paid plans start from $39 per month.
Contact Form 7
If you were looking for a simple yet quality free contact form plugin for WordPress, Contact Form 7 is one of the most popular contact us form generators with over 5 million users.
Features
Contact Form 7 is a popular WordPress plugin used for creating and managing contact forms on websites. It offers a range of features to help website owners create and customize forms easily. Here are some of its top features:
- User-Friendly Interface: Contact Form 7 provides a simple and intuitive user interface for creating and managing forms, making it accessible for both beginners and experienced users.
- Customizable Forms: You can create and customize forms to suit your specific needs by adding various form fields such as text fields, email fields, checkboxes, radio buttons, dropdown menus, file uploads & attachments, hidden fields, and more. Plus, each form field can have a minimum and maximum length character count, and the contact form can be styled using CSS.
- Multiple Forms: You can create and manage multiple forms on your website to handle different inquiries or data collection types.
- Shortcode Integration: The plugin generates a shortcode for each form, making it easy to embed forms into posts, pages, widgets, or template files.
- Spam Protection: Contact Form 7 includes built-in CAPTCHA (reCAPTCHA) and Akismet spam filtering support to help prevent spam submissions.
- File Uploads: It allows users to upload files through forms, which is useful for applications like job applications, photo submissions, or document uploads.
- Email Notifications: You can configure email notifications to be sent to both the website administrator and the user when a form is submitted.
- Conditional Fields: You can set up conditional logic to show or hide certain fields based on user responses, making your forms more dynamic and user-friendly.
- Integration with Other Plugins: Contact Form 7 can be extended with various add-ons and integrations, connecting your forms with email marketing services, CRM systems, and more.
- Extensive Documentation: The plugin comes with thorough documentation and a supportive community, making finding solutions to common issues easier and learning how to use its features effectively.
- Translations: It supports multiple languages and offers translations for a wide range of languages, making it accessible to a global audience.
- Regular Updates: The plugin is actively maintained and updated to ensure compatibility with the latest WordPress versions and address security and functionality issues.
- Open Source: Contact Form 7 is open-source software, which means it’s free to use, and you can modify the code to suit your specific needs if you have the necessary coding skills.
Click here to try the Contact Form 7 plugin.
More Contact Form Creators
Here are more tools to create contact form widgets for your website:
- Google Forms – Create a free contact form using Google Forms and save entries on Google Sheets.
- Paperform – Paperform is an online form builder, and you can make a website contact form and automate tasks with integrations like Google Sheets, Mailshake, Zoho CRM, Slack, Pabbly Connect, Integrately, and Zapier.
- Typeform – Typeform lets you create online contact forms and automate them using widely available integrations like Paperform.
- Zoho Contact Forms – Create online contact forms and manage entries in Zoho CRM.
- Pabbly Form Builder – A free contact us widget builder with multi-form embedding types.
Final words on best HTML Contact Form Generators
Being one of the essential website widgets, choosing the right contact form widget for your website is critical. The best contact form generator for your site depends on your requirements. If you use WordPress and want a simple contact form to embed, Contact Form 7 would be a great choice, as it’s free and easy to use and customize.
Also, most blogging platforms provide a contact form widget, making using a third-party service unnecessary. In the case of Blogger, you can use the Blogger contact form on static pages.
But, if you use a static website and want more unavailable features on existing contact form makers, you can use Contact Us form designers such as Elfsight, Powr, Jotform, Google Forms, and Typeform. Each platform will have its unique features and customization options.
Another advantage of using services like Elfsight is that you can use other useful widgets on websites, such as social proof widgets.