Saturday, April 13, 2013

Wordpress Ajax Contact Form with attachments

Wordpress Ajax Contact Form with attachments - CodeCanyon Item for Sale Wordpress Ajax Contact Form with attachments - CodeCanyon Item for Sale ajax // attachment // ayah // captcha // contact // form // internationalization // jquery // php // recaptcha // spam // validation // wordpress // zend //
Created 22 November 12
Last Update 1 June 13
Compatible Browsers IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software Version WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0
Files Included JavaScript JS, HTML, XML, CSS, PHP

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah) for Wordpress

The w2 Ajax Contact Form for Wordpress is a complete solution to create ajax contact form in Wordpress. Designed to be a flexible plugin, this item offer classics and originals features fully configurables via Admin Plugin Interface. You can easily create your own forms HTML templates (add or remove fields) and your own themes CSS.

No Spam Control (Drag and Drop)

The drag’n’drop No Spam Control is an user friendly alternative to the traditionnal Captcha. It is not a simple drag’n’drop feature to display the send Button. It is a complete solution for anti spam.

The No Spam Control controls the time between each submission (configurable max/min) and generate some hiddens fields with an encryption key (configurable) when the dragger is dropped. The hidden fields are generated with alphanumeric random and Time (encrypted via encryption key) to ensure that the No Spam Control fields are available only for a limited period (configurable).

This is a really safe and user friendly protection. Then it is easy to customise it with CSS.

There is 4 type for No Spam Control:

  • basic (simply drag’n’drop)
  • colors (drag’n’drop the right color)
  • numbers (drag’n’drop the right number)
  • shapes (drag’n’drop the right shape)

Minimum requirements

  • PHP version 5.x (PHP5 or higher).
  • Wordpress 3.0 or higher.

Theme compatibility

You can test the compatibility of the plugin with your theme by using the theme compatibility tester plugin (just install the plugin in your wordpress). If the plugin doesn’t display correctly in the front-end or back-end pages of your theme it seems there is a theme conflict (conflict between the plugin and your theme). The plugin include features to solve theme conflict (Global Settings section), so if there is a theme conflict and you want to buy the plugin you can contact the technical support (send the url of the page where the form is displaying) to know the right configuration of the Global Settings section to solve theme conflict.

Admin Plugin Interface

You can test the Admin Plugin Interface: Demo Back office. Watch the Videos tutorials. Standalone version available

ChangeLog

if you have already purchased the plugin it is really recommended to install the latest update to fix some bugs and add new features.

