{"id":8505,"date":"2026-09-12T13:31:15","date_gmt":"2026-09-12T13:31:15","guid":{"rendered":"https:\/\/justfineinfotech.com\/how-to-create-a-wordpress-contact-form-without-a-form-plugin\/"},"modified":"2026-09-12T13:31:16","modified_gmt":"2026-09-12T13:31:16","slug":"how-to-create-a-wordpress-contact-form-without-a-form-plugin","status":"publish","type":"post","link":"https:\/\/justfineinfotech.com\/fr\/how-to-create-a-wordpress-contact-form-without-a-form-plugin\/","title":{"rendered":"How to Create a WordPress Contact Form Without a Form Plugin"},"content":{"rendered":"<p>Every service business needs a way for visitors to ask for a quote. The standard advice is to install a dedicated contact form plugin, and that works, but it also means one more plugin to update, one more settings screen to learn, and one more upgrade prompt to ignore. \ud83d\ude44<\/p>\n<p>If your site already runs on the block editor, there\u2019s a leaner path. Otter Blocks is a free plugin (300,000+ active installs, 4.7 out of 5 on WordPress.org) that adds a library of extra blocks to Gutenberg, and one of those blocks is a proper Form block: custom fields, email routing, spam protection, and an autoresponder<\/p>\n<p>Quick honesty check: yes, Otter is still a plugin, so \u201cno plugin at all\u201d would be a fib. The win here is skipping a <em>single-purpose<\/em> form plugin when a general blocks plugin you may already want can cover the job too. One less thing to maintain. \ud83d\udc4d<\/p>\n<p>This guide walks through building a quote-request form for a service business, step by step: picking the right fields, routing submissions to the right inbox, stopping spam, and sending an automatic reply. It also covers the cases where a dedicated form plugin genuinely is the better tool, because sometimes it is<\/p>\n<blockquote>\n<p>\u2696\ufe0f DISCLAIMER: Otter Blocks is made by ThemeIsle, the same company behind this blog. The tutorial below sticks to what the free and Pro versions actually do, and the honest-limits section tells you when a different plugin wins<\/p>\n<\/blockquote>\n<ul>\n<li><strong>A WordPress site using the block editor.<\/strong> Any modern theme works. If you\u2019re new to Gutenberg, this WordPress block editor tutorial covers the basics.<\/li>\n<li><strong>The free Otter Blocks plugin.<\/strong> Everything in steps 1 through 4 and step 6 works in the free version. Pro-only extras are marked clearly as they come up.<\/li>\n<li><strong>An email address<\/strong> where quote requests should land.<\/li>\n<li><strong>About 15 minutes.<\/strong> Less if you skip the styling step. \u23f1\ufe0f<\/li>\n<\/ul>\n<p>From your WordPress dashboard, go to Plugins \u2192 Add New, search for \u201cOtter Blocks,\u201d then click Install and Activate. That\u2019s the whole setup; there\u2019s no wizard to fight through<\/p>\n<p>Next, open the page where the form should live (Pages \u2192 Add New, or edit your existing contact page). Click the <strong>+<\/strong> button to open the block inserter, search for \u201cForm,\u201d and insert the Form block. Otter immediately asks which variation you want to start with: <strong>Contact Form<\/strong> or <strong>Subscribe Form<\/strong>. Pick Contact Form. (Clicking Skip also gives you the contact form, since it\u2019s the default.)<\/p>\n<figure>\n<img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:984\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/otter-form-block-variations-scaled-1.png\" alt=\"The Otter Form block variation picker offering a Contact Form or Subscribe Form starting point inside the WordPress block editor\"><br \/>\n<\/figure>\n<p>You now have a working form with Name, Email, and Message fields. <a href=\"https:\/\/justfineinfotech.com\/fr\/unm-boosts-quantum-science-tech-education\/\" title=\"UNM Boosts Quantum Science &amp; Tech Education\">Tech<\/a>nically, you could publish right now. But a quote request deserves better fields, so keep going<\/p>\n<p>Click any field in the form and the sidebar shows its settings. You can add new fields, reorder them, and edit each one: change the label, hide the label, set a percentage width (handy for putting Name and Email side by side at 50%), add placeholder and help text, and toggle whether the field is required<\/p>\n<p>For a service-business quote form, a solid field lineup looks like this:<\/p>\n<ul>\n<li><strong>Name<\/strong> (Text, required) and <strong>Email<\/strong> (Email, required): the defaults, keep them.<\/li>\n<li><strong>Phone<\/strong> (Text, optional): some clients prefer a call back.<\/li>\n<li><strong>Service needed<\/strong> (Select or Checkbox): your main services as options, so requests arrive pre-sorted.<\/li>\n<li><strong>Budget range<\/strong> (Select): awkward question, useful answer. \ud83d\udcb0<\/li>\n<li><strong>Preferred start date<\/strong> (Date): separates the \u201cnext week\u201d leads from the \u201csomeday\u201d ones.<\/li>\n<li><strong>Project details<\/strong> (Textarea, required): rename the default Message field and you\u2019re done.<\/li>\n<\/ul>\n<p>Free field types cover text, email, textarea, checkbox, radio, select, number, date, and URL. Hidden fields, file uploads, and Stripe payment fields are Pro-only. Webhooks, which push submissions into other apps in real time, are also part of Otter Pro\u2019s advanced form features<\/p>\n<blockquote>\n<p>\ud83d\udca1 PRO TIP: If staring at a blank form feels like work, Otter\u2019s AI Form option can generate a starting set of fields from a plain-language prompt (\u201ca quote request form for a landscaping company\u201d). There\u2019s one catch: Otter\u2019s AI features need an AI provider connected, meaning your own OpenAI API key or the WordPress AI connector. No bundled AI credits. Also note that Regenerate replaces the current form rather than saving versions, so keep a result you like before rolling the dice again.<\/p>\n<\/blockquote>\n<p>Select the whole form and open <strong>Form Options<\/strong> in the sidebar. This is where submissions go and what the notification email looks like:<\/p>\n<ul>\n<li><strong>Email To:<\/strong> defaults to the site admin. Point it at the inbox that actually answers quotes.<\/li>\n<li><strong>Email Subject:<\/strong> something scannable like \u201cNew quote request: landscaping.\u201d<\/li>\n<li><strong>CC and BCC:<\/strong> loop in a colleague or a shared sales address.<\/li>\n<li><strong>From Name:<\/strong> the sender name on the notification.<\/li>\n<li><strong>Reply-To Email:<\/strong> leave this empty and replies to the notification go straight to the address the visitor typed in. For a quote workflow, that little default saves real time. \u2709\ufe0f<\/li>\n<\/ul>\n<p>Two reassuring details. First, every valid submission is saved to the database before the email goes out, so a grumpy mail server can\u2019t silently eat a lead. Second, you can review all submissions (including any delivery errors) under Otter Blocks \u2192 Submissions in the dashboard, and viewing them is free. Exporting submissions is an Otter Pro feature<\/p>\n<figure>\n<img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1920\/h:1075\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/otter-form-options-panel-scaled-1.png\" alt=\"The Otter Form Options sidebar with Email To, Email Subject, Submissions, CC, BCC, From Name, Redirect on Submit, and Autoresponder settings next to the form fields\"><br \/>\n<\/figure>\n<blockquote>\n<p>\ud83d\udca1 PRO TIP: Building a subscribe-style form instead? Otter has marketing integrations for Mailchimp and Brevo, so new signups can flow straight into your mailing list<\/p>\n<\/blockquote>\n<p>Public forms attract bots the way picnics attract wasps. Otter handles this with a dedicated <strong>Captcha block<\/strong> that sits inside the form: click the <strong>+<\/strong> button within the form, search for \u201cCaptcha,\u201d and add it. Then pick a provider, either <strong>Google reCAPTCHA<\/strong> or <strong>Cloudflare Turnstile<\/strong>, and paste in the matching site key and secret key. You can enter the keys directly in the Captcha block or centrally under <strong>Otter \u2192 Settings \u2192 Integrations<\/strong>. hCaptcha works too, through its own integration.<\/p>\n<p>One gotcha worth knowing: the captcha only appears on the published form once the provider\u2019s keys are saved. If the live form looks exactly the same before and after you add the block, missing keys are the usual suspect. \ud83c\udd98<\/p>\n<p>An autoresponder is the \u201cgot it, talk soon\u201d email the visitor receives after submitting. In the free version, you can customize the subject and body of that message in Form Options, so write something warm, set expectations (\u201creplies within one business day\u201d), and you\u2019re set<\/p>\n<p><strong>Otter Pro<\/strong> adds <strong>Reply with AI<\/strong> to the autoresponder: instead of one static message, it generates a personalized reply for each submission. You write a prompt describing the reply you want, insert the visitor\u2019s actual answers with magic tags, and set a static fallback message on a separate tab for the moments an AI reply can\u2019t be generated. It\u2019s a nice touch for quote requests, since the confirmation can reference the service the person asked about.<\/p>\n<p>Otter Pro starts at $69 per year for a single site at introductory pricing ($139 list, renewals at full price), with a 30-day money-back guarantee. The Otter pricing page has the full plan breakdown<\/p>\n<p>The Style tab handles the looks: colors for labels, input text, and backgrounds, submit button styles for normal and hover states, label sizing and spacing, field padding, and border radius. If you\u2019ve configured Otter\u2019s global defaults, the form can inherit those colors so it matches the rest of the site without extra fiddling<\/p>\n<p>Before hitting publish, two finishing touches:<\/p>\n<ul>\n<li><strong>Submit messages:<\/strong> enable them from the Form Options three-dots menu and write a friendly success message (\u201cThanks! Your quote request is in.\u201d) plus an error message for server hiccups.<\/li>\n<li><strong>Redirect on Submit:<\/strong> optionally send visitors to a thank-you page after submission. Useful if you track conversions.<\/li>\n<\/ul>\n<p>Publish the page, then send yourself a real test submission. Check that the notification email arrived, the autoresponder landed, and the entry shows up under Otter Blocks \u2192 Submissions. Here\u2019s the kind of finished form visitors will see (this example from the Otter docs includes the Pro-only file upload field at the bottom):<\/p>\n<figure>\n<img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:556\/h:942\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2026\/08\/otter-form-frontend-example-1.png\" alt=\"A finished Otter form on a live page showing email, text, checkbox, textarea, number, radio, select, URL, and file upload (Otter Pro) fields with a submit button\"><br \/>\n<\/figure>\n<p>Done and done. \ud83c\udf89<\/p>\n<p>Otter\u2019s Form block covers contact forms, quote requests, and subscribe forms well. It\u2019s not trying to replace the heavyweights, and pretending otherwise would be a disservice. A dedicated form plugin earns its install when you need:<\/p>\n<ul>\n<li><strong>Conditional logic:<\/strong> showing or hiding fields based on earlier answers (\u201cif they pick Wedding, ask for the venue\u201d). Otter\u2019s form fields don\u2019t do this.<\/li>\n<li><strong>Multi-step forms<\/strong> that split long applications across pages.<\/li>\n<li><strong>Calculations:<\/strong> instant price estimates that update as the visitor fills the form in.<\/li>\n<li><strong>Serious entry management:<\/strong> Otter stores every submission and lets you view them free, which covers most small businesses, but exporting entries requires Pro. If your workflow lives in exported spreadsheets, a form plugin with free export (or built-in reporting) fits better.<\/li>\n<li><strong>Polls, surveys, and quizzes<\/strong> with results analysis.<\/li>\n<\/ul>\n<p>If that list describes your needs, look at <a href=\"https:\/\/wpforms.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WPForms<\/a> or <a href=\"https:\/\/fluentforms.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Fluent Forms<\/a>, both built specifically for complex forms. For everything simpler, one less plugin is one less thing to break on a Tuesday. \ud83d\ude05<\/p>\n<p>The whole build, in recap form:<\/p>\n<ul>\n<li>Install the free Otter Blocks plugin and insert the Form block (Contact Form variation).<\/li>\n<li>Shape the fields around what a quote request actually needs: service, budget, timing, details.<\/li>\n<li>Point submissions at the right inbox and leave Reply-To empty for easy follow-ups.<\/li>\n<li>Drop in the Captcha block so bots bounce off.<\/li>\n<li>Write an autoresponder (Pro can personalize it with AI).<\/li>\n<li>Style it to match the site, test a real submission, publish.<\/li>\n<\/ul>\n<p>The bottom line: for a service business that needs a clean quote-request or contact form, Otter\u2019s Form block does the job without adding a dedicated form plugin to the maintenance pile. For conditional logic, multi-step flows, or calculations, a purpose-built form plugin is worth the extra install<\/p>\n<p>Once the form is live, Otter can keep earning its keep elsewhere on the site: there\u2019s a slider block for showcasing work and even a live search feature if the site grows into one. What kind of form are you building first? Drop it in the comments section below! \ud83d\udc47<\/p>\n<figure>\n<img decoding=\"async\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:eco\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\"><br \/>\n<\/figure>\n<p><strong>FREE GUIDE<\/strong><\/p>\n<p><strong>4 Essential Steps to Speed Up Your\u00a0WordPress Website<\/strong><\/p>\n<p>Follow the simple steps in our 4-part mini series and reduce your loading times by 50-80%.\u00a0\ud83d\ude80<\/p>\n<p>Yay! \ud83c\udf89 You made it to the end of the article!<\/p>\n<div style=\"clear:both;margin:30px 0 15px 0\">\n<p>\n    <strong>Related:<\/strong><br \/>\n    <a href=\"https:\/\/yoursite.com\/automation-training-benin\/\" title=\"Digital Automation Training Benin: 5 Winning Skills Employers Demand in 2026\" target=\"_blank\" rel=\"noopener\"><br \/>\n      Digital Automation Training Benin: 5 Winning Skills Employers Demand in 2026<br \/>\n    <\/a>\n  <\/p>\n<p>\n    &lt;a href=&quot;https:\/\/yoursite.com\/automation-africa\/&quot; title=&quot;<a href=\"https:\/\/justfineinfotech.com\/fr\/power-your-hustle-five-ways-whatsapp-business-helps-you-grow\/\" title=\"Power Your Hustle: Five Ways WhatsApp Business Helps You Grow |\">WhatsApp<\/a> Marketing Automation Africa: 6 Dangerous Mistakes Brands Make in Nigeria&#8221;&gt;<br \/>\n      WhatsApp Marketing Automation Africa: 6 Dangerous Mistakes Brands Make in Nigeria<br \/>\n    <\/a>\n  <\/p>\n<\/div>\n<div style=\"clear:both;margin:30px 0;padding:25px;background:#f8f9fc;border:1px solid #ddd;border-radius:8px;text-align:center\">\n<h3>Want to learn this practically?<\/h3>\n<p>Join <strong>Justfine Infotech<\/strong> and build real digital skills in AI, automation, web development, digital marketing, office productivity, e-commerce, <a href=\"https:\/\/justfineinfotech.com\/fr\/from-salary-to-self-employed-weighing-up-the-cost-of-freelancing-in-the-uae-the-national\/\" title=\"From salary to self-employed: Weighing up the cost of freelancing in the UAE | The National\">freelancing<\/a> and cybersecurity.<\/p>\n<p><strong>Available Programmes:<\/strong><br \/>\n  6 Weeks Certificate \u2022 3 Months Professional Certificate \u2022 6 Months Diploma \u2022 Full Professional Diploma<\/p>\n<p><strong>WhatsApp:<\/strong><br \/>\n  +229 01 57 57 99 15<br \/>\n  +229 01 66 68 11 60<\/p>\n<p><a href=\"https:\/\/api.whatsapp.com\/send?phone=2348132690270&amp;text=Hello\" target=\"_blank\" rel=\"noopener\">Enroll Now<\/a><\/p>\n<\/div>\n<p class=\"ani-source\">Source: <a href=\"https:\/\/themeisle.com\/blog\/wordpress-form-without-plugin\/\" target=\"_blank\" rel=\"nofollow noopener\">themeisle.com<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Every service business needs a way for visitors to ask for a quote. The standard advice is to install a dedicated contact form plugin, and that works, but it also means one more plugin to update, one more settings screen to learn, and one more upgrade prompt to ignore. \ud83d\ude44<\/p>","protected":false},"author":1,"featured_media":8507,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[72],"tags":[1719,750,1720,171,188],"class_list":["post-8505","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-seo-smart-websites","tag-contact","tag-create","tag-form","tag-without","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts\/8505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/comments?post=8505"}],"version-history":[{"count":1,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts\/8505\/revisions"}],"predecessor-version":[{"id":8506,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/posts\/8505\/revisions\/8506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/media\/8507"}],"wp:attachment":[{"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/media?parent=8505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/categories?post=8505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/justfineinfotech.com\/fr\/wp-json\/wp\/v2\/tags?post=8505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}