Drag and Drop Live Form Builder with landing page, cost estimation, quizzes, personality tests, surveys, data collection and user feedback of all kind

WPEForm Lite – Drag and Drop Live Form Builder for Contact, Payment & Quiz Forms

<h4>WordPress Contact, Payment &amp; Quiz Form Builder Plugin</h4>
<p>WPEForm is a Live, No-Code, Drag-N-Drop Form Builder for quizzes, payment estimations, personality tests, surveys, contacts, lead generations and user feedback of all kinds.</p>
<p>Exclusively written for WordPress <strong>the goal is to help you get started in 10 minutes</strong>.</p>
<p>With WPEForm, you create a form with our intuitive and a truly No-Code Form Builder.</p>
<ol>
<li>You drag and drop your favorite form elements with our best in class Form Builder.</li>
<li>Publish it on your website with Gutenberg Blocks or Shortcodes or new Block Widgets or the Landing page.</li>
<li>Collect data from your users.</li>
</ol>
<p><a href="https://www.wpeform.io/examples/?utm_source=wporg&amp;utm_medium=link&amp;utm_campaign=lite" title="Examples - WPEForm - WordPress Form Builder" rel="friend nofollow ugc">Examples</a> | <a href="https://www.wpeform.io/docs/?utm_source=wporg&amp;utm_medium=link&amp;utm_campaign=lite" title="Knowledge Base - WPEForm - WordPress Form Builder" rel="friend nofollow ugc">Documentation</a></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/yyiNcolvO6Y?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>The best features of our form builder includes</p>
<ul>
<li>100% <strong>Mobile and Container responsive</strong>. No matter what device or what area of your theme, forms <em>will</em> look good. The grid of the form responds to the width of the container it is placed in.</li>
<li>With latest shadow dom technology, your forms will look the same, no matter what the theme. If you want, you can turn this feature off.</li>
<li>View <strong>your submissions from WordPress admin</strong>, right from the free plan. That&#8217;s right, we don&#8217;t block viewing submissions behind a paywall. Apart from email notifications, you always have the option to view it from the admin area.</li>
<li>Keep your <a href="https://www.wpeform.io/docs/getting-started/form-builder/#adding-editors-to-form?utm_source=wporg&amp;utm_medium=link&amp;utm_campaign=lite" rel="nofollow ugc">forms private</a> in WordPress and share with only the WordPress users you trust.</li>
<li>Very <strong>modern form builder</strong>, built with TypeScript/React and a GraphQL API.</li>
<li>You can <strong>edit form submissions</strong> from admin. You can even let (with limitations) submitting users edit their submissions.</li>
<li>Comes with <strong>many color schemes</strong>. If you don&#8217;t like them, you can always create your own with our handy color picker.</li>
<li>All form elements&#8217; label, description, title etc are <strong>rich text based</strong>. Change colors, format text, insert images, videos, there is absolutely no limitations.</li>
<li><strong>Multi paged forms</strong> are treated as first-class citizens. Large forms should be split into multiple pages and WPEForm makes it easier than ever.</li>
<li><strong>Personality tests</strong> with multi tiered outcomes. You can create buzz feed like quizzes without hiring a developer.</li>
<li><a href="https://prod.wpeform.io/wp-eform/form/starter-purchase-product-with-addons/24/" rel="nofollow ugc"><strong>Automatic landing pages</strong> like this</a> all from your WordPress site starting with WPEForm Lite.</li>
<li><a href="https://www.wpeform.io/docs/advanced-topics/headless-mode/" rel="nofollow ugc"><strong>Headless mode</strong></a>, create your forms in WordPress, publish them on your CDN deployed static sites, like Gatsby, Nextjs etc (totally free).</li>
</ul>
<p><strong>Premium Version</strong></p>
<blockquote>
<p>This is the lite and free version of WPEForm. It gives you all features you need for contact forms and quizzes. For more advanced usage, do check our <a href="https://www.wpeform.io?utm_source=wporg&amp;utm_medium=link&amp;utm_campaign=lite" title="WPEForm - WordPress Form Builder" rel="friend nofollow ugc">Premium versions</a>. You will like all the more form elements, integrations, newsletter and payment functionalities.</p>
</blockquote>
<p>We understand that <strong>a form is like a mini application</strong>. It needs to be interactive, responsive and fast. Our whole product is centered around these ideas.</p>
<h3>Live Form Builder with Drag and Drop</h3>
<p>Our form builder is the first of its kind for WordPress. It built on top of a <strong>GraphQL API</strong> with <strong>TypeScript/React</strong>. We want the form builder to be super fast and intuitive, giving you the best possible User Experience (UX). You spend more time building your forms, not fighting the Form Builder.</p>
<ul>
<li>Add any number of pages or tabs to the form.</li>
<li>Add any number of elements to the page.</li>
<li>Align form elements in columns of custom sizes on different breakpoints.</li>
<li>Easily access form settings from sidebars.</li>
</ul>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/HsCKUSvxcj4?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>In the video above, we see a full tutorial to create <a href="https://prod.wpeform.io/wp-eform/form/starter-exhibition-event-feedback-form/12/" rel="nofollow ugc">this form</a> in under 8 minutes. Install now and see for yourself. Our whole powerful form builder is available from the <strong>FREE</strong> plan. We didn&#8217;t put any performance features behind paywall.</p>
<h3>Pre Built Form Templates</h3>
<p>We have included many form templates to help you get started right away. You do not always need to start from scratch. Most of the form templates are available right inside the New Form Wizard. More templates can be viewed and downloaded from our <a href="https://www.wpeform.io/examples/?utm_source=wporg&amp;utm_medium=link&amp;utm_campaign=lite" title="Examples - WPEForm - WordPress Form Builder" rel="friend nofollow ugc">Examples page</a>.</p>
<h3>Tier based Personality Quizzes</h3>
<p>You can have any number of Score Tiers, like personality scores. All WPEForm elements can have scores assigned to them. Depending on the choice of the user you can add any score to any of the tiers.</p>
<p>This gives you 100% flexibility on how scores are calculated. See <a href="https://prod.wpeform.io/wp-eform/form/free-personality-quiz/9/" rel="nofollow ugc">this form</a> for an example.</p>
<p>All the above comes <strong>FREE</strong> with WPEForm. With <strong>STARTER</strong> plan you can put timers per page (or overall), record submission time and show graphs of different tiers of submissions. See <a href="https://prod.wpeform.io/wp-eform/system/summary/?mode=preview&amp;token=8d6d80fd3547dc2b3de94c4039f73051" rel="nofollow ugc">this example</a>.</p>
<h3>Browse Form Entries</h3>
<p>With WPEForm Lite (and of course premium) you always get to see list of submissions made by your users. Whenever someone submits the form, it gets saved in your WordPress database and shows up in WPEForm administrative area.</p>
<p>Just go to WPEForm / Submissions and see all entries and leads. You can view or edit the entries or delete them.</p>
<h3>Form Landing Pages optimized for distraction free Conversion</h3>
<p>Right from our free plan, you get standalone, landing pages. Just click on the Preview button and copy the URL. See <a href="https://prod.wpeform.io/wp-eform/form/starter-purchase-product-with-addons/24/" rel="nofollow ugc">this form</a> as an example. With the upcoming professional version, you will be able to customize more of the landing page, without writing any code. Just like google forms or typeforms, but right inside your very own WordPress.</p>
<h3>25+ Form Elements to choose from</h3>
<p>WPEForm comes with all the form elements you could think of and more. We are in active development of form elements, so you will almost never run out of options. And if you do, we humbly ask that you let us know and we will do our best to bring it to the next version.</p>
<p>The <strong>FREE</strong> version of WPEForm comes with basic sets of form elements, namely<br />
Radio, Checkbox, Dropdown, Text, TextArea, a few design elements like Heading, Question Group, Article and the Captcha security element. These should be enough for anyone just starting out with contact forms.</p>
<p>As your requirements grow, you can upgrade WPEForm to one of the paid plans and gain access to more form elements. Right now, we&#8217;ve released the <strong>STARTER</strong> plan which has the following extra elements (on top of everything available from the <strong>FREE</strong> version): Toggle, Math output, Slider, Range, Rating, Matrix Choice, Matrix Input, DateTime, Slider Group, Range Group, Rating Group, Math Group, Sortable, Stacked Group and Address.</p>
<p>Stay tuned as we release more form elements tailored to solve your problems.</p>
<h3>Truly responsive form design</h3>
<p>WPEForm forms are truly responsive. They respect the size of the container you put them in. This is very helpful when you place the forms in narrow widgets or footers or popups. They just look good and work.</p>
<p>An example to attention to detail would be our <strong>Dropdown Element</strong>. It is available from <strong>FREE</strong> plan and very unique. When viewed from mobile it shows a pop-up type dropdown near the thumb of your user. When viewed from desktop, it shows a regular dropdown.</p>
<p>You also get many form themes which would work with any WordPress theme out there (more on this later). If you do not like our color schemes, you can always make your own.</p>
<p>Lastly in the <strong>STARTER</strong> plan, there&#8217;s a <strong>Dark Mode</strong> feature. When enabled, the form will response to the visitor&#8217;s preference and turn on dark mode for itself.</p>
<h3>100% Conflict free with any themes or plugins</h3>
<p>We are using latest Web Technologies with WPEForm. The goal is to give a form that looks the same no matter which WordPress theme you are using. For this we&#8217;ve leveraged the <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM" rel="nofollow ugc">Shadow DOM</a> API. It just ensures that CSS coming from your theme or any other plugin doesn&#8217;t interfere with WPEForm and vice-versa.</p>
<p>As long as your website doesn&#8217;t produce any JavaScript error on the page our forms are guaranteed to work.</p>
<p>By the way, if you want your theme to override WPEForm styles, you can turn this feature off from Site Settings of WPEForm.</p>
<h3>Best in class administration</h3>
<p>WPEForm comes with exhaustive administration features. We&#8217;ve included everything you need to administrate the submissions. If you think something is missing, then do let us know and we will do our best to add it.</p>
<ul>
<li>View and Edit submissions from WordPress admin.</li>
<li>Get notified and notify your users when someone submits a form.</li>
<li>Categorize forms for easy access and filter.</li>
</ul>
<p>and much more. Install now to see them in action.</p>
<h3>Share forms with multiple users</h3>
<p>By default a form is scoped to the WordPress user who created it. In the default configuration</p>
<ol>
<li>Administrators and Editors can create forms.</li>
<li>Editors can view only the forms they have created and their submissions.</li>
<li>Administrators and editors can share the form with other admins and editors.</li>
<li>Shared forms give privilege to view/edit form and submissions.</li>
</ol>
<p>This works great for a network of form authors. In future we will add capabilities editor so that you can choose who exactly can create forms regardless of their WordPress role.</p>
<h3>Powerful Conditional Logic System</h3>
<p>Any form builder is useless without logical steps. WPEForm treats conditional logic as first-class citizen. With our system you can</p>
<ol>
<li>Show or hide individual form elements or groups or pages;</li>
<li>Set value of other elements;</li>
</ol>
<p>Depending on the value (or values) of the source element.</p>
<p>The logical system is split into two things:</p>
<ol>
<li>Events &#8211; You choose combination (with <em>AND</em> or <em>OR</em> operators) of events.</li>
<li>Consequences &#8211; If the event was successful, you fire up consequences.</li>
</ol>
<h3>Headless Form Mode</h3>
<p>This is the very first in WordPress. Our Forms are basically react app with a GraphQL API. So we&#8217;ve made a way, you can run WPEForm in headless mode. Just add one config in your <code>wp-config.php</code> and we are good to go. Some use cases includes:</p>
<ol>
<li>Make your forms in your WordPress site and render on your static sites.</li>
<li>Use your own form library and communicate with the GraphQL API to send submissions.</li>
<li>Render forms on your React applications, GatsbyJS site or Next.js sites.</li>
</ol>
<p>The possibilities are endless and we are just getting started. Be sure to read our <a href="https://www.wpeform.io/docs/advanced-topics/headless-mode/" rel="nofollow ugc">documentation website</a> to learn how you can setup headless mode and start using forms in your react applications today.</p>
<p>This feature is totally opt-in and is disable by default. You do not have to worry about security concerns because by default the GraphQL API is hardened with a nonce verification. If you do enable headless mode, it will run with anonymous user when sending submissions. We&#8217;ve made sure the API is super secure, with 100s of automated tests. But of course we are also human. Should something bad happens, we will be prompt to patch it.</p>
<h3>FREE PLAN FEATURES</h3>
<h4>Starter form elements pack</h4>
<p>Starter form elements pack includes Checkbox, Button, Group, Row, Column, Dropdown, Heading, Radio, Captcha, Text, TextArea, Slider.</p>
<h4>Starter form themes pack</h4>
<p>Starter form themes comes with great colors from Material UI. We&#8217;ve also included the two themes, Vivid Blue and Teal from our premium theme pack. No themes support dark mode in the <strong>FREE</strong> version.</p>
<h4>Customizable Theme</h4>
<p>You can set primary color, text color and background color and the system will create a beautiful form theme for you. This feature is included in the <strong>FREE</strong> version so that you can always match your form with your website.</p>
<h4>Conditional logics and outcomes</h4>
<p>The full features of conditional logic, events and consequences are available from the <strong>FREE</strong> plan. No feature is behind a paywall here.</p>
<h4>Outcome and tier based quizzes</h4>
<p>Add as many types of outcomes you want. There is no limit. However the graphs and designation part of the summary table is only available from the starter plan.</p>
<h4>Submission summary and notifications</h4>
<p>After submitting a form, your users would get a notification with a link to the summary page. Of course you can change the notification from the WPEForm Form settings. Here&#8217;s an example of <a href="https://prod.wpeform.io/wp-eform/system/user-email/?token=8d6d80fd3547dc2b3de94c4039f73051" rel="nofollow ugc">email sent to user</a>. Similar email is sent to administrator of the form with more links to administrate the submission.</p>
<h4>User portal page</h4>
<p>Central page to access ones own submissions. Please see the screenshot.</p>
<h4>Form categories</h4>
<p>Create and assign categories to forms. Available from Free version.</p>
<h4>Shared form editors.</h4>
<p>Share forms with your editors as explained above. The full functionality is available from free version.</p>
<h3>STARTER PLAN FEATURES</h3>
<p>Starter plan includes all the features from the <strong>FREE</strong> plan and more.</p>
<h4>PDF downloads</h4>
<p>PDF download submissions for both administrator and users. Email attachment is coming soon.</p>
<h4>Extended form elements</h4>
<p>Extended form elements includes &#8211; Toggle, Math output, Range, Rating, Matrix Choice, Matrix Input, DateTime, Slider Group, Range Group, Rating Group, Math Group, Sortable, Stacked Group.</p>
<h4>Numeric calculations</h4>
<p>Assign numeric value to almost any form element and use the Math Output element with valid numeric formula to show estimate.</p>
<h4>Extended form themes pack</h4>
<p>Many premium form themes based on the color schemes of Refactoring UI book. More themes on the way.</p>
<h4>Dark form themes pack</h4>
<p>Make your forms stand out by automatically responding to user&#8217;s color preference. When turned on, the forms will turn Dark if user prefers a dark color scheme. This is best used with WordPress themes that support dark mode. You can also keep the dark mode always on, if that&#8217;s your preference.</p>
<h4>Form timer and stopwatch</h4>
<p>Have page wise or overall form timer for restricted quizzes. Also record the form submission time with a stopwatch.</p>
<h4>Graphs for quiz outcomes.</h4>
<p>When you have multiple outcomes or tiers in your quiz setup, a radar graph will show up in the summary page. It will also include data-table for different outcomes along with designations you&#8217;ve set.</p>
<h3>PROFESSIONAL AND BUSINESS FEATURE</h3>
<p>We are currently working on the professional and business plans of WPEForm. Please see our Roadmap for more information.</p>
<h3>Roadmap</h3>
<p>We are just getting warmed up with the initial release of WPEForm. We have tons of features in our todo list. Here are some of the important upcoming features.</p>
<ul>
<li><strong>FREE</strong> &#8211; Make translation easier. We need to modify the tooling on the source.</li>
<li><strong>STARTER</strong> &#8211; PDF attachment of submission in admin and user email.</li>
<li><strong>STARTER</strong> &#8211; Modify the output of summary page.</li>
<li><strong>STARTER</strong> &#8211; Custom dataset for MCQ elements.</li>
<li><strong>PRO</strong> &#8211; All pro features, especially payments and integrations.</li>
<li><strong>BUSINESS</strong> &#8211; All business features, especially WordPress core integration, like guest blogging, login forms, registration forms, profile update forms etc.</li>
</ul>
<p>and more. Follow me on <a href="https://twitter.com/swashata/" rel="nofollow ugc">Twitter</a> for updates and React/TypeScript tips.</p>


Alternative Plugins for

Discover the Lists with WPEForm Lite – Drag and Drop Live Form Builder for Contact, Payment & Quiz Forms