AMP landing pages

Note: This feature is available exclusively for our Enterprise subscribers. Click here to get in touch with our team for more details.

An AMP (Accelerated Mobile Page) is designed for campaigns targeted primarily at mobile users, which help you keep your visitors’ attention with loading times of under 1 second.

In order to create a new AMP page, click on Create New Page, then select AMP Landing Page.

Screen_Shot_on_2020-03-24_at_11_08_23.png

Now you can start building your page. On an AMP page, you can add all the elements available for a regular page, as long as you stay within the allowed file size.

sidebar-new.png

Please note that any HTML used on AMP pages has to be specifically tailored to work on AMP pages, since they are structurally different from regular pages.

You can run an experiment (A/B test) on an AMP page just like you would on a standard page. You can check out this article for more information on running experiments.

Just like in the case of our regular pages, you will need to add all the elements you want to the desktop version, in order to be able to arrange & resize them on the mobile version, even if the desktop version will never be displayed live.

 

If you are building the AMP version of an already created standard landing page, you can save the Instablocks on that page and then just insert them in the same order on the AMP page, to save time. You will then need to arrange the look of the mobile page, which is the only one that will be displayed in the case of an AMP. Note that this is for design only; conversion goals, integrations, etc. need to be set up individually. They do not transfer over from the standard page.

Screen_Shot_on_2020-04-28_at_13_10_38.png

 

Note: While you’re designing your page, you may see a warning telling you that you’re approaching the CSS file size limit. AMP pages have a 75 KB size limit for the CSS file, so there’s a cap to the number of objects you can add.

If there’s a good chance you’ve met or exceeded the file size, you’ll be asked to validate. Click “Validate” to check.

AMP_Builder_Dashboard_Specification__In_Review__-_Google_Docs_2018-04-26_21-52-51.png

If you added custom code to your AMP you will need to validate it to make sure it is compliant with the structure of the AMP. To do this, you can click the button situated below the left sidebar:

ampvalidation_copy.png

Publishing an AMP Page

After you’re happy with how your page looks, you will have to publish it. AMP Pages can only be published on custom domains. More details on how to set everything up from your domain provider’s end: Publishing on a Custom Domain (CNAME).

Click the Publish Experience button from the slideout menu for your AMP page and select the desired publishing option. This prompt you to set up the publishing of the page. Clicking Publish will trigger the validation process (checking if the page is AMP compliant). If your page passes the validation process, it will be published.

publish_amp.gif

 

You can also publish your AMP Page on Wordpress by following the instructions provided in this article.

Note: You can publish an AMP Page and use it as the mobile version for a fully-featured standard page: Instructions here: Linking an AMP mobile page to a standard landing page.

Adding Javascript to an AMP

If you need to add Javascript to an AMP, you can do so, as long as the script comes from the AMP component library. 

You can add it in an HTML box in the page editor, in the HTML/CSS section, or in the Scripts & GDPR section in the slideout menu.

amp-code-placement.png