Creative-Solutions

<p><strong>Contact Form Generator</strong> is a powerful contact form builder for WordPress! It is structured for creating <em>Contact Forms</em>, <em>Application Forms</em>, <em>Reservation Forms</em>, <em>Survey Forms</em>, <em>Contact Data Pages</em> and much more. You will get <strong>ready-to-use forms</strong> just after installation.</p>
<p><strong>Contact Form Generator</strong>  is packed with a <a href="http://creative-solutions.net/wordpress/contact-form-generator/template-creator-demo" rel="nofollow ugc">Template Creator Wizard</a>(Pro) to create fantastic forms in a matter of seconds without coding. You can use one of existing templates, or create your own!</p>
<p><strong>Contact Form Generator</strong> is extremely easy to install and configure.<br />
All you need is just to activate the plugin and insert the shortcode <em>[contactformgenerator id=”ID”]</em> into the text.</p>
<h3>Useful Links:</h3>
<blockquote>
<ul>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator" rel="nofollow ugc">Homepage</a></li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo" rel="nofollow ugc">Live Demo</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/template-creator-demo" rel="nofollow ugc">Template Creator Demo(Pro)</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/documentation" rel="nofollow ugc">Documentation</a></li>
<li><a href="http://forum.creative-solutions.net/contact-form-generator-wordpress/" rel="nofollow ugc">Support Forum</a></li>
</ul>
</blockquote>
<h3>Main Features:</h3>
<blockquote>
<ul>
<li><strong>Flexible field types</strong> – The following field types are avaliable: name, email, phone, address, url, number, textarea, select, multiple select, checkbox, radio!</li>
<li><strong>Insert forms anywhere</strong> – You can use shortcode to insert forms anywhere in content!</li>
<li><strong>Flexible texts</strong> – Each text in form can be easily configured from form options!</li>
<li><strong>Flexible email data configuration</strong> – Multiple email recipients, BCC, reply to email, from email!</li>
<li><strong>Auto-fill data</strong> – Automatically fill in User name and email if logged in!</li>
<li><strong>Attractive effects</strong> – Completely new checkbox, radio selection effect, implemented special for this extension!</li>
<li><strong>Page redirect</strong> – Allows page redirect to URL or menu item after sending email!</li>
<li><strong>Required fields</strong> – Set all fields as required or not!</li>
<li><strong>Ajax based</strong> – Usage of AJAX technology, to send email without page reload!</li>
<li><strong>High level Spam protection</strong> – It has integrated anti-spam protection, to prevent you from getting spam emails!</li>
<li><strong>Load countries list</strong> – It will load the countries list in your form(259 countries)!</li>
<li><strong>Custom email subject</strong> – The email subject can be customized!!</li>
<li><strong>Shake effect if field is not valid</strong> – Shackes count and distance can be configured from form options!</li>
<li><strong>User friendly</strong> – Flexible and user friendly interface for inputting checkbox,radio/select options. Drag & Drop reordering!</li>
</ul>
</blockquote>
<h3>Live Demos:</h3>
<blockquote>
<ul>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=19&template_id=9" rel="nofollow ugc">Basic Contact Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=3&template_id=10" rel="nofollow ugc">Contact Form With Captcha</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=4&template_id=11" rel="nofollow ugc">Contact Form With ReCaptcha</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=5&template_id=13" rel="nofollow ugc">Contact Data Page</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=6&template_id=14" rel="nofollow ugc">Contact Page With Maps</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=7&template_id=15" rel="nofollow ugc">Contact Page With About Us</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=8&template_id=20" rel="nofollow ugc">Mini Contact Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=9&template_id=16" rel="nofollow ugc">File Upload Progress</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=10&template_id=18" rel="nofollow ugc">Contact Form With Calendars</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=11&template_id=19" rel="nofollow ugc">Event Registration Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=12&template_id=21" rel="nofollow ugc">Simple Application Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=13&template_id=24" rel="nofollow ugc">Online Booking Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=17&template_id=28" rel="nofollow ugc">Complex Job Application Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=15&template_id=28" rel="nofollow ugc">Evaluation Survey</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=14&template_id=25" rel="nofollow ugc">Hotel Reservation Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=19&template_id=28" rel="nofollow ugc">Wood Template Contact Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=19&template_id=30" rel="nofollow ugc">Sky Template Contact Form</a> </li>
<li><a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=20&template_id=9" rel="nofollow ugc">All Elements Demo</a> </li>
</ul>
</blockquote>
<h3>Commercial Features:</h3>
<blockquote>
<ul>
<li><strong>Template Creator Wizard</strong> – Template creator wizard with live preview to create fantastic forms in a matter of seconds without coding. <a href="http://creative-solutions.net/wordpress/contact-form-generator/template-creator-demo" rel="nofollow ugc">Live Demo</a></li>
<li><strong>Unlimited Forms</strong> – 1 in free version!</li>
<li><strong>Unlimited Fields</strong> – 5 in free version!</li>
<li><strong>Send copy to sender</strong> – User can set the copy of email to himself!</li>
<li><strong>Multiple Columns support</strong></li>
<li><strong>Image Captcha support</strong></li>
<li><strong>Google Maps support</strong></li>
<li><strong>Google Fonts / Font Effects</strong></li>
<li><strong>Creative Tooltip support</strong></li>
<li><strong>Contact Data support</strong> – Show your contact data in creative way! 10 icon types. <a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=5&template_id=9" rel="nofollow ugc">Live Demo</a></li>
<li><strong>Heading field type support</strong></li>
<li><strong>Show user info in sent email</strong> – Page Title, Url, IP address, Operation System, Screen Resolution!</li>
<li><strong>Custom Code: HTML, JavaScript, CSS</strong></li>
<li><strong>Creative File Upload support</strong></li>
<li><strong>Creative Datepicker support</strong></li>
<li><strong>Creative Popup support</strong> – Show any kind of content in Creative Popup window! <a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=5&template_id=16" rel="nofollow ugc">Live Demo</a></li>
<li><strong>Creative Scrollbar support</strong> – Show <em>About Us</em> section in Creative Scrollbar area! <a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=7&template_id=9" rel="nofollow ugc">Live Demo</a></li>
<li><strong>Ready to use forms</strong> – All the forms you see in demo page will be installed during installation! <a href="http://creative-solutions.net/wordpress/contact-form-generator/demo" rel="nofollow ugc">Live Demo</a></li>
<li><strong>Google ReCaptcha support</strong> – Integrated Google ReCaptcha! <a href="http://creative-solutions.net/wordpress/contact-form-generator/demo?form_id=4&template_id=9" rel="nofollow ugc">Live Demo</a></li>
<li><strong>All Creative Templates</strong> – All templates you see in demo page will be installed during installation! <a href="http://creative-solutions.net/wordpress/contact-form-generator/demo" rel="nofollow ugc">Live Demo</a></li>
<li><strong>Dedicated support</strong></li>
<li><strong>Analytics</strong></li>
</ul>
</blockquote>
<h3>Support:</h3>
<p>Please <code>use</code> <a href="http://creative-solutions.net/forum/contact-form-generator-wordpress/" rel="nofollow ugc">Support Forum</a> for your questions and support requests!</p>


