Synoptic WordPress Responsive Visual Form Builder

Synoptic WordPress Responsive Visual Form Builder

Released 3 years ago , Last update 3 years ago

A WordPress plugin that helps you create multi-language, responsive forms. Build payment forms, contact forms, register forms, login forms, comment forms and post forms with a live visual editor. Then add them to your website as popups or embeds.

Synoptic WordPress Responsive Visual Form Builder is a wordpress

plugin which helps you to create multilanguage responsive free form and/or with payment system forms. You can build you contact forms, register forms, login forms, commentforms and post forms very easy fast with our live visual editor and add its on your website normal or in a popup box. Very easy to customize : You can create very fast ( maximum 5 minutes ) your own form design in our live visual editor. ( see below live visual editor)

Live visual editor

You have the possibility to move, resize and edit each field , each label ,each input, all fields, all labels, all inputs and entire form.For each form, field, label and input you can edit dinamically this properties: width, height , margins , paddings, border properties , background, text color, font properties and alignament. Live Visual Editor Also our plugin contains : Payment system ( including price and fees.Paypal integration ), Coupons system, Affiliate system, Online Marketing solutions ( AWber, MailChimp, Campaign Monitor initegration ) and many others fetures. See Full Documentation

Every possible feature request

We’ve tried to create the most complex form builder but also we wanted to make it very simple to use it. Please take a look down and see if we succeded.If you still don’t find a feature that you need, no problem, let’s builded together.You tell us what you want it to do and we will builded it for you

Demos Forms

If you want to test and see how works forms created with our plugin all you have to do is to click on images bellow this box. If you want also to test the forms with payment system you can use our Paypal Credentials: Email:wdh@wdh.im Password:wdhformgenerator Click here to see a demo for Contact Form Click here to see a demo for Register Form Click here to see a demo for Login Form Click here to see a demo for Creating Post Form Click here to see a demo for Comment Form Click here to see a demo for Register Form with payment system Click here to see a demo for Contact Form with payment system

Everything Dynamic

Backend and frontend works dynamicallly ( without re-loading page ) - AJAX

Responsive Design

Every form that you build will look perfect on every device and resolution

Multilanguage Forms

You can create multilanguage forms and use it in your multilanguage website.

Payment System

You can create forms with payment system, set a price and users can pay to register, contact, login, create a comment or create a new post with his Paypal account or credit card. Also you have possibility to add fees.

Discounts-Coupons-Vouchers

You can generate discounts/couponsvouchers codes in percent or fixed and users can use it for a discount.

Onlline Marketing

If you want for all the users that your form to be added in your list from AWber, MailChimp or Campaign Monitor for promoting your bussiness you must activate these options.

Forms Analitics

This option gives inform of a pie the statistics about your visitors and records.

Export to Excel

If you want to save your form settings and data you must activate this option.
Management Records You have the possibility to display and edit dynamically every form record.

Duplicate Form

If you have created a form on your liking you have the option to duplicate insted of going to hard work of recreating it.

HTML Email Templates

With Email templates you have the posibility to create a html template for user and admin notification after the user completed the form. ( no coding needed, all html code is generated by our html editor ). You have possibility to customize everything for creating your own design.Also you can modify message as you wish using our shortcodes.

Copy Paste Design

If you have created a field design that you enjoy you don’t have to waste your time to recreate it.You can copy it and paste it to another field int the current form or in a other form.

26 Form Fields

Fields-Paragraph ,Title,Text field,Textarea field,Username field,Password field,Select,radio,checkboxes,submit,Slider,Colorpicker,Switch,Date field,Google map field,Video,Coupon Checker,File upload link, Image field,Htmleditor,Post title field,Post content box,Comment Box,Price field,Fee field,Captcha field

Pricing

14 day 14-day money-back guarantee

$50.99

Single Personal License

  • Perpetual license

  • 1 site, unlimited servers

  • No distribution (hosted use only)

  • Non-commercial use

  • 60 months support

Need custom services for this product? Get a quote

