Brightspot Integrations Guide
Brightspot Integrations Guide
Built-in integrations
AMP

Building AMP Templates


The following steps are required to build and deploy AMP: create an AMP-compliant template, and provide a link from the native template to the AMP template.

After implementing these steps, the Brightspot server intercepts requests for native templates that have a corresponding AMP-compliant template, and delivers the latter to the visitor.

Step 1: Create an AMP-compliant template

After completing the standard (non-AMP) template, create a parallel AMP-compliant template in the same directory. The filename must end with the compound extension .amp.hbs. For examples and tools for developing AMP-compliant templates, see Create your first AMP page.

Step 2: Add a discovery link to an AMP template

In the native template’s tag, add a <link> tag to the AMP template.

<!-- Filename: MyTemplate.hbs --> 
<!DOCTYPE html>
<html>
    <head>
        <link rel="amphtml" href="http://domain.com/path/page?_amp=true"> 
    </head>
    <body> </body>
 </html>
  • Indicates that the template’s filename is MyTemplate.hbs. The associated AMP template’s filename is therefore MyTemplate.amp.hbs.
  • Adds a tag. This tag informs AMP providers that the native version of the template also has an AMP-compliant version. (For details about this form of the tag, see Make your page discoverable.)

Previous Topic
Configuring AMP
Next Topic
AP Images
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

Asset types
Module types
Page types
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Content types
Modules
Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News