We've tested with JAmp, but it should be compatible with any Joomla AMP plugin, as long as it has similar options and supports AMP Ajax Forms.
In JAMP configuration page you can enable all Contact Enhanced views, except the Edit view.
In the Custom CSS field add:
/* Each field and label will display in a single row */
.ce-cf-container .inputbox, .ce-cf-container label{display:block;width:95%}
/* Hide the form on success (after form is successfully submitted) */
.amp-form-submit-success #form{display:none}
Under the Features tab in JAMP enable:
Set "Enable Images Lightbox" to "Yes, exclude href images";
AMP Forms;
Set AMP Form CSS Selector to form.ampform
Add .noamp to Elements to remove by CSS selectors.
Go to Components → Contact Enhanced, click on the button
Under the Contact Form Tab set "Session Check" to No.
Under the Integrations tab there are two options to enable AMP for Contact Enhanced Forms.
Ajax: This option will submit the form using Ajax, however all Form Fields that require javascript will not work (see list below). Captcha is not fully supported by AMP yet. The reload button is hidden because it wouldn't work properly so we've added a few more options to the Captcha plugin, so different and easier to guess image can be served to mobile users; If you don't need these features, then choose the Ajax option.
IFrame: With this option Contact Enhanced Contact Form will display inside an iframe HTML element and will have all features a regular Contact Enhanced Contact form already has.
The"AMP Suffix" option under the Integrations tab, must match the setting in the AMP plugin. The default is amp.
Keep in mind:
HTML Forms with AMP only work on HTTPS:// sites. In other words, Contact Enhanced Contact Forms will not work if your website doesn't have a valid SSL certificate. The Contact page will still display all the other information correctly.
Exceptions:
Thumbnail views, require Javascript, therefore it is not supported;
Google Maps integration displays a static map image instead of an interactive map; When Clicked on the static image it will expand. Images Lightbox must be enabled in JAMP plugin;
AMP Exceptions for Contact Enhanced using the Ajax option
Cookies Notification - Action required This website uses cookies to provide user authentication and improve your user experience. For security reasons our shopping cart also requires cookies. Please indicate whether you consent to our site placing these cookies on your device. You can change your preference later, from the controls which will be made available to you at the bottom of every page of our site.
This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries. We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Cookies Notification - Action required This website uses cookies to provide user authentication and improve your user experience. For security reasons our shopping cart also requires cookies. Please indicate whether you consent to our site placing these cookies on your device. You can change your preference later, from the controls which will be made available to you at the bottom of every page of our site.