Documentation

The Synoptic WordPress Responsive Visual Form Builder plugin is a plugin simple to use:

With this plugin you can build Multilanguage forms

1.Click on the plugin

Alt

2.Click on NEW FORM

Alt

3.You have to enter a Name for your Form and then click on Save

Alt

4.You can set your basic settings in Settings for the defaut language (English)

Alt

In basic settings you have the following Settings:

Alt

Form Settings

Alt

From here you can select the type of the Form you want :

1.0 Contact Form

Alt

For this type of form to work there are 3 mandatory fields you must have: a comment type field in which you can write a comment this is a textarea field, an email field type in which you write your email this is a text field with a is_email filter and a send field type which you click to send the data which is a submit field and to these fields you can add whatever field you want or need.

1.1 Contact Form with payment system

For this form to work you need the mandatory fields from free Contact Form plus 1 more the price field for this field to work you need to activate and set the Payment settings

2.0 Register Form

For this type of form to work there are 4 mandatory fields you must have: a username type field in which you must enter a username with whom you can register on your aplication this is a username field, a password field type which garanties that only you have acces to the username that you created this is a password field, an email field type on which you get your feedback this is a text field with an is_email filter and a register field type which is a submit field and whatever field you need for a more a accurate register form.

Alt

2.1 Register Form with payment system

For this form to work you need the mandatory fields from free Register Form plus 1 more the price field for this field to work you need to activate and set the Payment settings

3.0 Login Form

For this type of form to work there are mandatory fields you must have: a username field type which is a username field, a password type field which is a password field and a login type field which is a submit field and whatever field you think you need.

Alt

3.1 Login Form with payment system

For this form to work you need the mandatory fields from free Login Form plus 1 more the price field for this field to work you need to activate and set the Payment settings

4.0 Comment form

For this type of form to work there are 2 mandatory fields you must have: a comment field type in which you write your opinion this is a comment field and a send field type which is a submit field and whatever field you think you need.

Alt

4.1 Comment form with payment system

For this form to work you need the mandatory fields from free Comment Form plus 1 more the price field for this field to work you need to activate and set the Payment settings

5.0 Post Form

For this type of form to work there are 3 mandatory fields you must have: a title for the post this is a post title field, a content field type in which you can write the content of your post this is a post content and a post field type which is a submit field and whatever field you think you need.

Alt

5.1 Post Form with payment system

For this form to work you need the mandatory fields from free Post Form plus 1 more the price field for this field to work you need to activate and set the Payment settings

For all these types of form you can select from Display Type the normal type or the popup type of form

Alt

And a popup button that you can edit.

Alt

With this plugin you can build Multilanguage fields

Alt

Fields Settings

Click on Add Field to add a field

Alt

Enter a name for the field and the click on Save

Alt

Click on Field Type to select the type of the field from these categories Common: ( text, title, paragraf, password, username, textarea, select, radio, checkbox, submit) , Interactive: ( date, slider, switch ,file link, map, video, colorpicker, image) and Advanced: ( htmleditor , captcha, price, Coupon checker, Fee, Comment, Post Title, Post Content)

Common fields

Text field you can use this field to create fields like : Name, Email with the is_email filter, Phone with the is_phone filter and other fields you need

Alt

Textarea field you can use this field to create fields like :Address, by adding the is_alphanumeric filter, Comment, Short description

Alt

Title field this field is used when u need to give a title to a grup of items like: a form , a slider, a group of pictures etc.

Alt

Paragraf field this field is used when you need to separate the text or at the start of a new page.

Alt

Username field this field is used when you need to create a username

Alt

Password field this field is used when you need to ensure that only you have acces to a username , a database, an account etc.

Alt

Select field this field is used when you want to select one item from a dropdown list of objects like when you need to select a country from a list of countries , a font type from a list o fonts etc.For this field to work you have to put your list items in the Value List field separated by | element like this List Item1|List Item2|List Item3|List Item4

Alt

