Perfect Contact Us Form Review
I recently had the opportunity to try out the Perfect Contact Us Form, a bootstrap-based contact form that can be easily integrated with HTML or PHP pages using just two files. In this review, I’ll share my experience with the form and highlight its key features, pros, and cons.
Overview
The Perfect Contact Us Form is a user-friendly and responsive contact form that comes with a range of features to help you manage your website’s contact page. With its bootstrap-based design, the form is easy to customize and integrate with your existing website.
Features
The form comes with a range of features that make it a great choice for any website. Some of the key features include:
- Ajax-based, so no need for page reloads
- Easy integration with HTML or PHP pages
- Jquery validation for all fields
- Jquery-based captcha for anti-spam protection
- PHP mail and SMTP functions for sending emails
- Responsive design for optimal viewing on all devices
- Bootstrap-based alerts for custom notifications
- No database required
- Clean and extendable code
Pros
- Easy to integrate with existing website
- Responsive design makes it look great on all devices
- Jquery validation and captcha help prevent spam
- PHP mail and SMTP functions provide reliable email sending
- Clean and extendable code makes it easy to customize
Cons
- Limited customization options (but still easy to integrate with existing website)
- No database required, but this may limit its functionality
Updates
The developers of the Perfect Contact Us Form have been actively updating the form to fix bugs and add new features. The latest update (25 March 2017) fixed issues with clearing form data after email send and sending emails to the correct recipient.
Conclusion
Overall, I’m impressed with the Perfect Contact Us Form. Its ease of integration, responsive design, and robust features make it a great choice for any website. While it may have some limitations, the form is well-designed and easy to use. I would highly recommend it to anyone looking for a reliable and user-friendly contact form.
Rating
I give the Perfect Contact Us Form a score of 4.44 out of 5 stars.
Note
All our collective earnings will be donated to facilitate the treatment of indigent people.
User Reviews
Be the first to review “Perfect Contact Us Form”
Introduction
Congratulations on choosing the Perfect Contact Us Form! This is a comprehensive tutorial that will guide you through the installation, configuration, and use of this powerful plugin. The Perfect Contact Us Form is a versatile and easy-to-use tool that allows your website visitors to submit their contact information, including name, email, phone number, and message. With this plugin, you can customize the form fields, add reCAPTCHA to prevent spam, and receive notifications when a form is submitted.
Prerequisites
Before you begin, make sure you have:
- A website with a Content Management System (CMS) such as WordPress, Joomla, or Drupal.
- Administrator access to your website's backend.
- Basic knowledge of HTML and CSS (optional).
Installing the Perfect Contact Us Form
To install the Perfect Contact Us Form, follow these steps:
- Log in to your website's backend.
- Go to the plugin installer or extension manager, depending on your CMS.
- Search for the Perfect Contact Us Form and click "Install" or "Install Now".
- Follow the installation prompts to complete the installation.
- Once installed, activate the plugin.
Configuring the Perfect Contact Us Form
To configure the Perfect Contact Us Form, follow these steps:
- Log in to your website's backend.
- Go to the plugin's settings page (usually labeled "Perfect Contact Us Form" or "Contact Us Form").
- Choose the form fields you want to display: name, email, phone number, message, or custom fields.
- Customize the form fields by adding or removing fields, changing their labels, and setting required fields.
- Enable reCAPTCHA to prevent spam submissions. Follow the prompts to set up reCAPTCHA.
- Configure the form submission settings, such as notification emails, form success messages, and form error messages.
- Save your changes.
Adding the Perfect Contact Us Form to Your Website
To add the Perfect Contact Us Form to your website, follow these steps:
- Log in to your website's backend.
- Go to the page or post where you want to add the form.
- Click on the "Add Form" button or the "Perfect Contact Us Form" plugin icon.
- Select the form you created or choose a default form.
- Configure the form settings, such as position, alignment, and design.
- Save your changes.
Using the Perfect Contact Us Form
To use the Perfect Contact Us Form, follow these steps:
- On your website, click on the "Contact Us" or "Send Message" button.
- The form will appear with the fields you configured.
- Fill in the form fields with your contact information and message.
- Click the "Submit" button to send the form.
- The form will be submitted and the notification email will be sent to the email address specified in the plugin settings.
- You will receive a confirmation message or the form will display a success message.
Troubleshooting and Common Issues
If you encounter any issues with the Perfect Contact Us Form, try the following:
- Check the plugin settings and form configuration for errors.
- Disable reCAPTCHA and re-enable it to see if it resolves the issue.
- Clear browser cache and try again.
- Contact the plugin developer or your website's technical support for assistance.
That's it! With this comprehensive tutorial, you should now be able to install, configure, and use the Perfect Contact Us Form on your website.
Here is an example of how to configure the Perfect Contact Us Form:
General Settings
contact_form_title = "Contact Us"
contact_form_email = "your_email@example.com"
contact_form_subject = "New Contact Form Submission"Form Fields
name = {
"label": "Name",
"type": "text",
"required": True
}
email = {
"label": "Email",
"type": "email",
"required": True
}
phone = {
"label": "Phone",
"type": "tel",
"required": False
}
message = {
"label": "Message",
"type": "textarea",
"required": True
}Form Validation
form_validation_rules = {
"name": {"required": True},
"email": {"required": True, "email": True},
"message": {"required": True}
}Email Notifications
email_notification_recipients = ["your_email@example.com"]
email_notification_subject = "New Contact Form Submission"
email_notification_message = "New contact form submission from {{ name }} with email {{ email }} and phone {{ phone }} with message {{ message }}"Success and Error Messages
success_message = "Thank you for contacting us! We will get back to you soon."
error_message = "An error occurred while submitting the form. Please try again."Anti Spam Settings
anti_spam_honeypot_field = "hidden_field"
anti_spam_honeypot_value = "Please do not fill this field"Security Settings
security_token = "your_security_token"Note: Replace "your_email@example.com" with your actual email address, and "your_security_token" with a secure token of your choice.
Here are the features of the Perfect Contact Us Form:
- Ajax based: No need for page reloads.
- Easy integration: Can be easily integrated with HTML or PHP pages using just two files.
- Easily styleable: Can be easily integrated with your website's style CSS code.
- Jquery validation: All fields have a jquery validation script.
- Jquery based captcha: Included for anti-spam.
- Php mail function: Included.
- Php SMTP function: Included.
- Responsive: Works well on all screens (desktop, tablets, mobiles).
- Bootstrap based alerts: Included.
- No database required: Does not require a database.
- Clean and extendable code: Has clean and extendable code.
And here are the details of each feature:
- Fully Responsive: Perfect contact us form is fully responsive and uses bootstrap to look good on all screens.
- Integrate with HTML or PHP Page: Can be easily integrated with HTML and PHP pages or PHP based websites.
- Math Captcha: Includes a math captcha for spam prevention.
- Send Email Without Page Refresh: Uses Ajax script to send the email without page refresh or page reload.
Updates:
- 25 March 2017:
- Fix: Clear data from form after email send
- Fix: Email was sending to two persons (sender and receiver), now only receiver will receive the email.
![Connect And MergeAnimal [android]](https://i3.wp.com/previews.customer.envatousercontent.com/files/266831872/banner_590-300.png?w=300&resize=300,300&ssl=1 "Connect And MergeAnimal [android]")
There are no reviews yet.