Contact Form Generator : Creative form builder for WordPress

Contact Form Generator is a creative and powerful contact form builder! You will get ready-to-use forms in 5 minutes!

wpdevart

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/_Ck1otpbO4Q?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&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>Contact Form builder is one of the most important plugins of any WordPress website. Everyone wants to see nice and functional Contact us page on his website. So we tried to create for our users easy and user friendly plugin. We hope you will like our plugin.</p>
<h3>View our plugin Demo pages and pro version page here:</h3>
<ul>
<li><a href="https://demo.wpdevart.com/demo-contact-form-bulder" rel="nofollow ugc">Demo 1</a></li>
<li><a href="https://demo.wpdevart.com/simple-contact-form-bulder" rel="nofollow ugc">Demo 2</a></li>
</ul>
<p>Our plugin have a lot of useful and great features, here are some features of our plugin.</p>
<h3>Features of free version</h3>
<ul>
<li><strong>Easy install and use</strong></li>
<li><strong>Works perfectly with all versions of WordPress</strong></li>
<li><strong>Fully Responsive</strong></li>
<li><strong>Add Unlimited fields</strong></li>
<li><strong>Required option for any field you need</strong></li>
<li><strong>Easily move fields positions</strong></li>
<li><strong>16 different field types</strong></li>
<li><strong>Ability to insert Text, Email, URL, Telephone number, Date/Calendar, Password, Text Area, Radio Button, Check Box, Dropdown List, Heading, Separator/Divider and reCaptcha fields</strong></li>
<li><strong>Ability to use in Widgets</strong></li>
</ul>
<p>You can upgrade the fre version to <a href="https://wpdevart.com/wordpress-contact-form-plugin" rel="nofollow ugc">WpDevArt Contact Form Pro</a> to add other important features.</p>
<h3>The features of Pro version</h3>
<ul>
<li><strong>Fully customizable design</strong></li>
<li><strong>Google reCaptcha</strong></li>
<li><strong>37 Animation effects</strong></li>
<li><strong>More then 25 nice themes</strong></li>
<li><strong>Redirect feature</strong></li>
<li><strong>Auto responder functionality</strong></li>
<li><strong>Different Font styles</strong></li>
<li><strong>Ability to insert Upload File and Google Map fields</strong></li>
<li><strong>Fully Import/Export</strong></li>
<li><strong>Ability to Export submissions to CSV</strong></li>
<li><strong>Duplication feature</strong></li>
</ul>
<p>The plugin most important part is user friendly interface. Below you can view some important features of our plugin with their details.</p>
<h4>Responsivity</h4>
<p>This plugin is fully responsive. Today responsive feature is the most important for websites, so there is no need to worry about it when you are using plugin.</p>
<h4>Export/Import</h4>
<p>This feature is very important if you need to copy it from one website to another. Just export it with all data and style and import it to another website.It’s very simple.</p>
<h4>Submissions Export to CSV</h4>
<p>You can export submissions to CSV file. Most of users need this feature as well, so we added this functionality.</p>
<h4>Unlimited Fields</h4>
<p>There isn’t any type of limitation. You can use as many fields as you need.</p>
<h3>If you find any bug or have a question about our plugin then check the <a href="https://wordpress.org/support/plugin/contact-forms-builder" rel="ugc">Support Forum</a></h3>
<h3>Step by step guide</h3>
<p>Our plugin have user friendly interface, but we will try to explain all options and functions of our plugin on this page.</p>
<p>You can use as many fields as you need, there is no such type of limitation in our plugin.<br />
There are a lot of useful and necessary field types in our plugin.</p>
<h3>How to create Form</h3>
<p>First of all login into your WordPress website admin panel and install our plugin. Then activate it, after that you will see our plugin new admin menu tab on the left side of your administration panel.<br />
Click on that tab and you will see our plugin admin menus. Click on the “create a new form” button and add it.<br />
On this page you can add or remove fields and change the main settings.</p>
<p><strong>Here are the field types that you can use</strong></p>
<ul>
<li><strong>Text field</strong></li>
<li><strong>Email field</strong></li>
<li><strong>URL field</strong></li>
<li><strong>Telephone number field</strong></li>
<li><strong>Upload File field</strong></li>
<li><strong>Date/Calendar field</strong></li>
<li><strong>Password field</strong></li>
<li><strong>Text Area field</strong></li>
<li><strong>Radio Button field</strong></li>
<li><strong>Check Box field</strong></li>
<li><strong>Dropdown List field</strong></li>
<li><strong>Heading field</strong></li>
<li><strong>Separator/Divider field</strong></li>
<li><strong>ReCaptcha field</strong></li>
<li><strong>Google Map field(check the FAQ to see how you can use the Google Map)</strong></li>
</ul>
<p>For some of this fields the Label and Placeholder fields are not required and there is no need to fill this fields. For example this fields are not required for ReCaptcha or Google Map.</p>
<p>Use the “Add New Field” button on the right bottom side for adding new fields. You can also remove the fields using the Recycle Bin icon on the right side. Use the right side of fields easily moving them. Use the Required option for important fields.<br />
After creating all fields type the Submit Button Value and check the other settings. On the right bottom side there is an “Advance Options” button, click on that button and you will see other options. Use this options if you need.<br />
On the top right side there is additional settings – “Settings” and “Extras” buttons. Click on that buttons and you will see the other important options.<br />
You can set the Recipient’s email, Subject, Message text, Success message text, Failure message text, template, Redirect URL, Enable auto responder and other options.</p>
<p>After you set all settings, save it.</p>
<p>After that edit your posts/pages and click on shortcode button(find the shortcode button from the list of Visual Editor Tools).</p>
<h3>Submissions</h3>
<p>After someone added submission you will see it on our plugin main page. Click on the number of submissions and you will be redirected to the submissions page.<br />
On submissions page you can Export submissions to CSV, edit or delete submissions.<br />
If you click on the edit button then you will see the popup window where you can edit every submission. Make the changes and then click update. Also, you can choose what fields exactly you want to export.</p>
<h3>Design settings(Pro)</h3>
<p>If you need to configure the design settings then click on “Styling” tab from admin menu of our plugin.</p>
<p>Below you can check all design settings we have</p>
<h3>Style</h3>
<ul>
<li>Area Width – Set width of  area in pixels(px) or percentage(%).</li>
<li>Position – Set position(Left, Center, Right).</li>
<li>Area Background – Set background color of area.</li>
<li>Set top border of area – Border Top(px), Border Style(8 different border styles), Border Color.</li>
<li>Set bottom border of area – Border Bottom(px), Border Style(8 different border styles), Border Color.</li>
<li>Set right border of area – Border Right(px), Border Style(8 different border styles), Border Color.</li>
<li>Set left border of area – Border Left(px), Border Style(8 different border styles), Border Color.</li>
<li>Margins/outside spacing – Set spacing from every side of area in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.</li>
<li>Padding/inside spacing – Set padding from every side of area in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.</li>
</ul>
<h3>Fields style</h3>
<ul>
<li>Field Width – Set width of fields in pixels(px) or percentage(%).</li>
<li>Field Height – Set height of fields in pixels.</li>
<li>Field Background – Set background color of fields.</li>
<li>Field Focus Background – Set background color of fields on focus.</li>
<li>Set top border of fields area – Border Top(px), Border Style(8 different border styles), Border Color.</li>
<li>Set bottom border of fields area – Border Bottom(px), Border Style(8 different border styles), Border Color.</li>
<li>Set left border of fields area – Border Left(px), Border Style(8 different border styles), Border Color.</li>
<li>Set right border of fields area – Border Right(px), Border Style(8 different border styles), Border Color.</li>
<li>Fields Margins/outside spacing – Set spacing from every side of fields in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.</li>
<li>Fields Padding/inside spacing – Set padding from every side of fields in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.</li>
<li>Typography for Fields – Set font family, font style, font size, line height and color for fields.</li>
<li>Typography for Fields – Set Placeholder texts font family, font style, font size, line height and color.</li>
<li>Show radio buttons and checkboxes as block level – Select this option to display radio buttons and checkboxes list vertical.</li>
</ul>
<h3>Fields Labels style</h3>
<ul>
<li>Hide Fields Labels – Hide labels on front-end.</li>
<li>Label Width – Set width of the field labels in pixels(px) or percentage(%).</li>
<li>Typography for Field Labels – Set font family, font style, font size, line height and color for fields Labels.</li>
</ul>
<h3>Submit Button Styling style</h3>
<ul>
<li>Submit Button Background – Set background color of submit button.</li>
<li>Submit Button Hover Background – Set background color of submit button on hover.</li>
<li>Set border of the submit button – Border Top(px), Border Style(8 different border styles), Border Color. </li>
<li>Margins/outside spacing. Set spacing from every side of the button in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.</li>
<li>Padding/inside spacing. Set padding from every side of the button in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.</li>
<li>Typography for Submit Button – Set font family, font style, font size, line height and color for submit button.</li>
</ul>
<h3>Success/Failure Message style</h3>
<ul>
<li>Success Message Background – Set background color of success message</li>
<li>Failure Message Background – Set background color of failure message</li>
<li>Messages Margins/outside spacing. Set spacing from every side of the messages in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.</li>
<li>Messages Padding/inside spacing. Set padding from every side of the messages in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.</li>
<li>Set font size, font family, font style and color for messages – Set font family, font style, font size, line height and color for messages.</li>
</ul>
<h3>Separator/Divider style</h3>
<ul>
<li>Set border styling for separator/Divider – Thickness, Style, Color.</li>
<li>Separator/Divider Margins/outside spacing. Set spacing from every side in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.</li>
<li>Typography for Separator/Divider – Set font family, font style, font size, line height, text align and color for Separator/Divider.</li>
</ul>
<h3>Custom Headings/Titles style</h3>
<ul>
<li>Headings/Titles Margins/outside spacing. Set spacing from every side in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.</li>
<li>Typography for Headings/Titles – Set font family, font style, font size, line height, text align and color for Headings/Titles.</li>
</ul>
<p>Configure design settings and then save it.</p>


Contact Form Builder, Contact Widget

Contact Form plugin is an handy and functional tool for creating and editing different types of forms for your WordPress website.

Contact Form Generator : Creative form builder for WordPress vs Contact Form Builder, Contact Widget