Radio field this field is used when you want to select one item from a list of objects like when you need to select a radio from a list of radios , a gender type from a list o genderss etc.For this field to work you have to put your list items in the Value List field separated by | element like this List Item1|List Item2|List Item3|List Item4

Alt

Checkboxes field this field is used when you want to select multiples item from a list of objects like when you need to select a hobby from a list of hobbies , or any multiple choises from a list.For this field to work you have to put your list items in the Value List field separated by | element like this List Item1|List Item2|List Item3|List Item4

Alt

Submit field this field is used when you want to send the data that you completed in a form like :a Send button,Contact button, Register button etc

Alt

Interactive

Slider field this field is used when you want to change the size of a field and you are not sure how much to set it like the size of a font, size of a border radius, the margin of a element etc

Alt

Colorpicker field this field is used when you want to change the color of a element and you are not sure that to use like if you want to change the color of a text, a background color for a elemnt , the color of a border etc

Alt

Switch field this field is used when you want to enable/disable a propertie like if you want to enable/disable the credit card payment of an item, to show or not an item etc.

Alt

Date field this field is used when you want to add a date type field to your application like if you want to select a date that is important to you, to select a date when something will expire etc

Google map field this field is used when you want to add a map to your application like you show someone were to find you , someone needs instructions on how to go somewhere etc

Alt

Video field this field is used when you want to add a video to your application , a description video, a recreative video, a video on how to use something, a add etc

Alt

File link field this field is used when you want to give the user the option to upload a file like a CV, an elaborate description of a object, a tehnical book etc

Alt

Image field this field is used when you want to give the user the option to upload a photo like a personal photo, a photo of an event, a photo of a landscape etc

Alt

Advanced

Html editor field this field is used when you want to give the user the option to edit some text or pictures to make it bold, to change the colors of text, to underline it, to put the text in a list and many others features.

Alt

Captcha field this field is used when you want to ensure the protection of your application from spams.

Alt

Price field this field is used when you want to give the option to the user to pay for an item like if you want to make a paid register form or paid contact form

Alt

Coupons checker field this field is used when you want to check if the user entered a valid coupon code

Alt

Fee field this field is used when you want to select which fee you want

Alt

Comment field this field is used when you want to create a comment type field this field is used for the Comment Form especially

Alt

Post title field this field is used when you want to create a post title field this field is used especially for Post Form

Alt

Post content field this field is used when you want to create a post title field this field is used especially for Post Form

Alt Click on Filter to select the filter of the field ( no, isemail, isphone, isurl, isdate, isalpha, isnumeric, isalphanumeric, isunique)

Alt

No filter it is the value set by default if you do not need any filter for your field

is_email filter this filter is used when you need a field to be email type

is_phone filter this filter is used when you want a field to be phone type

is_url filter this filter is used when you want a field to be a url type

is_date filter this filter is used when you want a field to be a date type

is_alpha filter this filter is used when you want a field to have only letters

is_numeric filter this filter is used when you want a field to have only numbers

is_alphanumeric filter this filter is used when you want a field to have both alpha and numeric characters

is_unique filter this filter is used when you want a field to be unique

Click on can be empty to select if a field can be empty(if the user is not obliged to complete it)

Alt

Click on Save to save the field created

Alt

Click on Delete Field to delete the field created

Alt

Visual Editor

You can edit the way the Form will look like with Visual Editor

Alt

Resize propertie

One important propertie is the resize propertie you can set the size of the form just by dragging them left and/or right

Alt

You can set the size of the field just by dragging them left and/or right

Alt

You can set the size of the label just by dragging them left and/or right

Alt

You can set the size of the input just by dragging them left and/or right

Alt

Sortable properties

Another important propertie of the fields is the sortable propertie :if you created 2 or more fields and you want to change the order in which they are displayed you can do that in two ways : 1 You can change the order from fields settings directly by dragging the field you want to change when the move cursor apears

Alt