Don’t forget to read the file “upgrade_instructions.txt” before to upgrade your plugin installation.

  • version 1.2.27:
    • Fix bug for placeholder on IE9.
  • version 1.2.26:
    • New feature to add attachment files to the auto-responder message.
  • version 1.2.25:
    • Add possibility to un-active jquery UI library to disable all UI features (UI wigdets, nospam control).
  • version 1.2.24:
    • Add loader for nospam control to display button “send” only when nospam hidden fields are completely loaded (usefull for slow server connexion).
  • version 1.2.23:
    • Fix bug for script “specific rules of validation” (since version 1.2.19).
  • version 1.2.22:
    • Added automatic detection for additionnal laguages files.
  • version 1.2.21:
    • Fix CSS bug for custom file input in IE10.
  • version 1.2.20:
    • Possibility to specify different translation file for each form (usefull to use several auto-reponder message).
    • Adding new laguage (Portuguese).
  • version 1.2.19:
    • Removing breaklines in the javascript plugin instanciation code to prevent problem when the parameter “theme has footer” is “false” (to load instanciation script in the content) with WP theme using “wpautop” feature.
  • version 1.2.18:
    • Possibility to add fields value in the auto-responder message (just use shortcode [field_name] in the content of the mail responder message).
    • New HTML form template with HTML5 attribute placeholder.
  • version 1.2.17:
    • Possibility to configure the parameter “Notification lang” (global settings) to “auto”. In automatic mode the form will use the language of your wordpress. If the language doesn’t exist in your file “w2_cf_notifications.tmx” (you can add your own language) the language used by default will be the english.
  • version 1.2.16:
    • upgraded the PHP AYAH library to fix error
  • version 1.2.15:
    • Added new validator method for Regular Expression (javascript validation).
    • Possibility to update the jquery contact form plugin translation text for “en” and “en_US” language in the file “js/w2_contact_form/localization/message_en.js” and ”../message_en_US.js.
  • version 1.2.14:
    • Possibility to configure the page selection list (displaying options) to display all Post Type status (not only published).
  • version 1.2.13:
    • Adding method to clean up the temp file generated for PHP hard code integration. If you use PHP hard integration it is really recommended to use this update.
    • Fix sending email error when using special character for parameter “site name” (Global settings).
  • version 1.2.12:
    • New global settings options.
  • version 1.2.11:
    • Progress bar for attachment file upload
    • Safety enhancement.
  • version 1.2.10:
    • New feature to configure the path of the wp-config.php file.
    • CSS transition now available for browser Chrome, Safari and Opera.
  • version 1.2.9:
    • New system to reset the plugin database. Make it by clicking the butoon “Reset plugin database” not by un-activating plugin. This system prevents unwanted form data loss when user un-active the plugin.
  • version 1.2.8:
    • New callback submit success to create specific javascript function for success submit event. Example you can apply a fade out to the form after success submission.
  • version 1.2.7:
    • Automatic reloading of AYAH after form submission.
    • Fix CSS bug for button send color with CSS theme hot-sneaks.
  • version 1.2.6:
    • Possibility to use PHP code in HTML source code editor when you integrate the form via PHP hard code (feature only available for PHP hard code integration).
    • Possibility to create mail subject template by including existing form fields value. Example: Message from [firstname] [lastname] [mail]
  • version 1.2.5:
    • Fix CSS conflict with some wp theme.
  • version 1.2.4:
    • Possibility to load all the plugin js librarys in footer (usefull to solve some wp theme conflict).
  • version 1.2.3:
    • Possibility to not load jquery for WP-themes who do not use the included jquery library of Wordpress.
  • version 1.2.2:
    • Possibility to not specify email sender to use user email as email sender.
    • Fix CSS conflict with some WP theme.
  • version 1.2.1:
    • Fix PHP error for conflict with other AYAH plugin.
  • version 1.2.0:
    • Auto-upgrade database feature for the next plugin updates (work for version > 1.1.8).
    • Possibility to load jquery UI in the footer (usefull to solve some conflict).
    • Possibility to display all Posts Types in page selection list.
    • Possibility to unactive color animate effect for js validation notification (usefull to solve some conflict).
    • If you upgrade the plugin from an version < 1.1.9 you need to un-active and re-active the plugin to reset the plugin database. Make a copy of your HTML forms source code if you need to keep them.
  • version 1.1.11:
    • Fix minor PHP notice.
    • Possibility to use older version of jquery UI (1.8) for front-office page (to solve JS conflict with some theme and worpdress 3.5).
  • version 1.1.10:
    • New feature to integrate a form by using PHP hard code (directly in your theme files). <?php w2_contact_form($id_form = 1); ?>
  • version 1.1.9:
    • Fix PHP 5.4 error for $_FILES.
    • Fix conflict with wp-recaptcha plugin.
    • Fix CSS bug for UI button set on Chrome.
  • version 1.1.8:
    • Fix AJAX error for site using SSL.
  • version 1.1.7:
    • Update jquery UI to 1.9 for wordpress 3.5.
    • New CSS to minimize conflict with CSS wp theme.
    • If you upgrade the plugin from an older version to the 1.1.7 you need to change the HTML class selector class=”shadow” to class=”w2_shadow” for each element of your forms.
  • version 1.1.6:
    • Fix bug for checkbox fields width in Chrome.
    • You can add your own custom file field in your form.
  • version 1.1.5:
    • Fix bug for fields setting configuration when the form have 0 required field.
  • version 1.1.4:
    • Fix “submit alert position” to bottom bug of the version 1.1.3.
  • version 1.1.3:
    • New feature to include several form in the same page.
  • version 1.1.2:
    • New feature to auto-configure the fields settings section by checking the HTML elements of the form with jquery.
  • version 1.1.1:
    • You can send your email via SMTP with authentification (example: gmail).
    • New method to create your own HTML template for the mail body message.
  • version 1.1.0:
    • You can send your email via SMTP.
    • Fix encodage bug for utf_8 content in the mail message to accept all type of character.
    • Fix error message for missing translation language.
    • Fix CSS bug for IE9 and custom file input.
    • New CSS style (auto-resize) for a better compatibility with WP Theme optimized for iDevices.
    • New selection page feature to display the form in different type of page (page, post, portfolio, products).
    • Possibility to specify the label for the field value in the body mail message.
    • Multi-selection page feature (to display the same form in several pages).
    • Message notification after submit position (top / bottom).

