{"id":27,"date":"2026-07-12T23:57:24","date_gmt":"2026-07-12T18:27:24","guid":{"rendered":"https:\/\/jnkplugins.com\/blog\/how-to-build-wordpress-form-trinity-forms\/"},"modified":"2026-07-30T14:51:21","modified_gmt":"2026-07-30T09:21:21","slug":"how-to-build-wordpress-form-trinity-forms","status":"publish","type":"post","link":"https:\/\/jnkplugins.com\/blog\/how-to-build-wordpress-form-trinity-forms\/","title":{"rendered":"How to Build a WordPress Form with Trinity Forms (Step-by-Step)"},"content":{"rendered":"

If you have ever wanted a contact form on your WordPress site without wrestling with a clunky third-party builder, this Trinity Forms<\/a> tutorial is for you. We will walk through exactly how to build a WordPress form<\/strong> from scratch \u2014 from installing the plugin to collecting and exporting real submissions. No shortcodes to memorize, no separate drag-and-drop canvas to learn.<\/p>\n

This guide is aimed at beginners and busy site owners: small businesses collecting leads, bloggers adding a contact page, agencies building client sites, and anyone who wants a genuinely free form builder that plays nicely with the WordPress they already know.<\/p>\n

Why block-native forms are nice<\/h2>\n

Most form plugins bolt on their own editor \u2014 a separate interface with its own quirks that you have to learn on top of WordPress itself. Trinity Forms takes a different approach: the form editor IS the Gutenberg block editor<\/strong>. You build a form the same way you build any page or post, by adding blocks. Each form field \u2014 name, email, message, select, radio, checkbox, and more \u2014 is just a block you drop in and configure in the sidebar.<\/p>\n

That means there is nothing new to learn. If you can write a WordPress post, you can build a form. Everything lives inside WordPress too: entries are stored natively in your database, so there are no per-entry fees and no data held hostage on someone else’s servers. Let’s build one.<\/p>\n

Step 1 \u2014 Install Trinity Forms<\/h2>\n

First, get the plugin onto your site:<\/p>\n

    \n
  1. In your WordPress dashboard, go to Plugins \u2192 Add New<\/strong>.<\/li>\n
  2. Search for Trinity Forms<\/strong> in the keyword box.<\/li>\n
  3. Click Install Now<\/strong>, then Activate<\/strong>.<\/li>\n<\/ol>\n

    Once activated, look for a new Forms<\/strong> item in your admin menu \u2014 that is where Trinity Forms lives. Everything you do from here on starts from that menu.<\/p>\n

    Step 2 \u2014 Create a new form and add fields<\/h2>\n

    Now for the fun part. From the Forms<\/strong> menu, create a new form. You will land in a familiar editor \u2014 because it is the Gutenberg block editor. Building your form is just a matter of adding field blocks.<\/p>\n

    Let’s build a simple contact form with four fields:<\/p>\n

      \n
    1. Click the +<\/strong> (block inserter) and add a Name<\/strong> field block.<\/li>\n
    2. Add an Email<\/strong> field block below it.<\/li>\n
    3. Add a Select<\/strong> or Radio<\/strong> field so visitors can choose a topic \u2014 for example “Sales”, “Support”, or “General question”.<\/li>\n
    4. Add a Message<\/strong> field for the body of their inquiry.<\/li>\n<\/ol>\n

      To configure any field, click it and open the block sidebar<\/strong> on the right. There you can set the field label, placeholder text, and \u2014 importantly \u2014 toggle whether the field is required<\/strong>. Mark Name, Email, and Message as required so visitors can’t submit an empty form. You can drag blocks up and down to reorder them exactly like any other blocks, so arranging your form is effortless.<\/p>\n

      Beyond these basics, Trinity Forms includes a full set of field blocks in the free version: number, date, rating, checkbox, consent, section headings, page breaks, custom HTML, and hidden fields. You can build anything from a one-line signup to a detailed intake form.<\/p>\n

      \"Building<\/figure>\n

      Step 3 \u2014 Set up conditional logic<\/h2>\n

      Conditional logic lets your form react to what visitors choose \u2014 and it is included free. Say you added a Select field asking “What can we help with?” and you only want a “Company name” field to appear when someone picks “Sales”.<\/p>\n

      Select the field you want to control (the Company name field), open its block sidebar, and enable conditional logic<\/strong>. Set a rule like: show this field when “What can we help with?” is equal to “Sales”<\/em>. Now the field stays hidden until it is relevant, keeping your form short and friendly for everyone else.<\/p>\n

      Tip: Conditional logic is great for keeping forms concise. Only ask for what you need, when you need it \u2014 shorter forms almost always convert better.<\/p><\/blockquote>\n

      Step 4 \u2014 Configure email notifications and spam protection<\/h2>\n

      A form is only useful if you actually find out when someone submits it. Open your form’s notification settings<\/strong> and point the notification to the right admin email address \u2014 the inbox you actually check. You can customize the subject line and the message body so incoming submissions are easy to scan.<\/p>\n

      While you are in settings, turn on spam protection<\/strong>. Trinity Forms includes built-in spam filtering, and you can enable Cloudflare Turnstile<\/strong> for a privacy-friendly, no-friction alternative to traditional CAPTCHAs. This keeps bots out without making real visitors squint at blurry images.<\/p>\n

      Step 5 \u2014 Publish the form and embed it on a page<\/h2>\n

      With your form built, it is time to put it in front of visitors:<\/p>\n

        \n
      1. Save or publish your form.<\/li>\n
      2. Edit the page or post where you want the form to appear \u2014 for example your Contact page.<\/li>\n
      3. Add the Trinity Forms<\/strong> form block and select the form you just built.<\/li>\n
      4. Update the page.<\/li>\n<\/ol>\n

        That’s it \u2014 the form is live. Because it is a native block, you can drop it anywhere blocks are supported: pages, posts, and most block-enabled areas of your theme.<\/p>\n

        Step 6 \u2014 View and export entries<\/h2>\n

        Every submission is stored natively inside WordPress, so your data is always yours. To see what’s coming in, open the Entries<\/strong> screen from the Forms menu. There you can browse individual submissions, read message details, and review who filled out which field.<\/p>\n

        Need the data elsewhere \u2014 a spreadsheet, your CRM, an accountant? Use the built-in CSV export<\/strong> to download all entries in one click. No monthly caps, no per-entry charges, no lock-in.<\/p>\n

        \"Trinity<\/figure>\n

        Step 7 (optional) \u2014 Add payments or multi-step forms with Pro<\/h2>\n

        Everything above is free. If you need more, Trinity Forms Pro<\/strong> (from $49\/yr, with lifetime options available) adds a payment field so you can collect money via Stripe<\/strong> or PayPal<\/strong> right inside your form \u2014 perfect for order forms, deposits, or donations. Pro also unlocks multi-step forms<\/strong> that break long forms across pages, plus integrations and advanced field types. And if a license ever lapses, a 15-day grace period keeps your forms working while you sort it out, so nothing breaks unexpectedly.<\/p>\n

        Wrapping up<\/h2>\n

        That’s the whole journey \u2014 from an empty site to a working, spam-protected WordPress form with stored, exportable entries. Because Trinity Forms is block-native, you built all of it using the WordPress editor you already know, with no separate builder to learn and no per-entry fees to worry about.<\/p>\n

        Ready to get started? Grab Trinity Forms<\/a> and build your first form today. If you are migrating from another plugin, our guide on the best Contact Form 7 alternative<\/a> is worth a read, and if you want to master collecting and exporting submissions from any builder, see how to store and export WordPress form entries<\/a>.<\/p>\n

        <\/p>\n

        Frequently asked questions<\/h2>\n

        How do I create a WordPress form without code?<\/h3>\n

        Install Trinity Forms, create a new form (the editor is the WordPress block editor), add field blocks like Name, Email and Message, mark the required ones, then embed the form on any page with the Trinity Forms block. No shortcodes or separate builder to learn.<\/p>\n

        Are Trinity Forms entries stored in WordPress?<\/h3>\n

        Yes \u2014 every submission is stored natively in your WordPress database, with no per-entry fees and no data held on someone else’s servers. You can browse them on the Entries screen and export everything to CSV in one click.<\/p>\n

        Is Trinity Forms free?<\/h3>\n

        The core is free forever on WordPress.org, including entry storage, conditional logic, spam protection and surveys\/quizzes. Pro (from $49\/yr, with lifetime options) adds payments, multi-step forms with save-and-resume, and advanced fields.<\/p>\n

        Related reading<\/h2>\n