2 You can change the order in Live Visual Editor by dragging the field you want to change when the move cursor appears, but you should be carefull when you want to move the field because the label and the input of the field also have the propertie to move a simple way to do this is to resize the field so that you are sure that you are position on the field

Alt

As stated above the label also has the propertie to change the place with the input within a field you can change the order from Live Visual Editor by dragging the field you want to change when the move cursor appears.

Alt

Each form has the option to edit the form box properties: margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, background-color, border-size, border-type, border-color, border-radius, width.

Alt

Box Properties

Alt

When you modify the properties of the form that you want you have to do them on at a time. Here is a example:

Alt The form also has the option to edit all fields at once text properties :text Color ,Font-familly, Own-font, Font-size, Font-style, Font-weight, Align and all fields box properties :margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, background-color, border-size, border-type, border-color, border-radius, width, height.

Alt

Text Properties

Alt

Box Properties

Alt

When you modify the properties of the fields that you want you have to do them on at a time. Here is a example:

Alt

The form also has the option to edit all labels at once text properties :text Color ,Font-familly, Own-font, Font-size, Font-style, Font-weight, Align and all labes box properties :margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, background-color, border-size, border-type, border-color, border-radius, width, height.

Alt

Text Properties

Alt

Box Properties

Alt

When you modify the properties of the labels that you want you have to do them on at a time. Here is a example:

Alt

The form also has the option to edit all inputs at once text properties :text Color ,Font-familly, Own-font, Font-size, Font-style, Font-weight, Align and all inputs box properties :margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, background-color, border-size, border-type, border-color, border-radius, width, height.

Alt

Text Properties

Alt

Box Properties

Alt

When you modify the properties of the inputs that you want you have to do them on at a time. Here is a example:

Alt

Each field has the option to edit the each field text properties :text Color ,Font-familly, Own-font, Font-size, Font-style, Font-weight, Align and each field box properties : margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, background-color, border-size, border-type, border-color, border-radius, width, height.

Alt

Text Properties

Alt

Box Properties

Alt

When you modify the properties of the field that you want you have to do them on at a time. Here is a example:

Alt

Each field has the option to edit the each field label text properties :text Color ,Font-familly, Own-font, Font-size, Font-style, Font-weight, Align and each field label box properties : margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, background-color, border-size, border-type, border-color, border-radius, width, height.

Alt

Text Properties

Alt

Box Properties

Alt

When you modify the properties of the label that you want you have to do them on at a time. Here is a example:

Alt

Each field has the option to edit the each field input text properties :text Color ,Font-familly, Own-font, Font-size, Font-style, Font-weight, Align and each field input box properties : margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, background-color, border-size, border-type, border-color, border-radius, width, height.

Alt

Text Properties

Alt

Box Properties

Alt

When you modify the properties of the input that you want you have to do them on at a time. Here is a example:

Alt

If you have design a field to your liking you have the option to copy it and its design and paste it on another field from the same form or from another form.

Copy Field Design

Alt

Paste Field Design

Alt

If you have created a field to your liking and you need it twice you have the option to duplicate it and create a new field with the same name and field characteristics.

Alt

If you need to customize your Admin Email Template or User Email Template by using a field, label or input information you can get the ID of the field from here by hovering over the ID button

Alt

If you changed your mind and do not need a field or you do not like a design you created you can delete the field from Live Visual Editor or you can go to Fields settings and detele it from there.

Alt

Messages Settings

Alt

In Messages Settings you have the following settings:

Form Messages

Here you set your Form Messages settings

Alt

Email Messages

Alt

After you have set your Email Messages setting you can edit the Admin Email Template with a htmleditor in which you can edit and format text, pictures, create lists etc

Alt

In the htmleditor you also have the option to add shortcodes for fields, labels and inputs of a field

Alt

You can also edit the User Email Template with a htmleditor in which you can edit and format text, pictures, create lists etc

Alt

In the htmleditor you also have the option to add shortcodes for fields, labels and inputs of a field

Alt

Use SMTP

