Form Maker by 10Web – Mobile-Friendly Drag & Drop Contact Form Builder vs wpDataTables integration for Forminator Forms

Form Maker is the leading drag & drop plugin for building forms of any complexity in just a few clicks. Useful Links: Premium Form Maker by 10Web Special Offer for all Premium Plugins Looking for the perfect form plugin that’ll save you time and effort? Is matching your website design with your forms difficult? Finding it hard to build lengthy and advanced forms? Form Maker Features Intuitive Interface Drag and drop to build complex forms with just a few clicks. Mobile-Friendly and Responsive Your forms will look great on all resolutions and devices: mobile, tablet, and desktop. Field Types 43 different form field types to help you create just the form you need. Embed Easily Display your forms as popups, top bars or scroll boxes or embed them into blog posts. Pre-built Templates Pick from five form template options to save time. Fully Customizable Themes Use one of our fifteen beautiful themes to make your forms match website design. Manage Submissions Set automatic email replies, track and export all your entries, and more. Protection from Spam Block IPs and set captchas to avoid spam. Receive Payments* Get payments and donations using integrated PayPal and Stripe gateways. Conditional Logic Build forms with complex conditional logic. Multi-Page Forms Divide up lengthy forms into pages to provide better user experience. File Upload* Your users can upload files to your forms. * Premium version only Form Maker Extensions Available in Plugins Bundle Save Form Progress Your users can save unfinished entries and continue anytime. Conditional Mailing Send out emails to user groups based on submitted forms. Export/Import Export form entries and forms in the XML format and import them into another site afterwards. Pushover Get a notification on your phone whenever there is an entry submission. Mailchimp Integration Create Mailchimp signup forms and expand your lead list. WordPress Registration Build WP user registration forms and expand the user base of your site. Post Generation Use a form to invite your users to submit guest posts. Dropbox Integration Store attachments received from form entries in your Dropbox. Google Drive Integration Upload received form attachments straight to your Google Drive. PDF Integration Use content from submitted entries to create PDFs. Stripe Your users can make credit card payments via Stripe, and we’ll transfer them to your bank account automatically. Calculator Build forms that contain automatically calculated fields. Form Maker is a power-packed yet user-friendly form builder plugin. With an intuitive drag and drop interface, this plugin is the ultimate solution to help you create responsive contact Forms easily and in a timely manner. Add modern and functional questionnaires to your website with a few clicks. Using the plugin you can create forms for pretty much any purpose, from simple email form or contact form to multi-page application, registration survey and questionnaire with conditional fields, captcha protection, multiple choice questions and more. It will take you just a few clicks to create an email form and a couple of minutes to customize with the available themes, styling and display options. World Class Customer Support Low response time We always respond within a few hours. Quick issue resolution Resolving an issue never takes more than 24 hours. Just ask our users I had tried several form plugins but I was always searching for a better one. Then I stumbled Formmaker just by chance and thought to give a try. I was thrilled to see its features. It has more than everything I expected. Very customizable and easy to use. Now I don’t search for form plugin anymore Lots of thanks to the developers of this plugin. by @mayank0522 If I could give this plugin more than 5 stars I would! The level of control is extremely nice – even with the free version – though I quickly purchased the PRO version! And the level of customer service in troubleshooting forum questions is incredible! Very impressed with the plugin – but even more so with the way they interact with and help users get to what they need! Great job guys!! by @JonathanWilson99 This is the best plugin for creating functional forms and very user friendly even for the none technical users. Absolutely recommend everyone to use this one. Thanks a lot guys!!! by @denisecox Steps for creating a website form Install Form Maker by 10Web. Create a form in a few clicks. Publish your form. Benefits Better communication between your visitors and you – Contact forms serve as a communication tool between you and your site visitors, and make it easy to get/receive orders, requests, and inquiries. If you offer memberships, courses or trainings on your website, forms are an easy way to order, apply or register online. Valuable User/Customer Feedback – You are what your user/customer thinks of you! The plugin lets you put together surveys and questionnaires and get feedback from your users/customers. One plugin, different purposes – Whether you want to have a single form on the contact us page, or multiple, on different pages on your website, that’s absolutely doable with this plugin. You can create unlimited number of different forms and display them using one of the available display options. Please note, that free version is limited to 7 form fields. Save time – Plugin uses an intuitive drag and drop interface, which makes it easy to create contact forms and add/remove form fields. Add to the overall website design – A well designed contact form can contribute to your website’s overall look and feel. Customize its style and have it match with your website design. Improve accessibility – Plugin provides four different display options, which make your contact forms easily accessible. Whether you want to embed the form into a post or a page, or have it follow the visitors as they scroll up and down, you have the option to do that. What’s in it MULTIPLE FORM FIELDS Plugin comes with a myriad of field options to let you create high performing forms. The fields you can add include: text input, multiple and single choice fields, select box, submit and reset buttons, custom HTML, 3 types of captcha protection and many more. In addition to these fields, the Premium version of the plugin offers file upload, Google Maps, and payment fields with automatic PayPal integration or Stripe integration with an add on. FOUR FORM DISPLAY OPTIONS There are four display options in the plugin: Embedded, Pop-Up, Scroll-box, and Top-bar. Each of the display options has its own set of settings you can customize. DRAG & DROP The intuitive drag-and-drop interface of the plugin makes it the most user-friendly form plugin for WordPress. Easily re-order the sequence of the fields or move them between columns, sections and pages, organizing your forms in no time. 15 CUSTOMIZABLE THEMES Plugin comes with 15 fully customizable themes that you can apply to your forms. Under the theme options you can configure pretty much any setting of the theme, personalizing options for header, content, pagination, buttons and more. You can also create your own themes with your personal styling and features. CUSTOM CSS EDITOR You can use the custom CSS editor to give additional styling features to the forms. CUSTOMIZABLE EMAILS Send customized emails to your users as well as website administrators upon submission for any given form. MANAGED SUBMISSIONS View and manage the submissions for each web form. See number of entries, number of views, the conversion rate and more. CONDITIONAL FIELDS Conditional fields feature of the plugin lets you display/hide specific fields based on the user input. This is a great way to make your forms shorter and avoid receiving irrelevant information. PRE-BUILD TEMPLATES The plugin comes with 5 pre-built templates, which you can use as they are or customize to better fit your needs. SETTINGS/CUSTOMIZATION *Some customizations described here are available in Premium version. Please refer to feature summary for additional info. Form Maker plugin provides a full range of options and features you can tailor to your needs. Each of the forms you create will have its own set of form options and display settings. Under the options you can choose a theme for each custom web form, adjust email options, choose what happens after the user submits, set conditional logic, and choose one of the available payment options, such as PayPal and Stripe (Extension). Under the display settings you can adjust the options for each web form display type. The available themes are fully configurable, allowing you make the necessary adjustments to the header, content, input box, buttons, choices, pagination, and add custom CSS. You can change the header background color, adjust the parameters for title, description and header image,customize the parameters for buttons, adjust the settings for single and multiple choice questions, and many more. The changes you make to the settings will immediately be displayed in the form preview next to the settings box. With conditional fields option you can set to hide/show specific fields based on the selections your visitors make. You just choose the field you want to show or hide, then set the conditions based on which the field will appear or will be hidden. The plugin features a user-friendly interface, which makes it easy to create, style and customize the forms. Premium version adds Unlimited fields in one form File Upload field PayPal Integration (Creating PayPal Forms for payments) Stripe Integration (Creating Credit Card payment Forms) with Extension Google Maps API Integration Front-End Submissions Privacy Notices Form Maker plugin does not collect and store any data of your users on 10Web’s end. All data submitted by your website visitors is stored in your website database. With every form submission Form Maker plugin collects users’ IP address and WordPress user ID for logged in users. From this perspective, you may be subject to GDPR compliance. Form Maker forms imply interaction between website visitors and website owner. As such you may publish forms that require input of Private data. You need to get explicit consent from your users to comply with GDPR. Under GDPR your users may request access and/or erasure of their entry data at any time. Here you can find how to export and/or delete submissions.