Features

  • Multiple or single attachments files (you can easily disable this feature).
  • Multiple or single recipient (simultaneously or not).
  • Easy to configure via Plugin Admin Interface.
  • Optimized for iDevices.
  • Easy to add (or remove) your own fields via source editor.
  • You can create your own HTML template files and automatically add them to your lists of template in the form editor.
  • You can create your own CSS theme and automatically add them to your lists of Theme in the form editor.
  • Auto-responder feature (configurable).
  • Javascript and php validation (you can specify your own rules of validation if you need it).
  • Email message accepts HTML content (configurable).
  • You can create several forms and save them in database.
  • Inegration in the content of your page “automatic” or via “shortcode”.
  • PHP Script based on the open source Zend Framework Components Mail, Mime and Translate.
  • Drag and Drop feature (no spam control) has 4 different model (view live preview).
  • Drag and Drop feature (no spam control) is ready for touch screen.
  • ReCaptcha integration.
  • ayah (Are You A Human) integration.
  • Full documentation (examples well documented).
  • All features are fully configurable via admin interface plugin
  • Smart library (js, css) loader. The librarys load only on the page selected.
  • Easy to internationalize (just include the translated file or create your own): for PHP:
     <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE tmx SYSTEM "tmx14.dtd"> <tmx version="1.4"> <header creationtoolversion="1.0.0" datatype="winres" segtype="sentence" adminlang="en-us" srclang="fr-fr" o-tmf="abc" creationtool="XYZTool" > </header> <tu tuid='autorespondersubject'> <tuv xml:lang="en"><seg><![CDATA[Your email has been sent to our team]]></seg></tuv> <tuv xml:lang="es"><seg><![CDATA[Tu email ha sido enviado a nuestro equipo]]></seg></tuv> <tuv xml:lang="fr"><seg><![CDATA[Votre e-mail a été envoyé à notre équipe]]></seg></tuv> <tuv xml:lang="de"><seg><![CDATA[Ihre Mail wurde an unser Team geschickt worden]]></seg></tuv> </tu> <tu tuid='autorespondermessage'> <tuv xml:lang="en"><seg><![CDATA[Your email has been sent to our team.<br />Thanks.]]></seg></tuv> <tuv xml:lang="es"><seg><![CDATA[Tu email ha sido enviado a nuestro equipo. <br /> Gracias]]></seg></tuv> <tuv xml:lang="fr"><seg><![CDATA[Votre e-mail a été envoyé à notre équipe. <br /> Merci]]></seg></tuv> <tuv xml:lang="de"><seg><![CDATA[Ihre Mail wurde an unser Team geschickt worden. <br /> Dank]]></seg></tuv> </tu> <tu tuid='sent'> <tuv xml:lang="en"><seg><![CDATA[your email has been sent]]></seg></tuv> <tuv xml:lang="es"><seg><![CDATA[su mensaje ha sido enviado]]></seg></tuv> <tuv xml:lang="fr"><seg><![CDATA[votre email a bien été envoyé]]></seg></tuv> <tuv xml:lang="de"><seg><![CDATA[Ihre E-Mail wurde abgeschickt]]></seg></tuv> </tu> <tu tuid='notsent'> <tuv xml:lang="en"><seg><![CDATA[your email has not been sent]]></seg></tuv> <tuv xml:lang="es"><seg><![CDATA[su dirección de correo electrónico no se ha enviado]]></seg></tuv> <tuv xml:lang="fr"><seg><![CDATA[votre email n'a pas été envoyé]]></seg></tuv> <tuv xml:lang="de"><seg><![CDATA[Ihre E-Mail wurde nicht gesendet]]></seg></tuv> </tu> 
    for Javascript:
     /* * Translated default messages for the jQuery w2ContactForm plugin. * Locale: FR */ jQuery.extend(jQuery.fn.w2ContactForm.notifications, { addAtt: 'Pièces jointes', maxAtt: 'Le nombre maximum de pièce est de ', inputFile: 'Parcourir', nspmc4: 'Choisissez la bonne forme<br />et déposez le carré gauche dans le carré droit<br />pour confirmer que vous n'êtes pas un spammer', nspmc3: 'Choisissez le bon numéro<br />et déposez le carré gauche dans le carré droit<br />pour confirmer que vous n'êtes pas un spammer', nspmc2: 'Choisissez la bonne couleur<br />et déposez le carré gauche dans le carré droit<br />pour confirmer que vous n'êtes pas un spammer', nspmc1: 'Déposez le carré gauche dans le carré droit<br />pour confirmer que vous n'êtes pas un spammer' }); 

Technical Support

For a fast response send me a private message via my profile.web agency

enjoy !

Related produck

Ajax Contact Form with attachments - CodeCanyon Item for Sale

More items by gui-yem

No comments:

Post a Comment