Simple Mail Transfer Protocol (SMTP) is an Internet standard for electronic mail (e-mail) transmission.

Alt

Advanced Settings

Alt

In Advanced Settings you have the following settings

Payment System

Alt

Alt

Set Type to PayPal (for now it is the only mode to pay)

Alt

Set Mode to developer or live (developer if you need to test the payment system with virtual payments) (live if you want to test if the payment system works with actual payment)

Alt

Set Api Username with your Api Username(you get this data from your paypal account)

Alt

Set Api Password with your Api Password(you get this data from your paypal account)

Alt

Set Api Signature with your Api Signature(you get this data from your paypal account)

Alt

Set Credit Card ON if you want to pay with your credit card if you don't want to set on OFF

Alt

Set Price to the amount you want and the Currency

Alt

Affiliate System

Alt

With this plugin you can build Multilanguage coupons

Alt

Coupons/Voucher/Discounts

Click on Add Coupon to add a coupon

Alt

Enter a name for the Coupon and the click on Save

Alt

The Code of the coupon is generated with md5

Alt

Click on Expiration Date to select the expiration date for the coupon

Alt

Click on Coupon Type to select the type of the coupon (fixed, percent)

Alt

Click on Discount to enter the sum and currency of the discount of the coupon created

Alt Click on Save to save the coupon created

Alt

Click on Delete Coupon to delete the coupon created

Alt

With this plugin you can build Multilanguage fees

Alt

Fees

Alt

Click on Add Fee to add a fee Alt

Enter a name for the Fee and the click on Save

Alt

Click on Fee Type to select the type of the fee (fixed, percent)

Alt

Click on Amount to enter the sum and the currency of the fee created

Alt

Click on Save to save the fee created

Alt

Click on Delete Fee to delete the fee created

Alt

Records Management

In here you have all the information abouth all the users that have used your form, Contact Form, Register Form, Login Form, Comment Form, Post Form and you can edit the information here.

Alt

Duplicate Form

If you have done a form with all the characteristics on your liking fields and edited them with visual editor, email settings, advanced settings and you do not want to do them all over again you do not have to you can use the Duplicate Form button and you have another form which is exactly the same settings

Alt

Export Form to Excel document

This option gives you the posibility to see ,edit and have a written document of all the data that the users filled by completing your form

Alt

Analitics

For a better management of your website we have created a analitics function which shows you how many visitors you had on your site and how many of those visitors completed your form

Alt

Online Marketing

Alt

In Online Marketing you have the following settings.

Alt

MailChimp

MailChimp is an email marketing service provider

For it to work you have to set the List ID and Api Key filds

Alt

CampaignMonitor

Campaign Monitor (CM) is a e-mail marketing app.

For it to work you have to set the List ID and Api Key filds

Alt

Awber

AWeber provides web-based email marketing software

For it to work you have to set the List ID, Consumer Key, Consumer Secret, Access Key, Access Secret, Account ID filds

Alt

Delete Form

If you do not like or do not need a form anymore you have the posibility to delete it.

Alt

When you are satisfied with the way your form looks like and consider that you have done all the settings that you need, you have to create a New Post

Add a Post title and click on Publish

Alt

After you have clicked on publish our form builder button will activate

Alt

Click on the button and a window will appear from which you select your form

Alt

You can select your form language

Alt

Click on Add and it will generate a shortcode

This is the shortcode that you will use in your website

Alt

Setup / installation

All you have to do to install the Synoptic WordPress Responsive Visual Form Builder plugin is to follow these steps:

1.Click on the Plugins-->Add New menus of the WordPress menu.

Alt

2.Click on the Upload menu of the Install Plugins menu.

Alt

3.Click on Choose file and choose the plugin in .zip format.

Alt

4.After the plugin is uploaded click on Install Now.

Alt

5.Go on the Plugins menu of the WordPress menu and click on Activate Plugin

Alt

2 licenses, starting from From » $50.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

or Get a quote

for customization or integration services


Or enter your name and Email
No comments have been posted yet.