wpDataTables integration for Forminator Forms is an add-on that connects the best WordPress table plugin wpDataTables and easy-to-use WordPress form builder Forminator. A powerful tool that adds “Forminator Form” as a new table type in wpDataTables and allows you to create responsive, sortable tables & charts based on Forminator Forms submissions from your site frontend using intuitive wpDataTables table and chart wizard. You will need to install wpDataTables and Forminator plugins to be able to use this integration. This great integration is compatible with wpDataTables Premium version and Forminator PRO and their advanced features. You can use any combination of these two plugins. Isn’t that awesome? When the form/quiz/poll is created and entries are ready, you can begin creating a wpDataTable based on it. First, go to wpDataTables -> Create a Table, choose “Create a table linked to an existing data source” option, and click “Next”. Then choose “Forminator Form” as the Input data source type. After you choose “Forminator Form” as a table type, a new select-box “Choose a Forminator Form” will appear. With this select-box, you can choose a form, quiz or poll, that will provide entries as data for your new table. After this step you will see a select-box “Choose fields to show as columns” that allows you to choose the form/quiz/poll fields that you will use as columns. Using this select-box, you can choose form fields that will be used in the table. Furthermore, you can choose which form fields will be shown in the table. Here is the list of the supported form fields: NEW! Slider Field (Single and Range) NEW! Group Field Name (Single and Multiple) Email Phone Address Website Input Textarea Number Radio Checkbox Calculations Select (Single and Multiple) Datepicker (Calendar, Dropdowns, and Text input) Timepicker ( Dropdowns and Number input) File Upload (Single and Multiple) Post Data Hidden Field Currency PayPal Stripe E-Signature (only available in Forminator PRO) Please note that fields like reCaptcha, HTML, Page break, Section, and GDPR Approval are excluded from tables. Important: For all form types that you want to create tables (form, quiz, or poll) you will need to have submission data for those form types in the database. That means that you need to turn off the option “Disable store submissions in my database” on Data Storage settings in the Forminator plugin. You will be able to save submissions in the database and then create a table in wpDataTables. Forms When you create a table from Regular form, in table column headers will be used names of your fields, and each row will be shown as a separate submission. Common fields such as Entry data, Entry ID, and User IP are available for each form. Fields like “Name (Multiple)” and “Address” will be formatted like on the Forminator forms Submissions page. If you want to show those data in one line with space between without formatting, you can use hooks for “Name(Multiple)” like in the following example: // Remove formatting from Name (Multiple) fields // $removeForminatorFormatting- false by default - bool // $formID - Id of the form - int function remove_style_from_name_multiply_fields($removeForminatorFormatting, $formID){ // Example for the form with id 1 if ($formID == 1){ // Provide true to remove formatting $removeForminatorFormatting= true; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_from_name_multiply_fields', 'remove_style_from_name_multiply_fields', 10, 2); and for the “Address” fields as well you can show the data in one line separated with a comma using this hook: // Remove formatting from the Address fields // $removeForminatorFormatting- it is false by default - bool // $formID - Id of the form - int function remove_style_form_address_fields($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide true to remove formatting $removeForminatorFormatting= true; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_form_address_fields','remove_style_form_address_fields', 10, 2); For the upload fields, there are some formatting rules applied depending on file extension. For image extensions (jpg, jpeg, png, gif, webp) the output will be formatted like image links. Files with the ‘mp3’ and ‘wav’ extensions will be formatted as audio HTML tags, and the files with ‘mp4’ and ‘webm’ extensions will be formatted as video HTML tags. If you need some different formatting rules for those upload fields you can use the following hook: // Filter formatted file URL // $fileURLOutput - Already formatted file URL - string // $fileURLExtension - File URL Extension (png,csv,pdf,mp4...) - string // $file - Original file URL - string function filter_file_upload_output($fileURLOutput, $fileURLExtension, $file, $formID){ // Example for form with id 1 if ($formID == 1){ // Example only for the jpg extension if ($fileURLExtension == 'jpg'){ // Set a custom image HTML tag with width of 400px $fileURLOutput = ' '; } } return $fileURLOutput; } add_filter('wdt_forminator_filter_file_upload_output', 'filter_file_upload_output', 10, 4); All other uploaded files will be formatted as HTML links. For the Website and email fields, there is no formatting rules applied from Forminator. If you need formatting rules from Formiantor for those fields (to be shown as links) you can use the following hook for Email field: // Add formatting from Formiantor for Email field // $removeForminatorFormatting- it is true by default - bool // $formID - Id of the form - int function remove_style_form_email_fields($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide false to add Forminator formatting as link $removeForminatorFormatting = false; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_form_email_fields','remove_style_form_email_fields', 10, 2); and for Website field: // Add formatting from Formiantor for Website (URL) field // $removeForminatorFormatting- it is true by default - bool // $formID - Id of the form - int function remove_style_form_url_fields($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide false to add Forminator formatting as link $removeForminatorFormatting = false; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_style_form_url_fields','remove_style_form_url_fields', 10, 2); New field support – Group field Now, support for Group fields is avalible with our integration as well. Every Group field in form will be shown as separate column and all fields that are in group will be parsed as table layout (in each cell you will have separate table as is shown on Formiantor submissions). Each field in group will be represent in the head of that table and entries from those fileds will be in the body of that table. If Repeater is enabled then those entries will be populated in table body as well. Additionally, there is a hook available for filtering all the formatted entries (only for forms and quizzes) // Filter all the formatted entries // $formattedEntry - Already formatted entry - string // $field - Forminator_Form_Field_Model - object // $entry - Forminator_Form_Entry_Model - object function filter_formatted_entry($formattedEntry, $field, $entry){ // Example for form with id 1 if ($entry->form_id == 1){ // Example only for custom forms if ($entry->entry_type == 'custom-forms'){ // Check is set meta data for current field if (isset($entry->meta_data[$field->slug])) { $entryValue = $entry->meta_data[$field->slug]['value']; // Check is field type 'name' and that is not array if ($field->raw['type']== 'name' && !is_array($entryValue)) { // if $entryValue is John return null - it will not be shown in the table if ($entryValue == 'John') $formattedEntry = null; } } } } return $formattedEntry; } add_filter('wdt_forminator_filter_formatted_entry','filter_formatted_entry', 10, 3); Quizzes You can create a table from the Personality and Knowledge quizzes. For quizzes, common fields like Entry Date and Entry ID are available. If lead generation feature is enabled, it will be available two more fields like Email and Name generated by this feature. When you create a table from a Knowledge quiz, in the table, questions will appear as column headers, and each row will be populated with the separate submission answers. For this type of quiz, three more fields are available like Correct answers, Incorrect answers and Score (Correct answers/Total answers). In that table, the answers will be formatted the same way as on the Forminator Submissions page. (correct answers have a green background and the wrong ones have a red background). When you create a table from the Personality quiz, questions will appear as column headers in that table. Also, the “Quiz result” will show up in the columns (if you choose it in the option “Choose fields to show as columns”), and each row will be shown as a separate submission answer. If you want to show answers from Knowledge quiz without their formatting, you can use the following hook: // Remove formatting from answers in Knowledge quiz // $removeForminatorFormatting - it is false by default - bool // $formID - Id of the form - int function remove_quiz_iscorrect_style($removeForminatorFormatting, $formID){ // Example for form with id 1 if ($formID == 1){ // Provide true to remove formatting $removeForminatorFormatting = true; } return $removeForminatorFormatting; } add_filter('wdt_forminator_remove_quiz_iscorrect_style','remove_quiz_iscorrect_style', 10, 2); Polls Polls entries in the Forminator submissions are shown as grouped values based on the answers. The same data can be displayed in a chart (Bar or Pie chart depending on your settings). In accordance with that, you can create tables based on the Forminator poll submissions either for the Bar chart or for the Pie chart structure, no matter what was chosen in the Forminator settings for the poll chart type. Polls do not have common fields like forms and quizzes. In the first case, if you select the Poll for Bar chart option, you can choose the columns to be created from the Poll question and Answers of that poll in the table. Only one row of data will be shown, since the data is grouped. After creating a table you are able to create a Google Bar chart and to show it on the front-end. In the second case, if you select the Poll for Pie chart option, you can choose only the columns to be created from the Poll answers and Total votes of that poll in the table. Then, the first column will list all the possible answers (Poll answers), and the second one (Total votes), will display grouped data for each answer. After creating a table, you can create a Google Pie chart and add it on the website page as well. If you need, you can show both charts (Pie and Bar) on the front-end for the same Poll. Integration settings Each Forminator form-based wpDataTable receives an extra Forminator settings tab on the table configuration page, together with several additional table settings. Using this tab, you can define which form entries will appear in the wpDataTable based on the range of entry IDs, entry date by choosing one of the two possible filtering logic options in the Filter by date select box. You can select between Filter by date range and Filter by the last X time period; or, you can leave this block empty if you don’t wish to filter form entries displayed in the table. Filter by entry ID range – Two input fields (“From” and “To”) are shown in this section. If you define some values in these number input fields, wpDataTable rows will be updated according to the selected range. Filter by date range – If you select this option, two input fields (“From” and “To”) will be displayed right to the Filter by date select box. By defining some date values in these datetimepicker input fields, wpDataTable rows will be narrowed down according to the provided date range. Filter by last X time period – When this option is selected, the Filter by date select box will display two input fields. In the first one, you can define a number (e.g., 30), and in the second one, you can choose between (Day(s), Week(s), Month(s), and Year(s)). By selecting, e.g., “30 Day(s)” you will filter and display in the wpDataTable only the entries added in the last 30 days in the Forminator Form used as a data source for this wpDataTable. In those tables, you can use all features that are included in wpDataTables: NEW! Create 9 different Chart.js charts types, NEW! Responsive datatables NEW! Integration with Avada Website builder NEW! Integration with DIVI Website builder NEW! Caching data NEW! Auto update cache data NEW! FULL Frontend WCAG compatibility NEW! Responsive Charts – now each chart (both Google and Chartjs) can be responsive NEW! Grouping Charts – rows with same labels would be treated as a single entry, summing up all the values in other cells Global search, Sorting, Column visibility, Pagination, Show rows per page, Row grouping, Table layout, Scrollable, Export data (in Excel, CSV, PDF, Copy or Print), Create 14 different Google charts types, Global and , Column customization If, apart from creating tables based on the Forminator forms data, you would also like to create tables from scratch or from other data sources, wpDataTables provides more options for you: NEW! Create tables from Nested JSON – Text and video documentation Create Simple tables from scratch – Text and video documentation Create tables from Excel – Text and video documentation Create tables from CSV – Text and video documentation Create tables from JSON – Text and video documentation Create tables from XML – Text and video documentation Create tables from Serialized PHP array – Text and video documentation To check out the table on the front-end you can insert wpDataTables shortcode in your page or post (for example [wpdatatable id=1]) or with page widgets/blocks if you are using some of the page builders like WP Bakery, Elementor or Gutenberg. Limitation Those tables do not have a server-side option (this means that these tables can’t contain a large amount of data (no exact limit, but 2.000 – 3.000 rows is a good example)), and that they cannot be editable.