Installation, updates and configuration
You can try our demo version for free by downloading it through Wordpress plugin repository or searching for it (Perfect Easy & Powerful Contact Form) in Wordpress Dashboard > Plugins > Add New. After purchasing PRO subscription you can download our plugin through our website: perfect-web.co and install it in Wordpress Dashboard > Plugins > Add New > Upload tab. After that you should recieve notifications when an update is available in your Dashboard.
If after updating a PRO version you will lose it features and get back to demo mode please disable and uninstall our plugin (do not worry, your existing form settings will remain intact), then download newest version from our website: perfect-web.co and install our plugin in .zip format through Wordpress Plugins manager.
To update PRO version you have to login into your account on our website, copy Download ID and paste it in main settings of plugin.
Go to Perfect Contact Forms menu in Dashboard and create your first contact form. Follow the 5 steps tabs with contact form configuration and save it. If you have selected to display contact form with shortcode or in a widget, then do not forget to insert this shortcode or create a widget.
How to change Toggler tab height/width?
Please edit toggler height/width in our plugin configuration > Theme > Advanced > Toggler (at the bottom).
I want to customize the Toggler Tab position
In our plugin configuration > Location & Effects tab in Position offset [px, %] field input offset value in pixels (px) or percents (%) for example 200px or 25%.
CSS files structure (version 1.0)
CSS files ale located in /wp-contect/plugins/pwebcontact/media/css/
File Meaning background/*.css colors of form background, text form/*.css colors of fields, buttons, links toggler/*.css colors of toggler button layout.css general declarations, structure and positions, does not have colors uploader.css styles for upload, structure and positions, does not have colors *-rtl.css styles override for RTL
Create your own styles (version 1.0)
To create a new styles set you have to copy and rename existing file containing styles and replace all CSS classes in it with the name of original file.
For example to create new style for toggler, copy file: /wp-contect/plugins/pwebcontact/media/css/toggler/blue.css and rename to: /wp-contect/plugins/pwebcontact/media/css/toggler/example.css. Then edit this file and replace all CSS classes names "blue" to "example". Now when you will reload module configuration you will see a new style on list.
How to insert Google Maps into contact form?
If you want Google Maps in your form, first of all find the address you want, then click on the settings gear in the bottom right (or link icon at the top of the left panel if you are using classic Google maps), select size and copy the embed map code (starting with <iframe src="/...). Afterwards just paste this code into Custom text/html field in our contact form settings.
Setup confirmation email field
Create field type of email with alias: email. Set it required.
Create field type of text with alias: email_confirm. Set it to not required.
$(this.options.selector+"_field-email_confirm").attr("equalto", this.options.selector+"_field-email"); $(this.options.selector+"_field-email_confirm-lbl").append('<span class="pweb-asterisk">*</span>');
Open contact form with menu item
This feature is only available in the PRO version. To open contact form with a menu item, create menu item type of Links and as URL set:
#pwebcontact?_toggler where ? is your form ID number.
If you wish to hide Toggler Tab or Button then select Location & Effects > Form before opening > Hidden before opening.
Open contact form with custom HTML
If you wish to open contact form by a link, then use this syntax:
<a href="#" class="pwebcontact?_toggler>Click here</a> where ? is your form ID number.
If you wish to open contact form by an image, then use this syntax:
<a href="#" class="pwebcontact?_toggler><img src="/..."></a> where ? is your form ID number.
Rounded corners and shadow in Internet Explorer
To support rounded corners and shadow in Internet Explorer 7 and 8 there was implemented CSS3 PIE. There is no guarantee that it will work. It depends on your Wordpress template and other extensions.
For every layout you can select in Theme tab > Advanced settings an image which will be loaded in background of contact form. There are also options to add padding on side of box, so that image would be not under form, but next to it. Module does not contain any sample images.
Vertical toggle button
Vertical text is an image generated by PHP to keep compatibility with older browsers. This option might not work if PHP on your server does not allow creating images or writing text on them.
If you see rectangles instead of letters then TTF font used for creation of text does not have your language characters so you have to use other TTF font. Please upload it to /wp-contect/plugins/pwebcontact/media/font folder. For example you can use Arial font from your OS or other font which has TTF file format. Then reload module configuration and select new font.
Read how to compile PHP with required functions for image creation
Show list of recipients, select recipient with link
You can specify multiple recipients in List to recipients field and let User to decide with whom he want to contact. Each recipient has to be in new line. Email and name of recipient has to be separated with pipe character |. For example: firstname.lastname@example.org|Support. Do not enter a new line after filling in last recipient.
You can also open form with link with selected recipient. In second argument of function you have to specify index of recipient. Indexing starts from one. Go to Tips tab of our plugin configuration to see code examples.
You can create unlimited number of fields. After clicking on a + button on the right you can add up to three fields in one row. Each field can have language constant in label, tooltip and values because those informations will be translated through language file.
You can set up a different email templates for both user and administrator in Email settings tab. Choose between text and HTML formats and from various variables to include in them.
To change one of the default email templates, you can edit HTML files in directory:/wp-contect/plugins/pwebcontact/media/email_tmpl/. You can also create a new HTML file with your own template there.
Contact form is not showing or working correctly
Check in Location & Effects tab where did you publish your form, if you have selected On selected pages with short code option, make sure that this shortcode is included on your page. If you have selected widget, make sure that it is published.
Make sure that your template has a standard Wordpress footer implemented:
<?php wp_footer(); ?>
If not, then add this code to your template's index.php.
View page source in your browser and try to find (Ctrl+F): pwebcontact. If there is no such string then one of previous tip is still not done correctly.
Check if you have not enabled integrations in module configuration and set to load contact form only on pages with integrated extension.
If by any chance our plugin breaks your website's code – please enable debug mode in WordPress, check out what type of PHP error is displayed (it could be for example wrong PHP version) and contact our support team for a fix.
I am getting a Parse error when I try to install this plugin
Please update your PHP version to 5.3+ . Check out our compatibility & requirements here.
Request error: 200 SyntaxError: JSON.parse: unexpected character
If you get this error then please enable Debug mode in our plugin configuration. Then reload the front-end page and try again to use the contact form. You should get some error details in a popup layer.
This error is caused by a buggy plugin or syntax error in one of the wordpress files. You need to correct it if you can, or contact our support team so we can try to fix it for you.
Email are not being sent
Please try to edit your e-mail configuration in our plugin settings - try using SMTP or your domain's e-mail - this issue should be resolved then.
Success message is displayed but I do not receive email
Make sure that you have not enabled Demo mode in Advanced tab.
If success message is displayed then it means that contact form has passed data to WordPress Mailer and email was sent successfully.
If you do not receive email then:
- check your spam box,
- check server settings of SpamAssassin or BoxTrapper,
- check server mail filters,
- check server firewall or other security settings,
- or ask your server administrator to track email which has been sent from your site.
Prevent emails from going to spam
This problem is not caused by contact form but by not trusted sender of email or suspicious content.
In our plugin settings set Mailer: SMTP and setup all authentication details. For SMTP authentication and Mail From use email with the same domain as your site, for example: your domain: domain.com, email: email@example.com. If you do not know authentication details then ask your server administrator.
You might also set in Email settings tab: Send from one domain: Yes, that sender email would be your site and message would be more trusted to spam filters.
You can also edit email template to make it more human. There is no simple answer what to write to make your spam filter believe that it is not a spam. You have to find your own best text.
You can also setup on your server other protections like TXT records DomainKeys Identified Mail (DKIM) and Sender Policy Framework (SPF). Ask your server administrator to help you with that - we are not providing support for configuration of hosting servers.
I have updated Contact Form through Wordpress panel and I can no longer use PRO features
Please disable and uninstall our plugin (do not worry, your existing form settings will remain intact), then download newest version form our website and install our plugin in .zip format through Wordpress Plugins manager.
How to open our contact form with a link or an image?
Please go to our plugin settings, edit your form and in Tips tab you will find Open contact form with custom HTML section, you need to copy the code under Open contact form with custom HTML section, similar to following code.
Open by link
<a href="#" class="pwebcontact?_toggler">Click here</a>
Open by image
<a href="#" class="pwebcontact?_toggler"><img src="/..."></a>
Warning. Do not copy code from this page without changing the ? character, which is the id number of your form. Then paste it as HTML into where you wish for our form to open.
If I purchase standard 30 days subscription will my form still work after it expires?
Yes it will, however you only get access to new versions and support for as long as your subscription is active.