That which glitters is not always gold… or is it?
Even with its limitations, digital marketers can customize pages with many AMP components. These specialized HTML tags act similarly to traditional HTML tags (with opening and closing tags, attributes, and some CSS styling capabilities) and are easily identifiable, always starting with the amp- prefix.
The complete list will likely be added to on an ongoing basis, but the following 23 AMP components give you a good idea how customized AMP pages can be.
Two additional options for the AMP accordion component are nested accordions (to nest or stack multiple accordions within each other) and auto-collapsing accordions (which only allows one expanded section at a time).
AMP-call-tracking simply replaces static phone numbers with phone numbers designed for call tracking analytics.
The AMP carousel component displays multiple images along a horizontal axis, with several different amp-carousel formats to choose from.
You can also opt for the autoplay attribute (type=slides only) which automatically scrolls through the slides in 5 second intervals without user interaction.
The AMP Facebook component embeds Facebook posts, images, and videos into AMP pages, only requiring the Facebook URL.
AMP-facebook-comments allows embedding Facebook comments into AMP pages.
AMP-facebook-like allows embedding the Facebook like button into AMP pages.
The AMP geo extension allows small sections of content based on an approximation of a user’s location (country-level only, similar to the level of an ISO Country Code). It also offers the option to group different locations together, making it easier to apply attributes to several geographies at once.
AMP-iframe embeds content into AMP pages via iFrame, which is ideal for displaying content otherwise not yet supported by AMP (Vimeo, Giphy, Google Maps, etc.).
AMP-iframe allows resizing the iFrame at runtime — either on page load (the embedded iFrame will resize itself to 200x200px) or on user interaction (pressing the button will resize the iFrame to 300x300px). The only restriction with this AMP component is that it must be either 600px away from the top, or not within the first 75% of the viewport when scrolled to the top — whichever is smaller.
AMP-lightbox-gallery provides a “lightbox” experience for other AMP components, such as amp-img and amp-carousel (only images are currently supported). When the visitor interacts with the AMP element, a UI component expands to fill the viewport until they close it again. If your page contains multiple elements, simply add the lightbox attribute to each image you want users to view in a lightbox.
In this case, the data-url attribute must contain the fully-qualified URL of the Pinterest resource.
The AMP pixel component is a fast way to track pageviews. AMP-pixel is a built-in component that doesn’t require loading an extension.
Which AMP components will you add to your page?
Even with AMP’s limitations, designing a beautiful, customizable page is completely possible. The 23 components above are only some of the additions you can make to your AMP pages to maximize conversions.
With the AMP feature in Instapage, marketers can create optimized post-click landing pages with a designer-friendly builder, advanced analytics, a built-in validator tool, and more. Request an AMP demo today and experience the Instapage difference yourself.