This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Advanced Angular Contact Form

Descripcion

Want to get the flavour of Angular and Angular material design within WordPress? Please try « Advanced Angular Contact Form » for at least one time.

Admin portal of the plugin is fully developed with Angular and Angular Material Design. So within WordPress you get a different look and feel. Even there should have no JavaScript or CSS conflict with existing one. I used WordPress rest API to handle custom post creation and customization.

« Advanced Angular Contact Form » is one of my fun project, I have worked ever! This is an application based plugin where I used some latest JavaScript packages to integrate Angular and Angular material design. Even in front end there is no single line of jQuery code.

Enjoy!

Screenshots

  • List of all created forms.
  • Set-up a form.
  • Edit a form.
  • Settings of a form.
  • Short code view of a created form.

Installacion

Minimum Requirements

  • PHP version 5.2.4 or greater (PHP 5.6 or greater is recommended)
  • MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of Advanced Angular Contact Form, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Advanced Angular Contact Form” and click Search Plugins. Once you’ve found our contact form builder plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our contact form builder plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

Updating

Automatic updates should work like a charm; as always though, ensure you backup your site just in case.

FAQ

Installation Instructions

Minimum Requirements

  • PHP version 5.2.4 or greater (PHP 5.6 or greater is recommended)
  • MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of Advanced Angular Contact Form, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Advanced Angular Contact Form” and click Search Plugins. Once you’ve found our contact form builder plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our contact form builder plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

Updating

Automatic updates should work like a charm; as always though, ensure you backup your site just in case.

How can I create my first contact form?

After installation of the plugin, in admin panel you see a new menu named ngContact Forms. Click/hover on the menu. You see a sub-menu page named Add Form. Click on the sub-menu page. Please wait for while and your initial set up is ready. You have to give a title for your form and then select a blank/basic form which would be appeared when your initial set-up is done. Now you can add/customize/delete your form field.

How can I use my created contact form?

We use a short code named « ngForms ». When you create a form, in All Forms sub menu page you can get the short code of your created form. Just copy and paste the short code to any page, post or anywhere you want.

Is there any conflict with Angular and WordPress in your plugin?

No, we have integrated Angular within WordPress in a way that there must have no conflict with existing theme, plugin or WordPress.

Did you integrate full Angular framework within WordPress?

No, we just integrated some necessary Angular packages through webpack. Even total file size of the plugin is just 2.1MB!

Contributors & Developers

“Advanced Angular Contact Form” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0 – 2018-02-24

  • Initial release