One of the most requested features for AMP is the ability to add forms in order to capture leads, subscriptions, polls or other information from site visitors. The AMP Project has now launched support for forms.
Forms can be added via “amp-form”.
Regular navigation and XHR (XMLHttpRequest, aka Ajax) form submissions are both supported, but consult the documentation for more details on implementation requirements. In addition, amp-form exposes several features to improve the experience of filling in forms:
- Use the “on” attribute to change the page when the form is submitted, or to change the page depending on whether the form was submitted successfully or with errors.
- Annotate fields upon submission by using templated response rendering. Use this feature to give contextual feedback on what’s wrong with field input.
- Style fields based on validation status using CSS pseudo-classes to provide users with real-time feedback on whether their input is valid.
They plan to add addition features for forms and are looking for feedback on what form features publishers would like to see added. They have also added some experimental features, including custom validation via “amp-form-custom-validations”.
I wouldn’t be surprised if we see some of the popular newsletter and other form services offer plugin support or plugin updates to make it easy for publishers to add amp-forms, for those publishers who are not as experienced implementing custom AMP features.
To get started, AMP By Example shows the various example amp-form implementations with demos.
Latest posts by Jennifer Slegg (see all)
- Google Sending Manual Actions for Event Markup Spam in Search Results - November 28, 2017
- Google: Why Featured Snippets Rankings are Volatile - November 14, 2017
- Google Home Services Ads Now Local Services Ads; Expanded Categories - November 13, 2017
- Google Adding More Structured Data Search Features to Search Results - November 10, 2017
- Adding Structured Data Helps Google Understand & Rank Webpages Better - November 10, 2017