# AMP

AMP is a massive opportunity to stand out in the inbox for your audience, with interactive versions of your Blocks, where users can engage right away in the Inbox with answering questionnaires, pick the color of a product they want, spin the wheel to get a discount or scratch a field to find their coupon code - the options are endless!

### Prerequisites

AMP comes with a bunch of Asterixes\* and here are the highlevel:

* You need an ESP that supports sending AMP versions of Emails. Here's an updated [list](https://amp.dev/support/faq/email-support)
* Set up your SPF, DMARC and DKIM
* Fill out the official form, that whitelists your domain for all the supported ESP's. Here's the [formula](https://docs.google.com/forms/d/e/1FAIpQLSdso95e7UDLk_R-bnpzsAmuUMDQEMUgTErcfGGItBDkghHU2A/viewform?gxids=7628)
* send an AMP email to the following addresses:&#x20;
  * <ampverification@yahoo.com>
  * <postmaster_amp@corp.mail.ru>
  * <ampforemail.whitelisting@gmail.com>
* now pick out some Blocks you want to make AMP versions of while we wait for the 3 weeks approval time
* Be mindful that AMP is very picky about what tags, scripts and CSS is being injected into it

### Raw code

This tag tells the editor to seperate your code into two different versions. The AMP code won't be visible in the Design Editor but show the HTML version and the same [inputs](/template/input-groups/input-types.md) will be usable across both versions. On the Review page you'll be able to toggle between the AMP,- and HTML version of your Block testing out the fully operational version of both versions of the Email.

The tag must be used both within your [Base](/template/base.md) and [Blocks](/template/blocks.md) in order to fully be operational, segmenting out the needed tags for each version. When exporting, downloading or previewing in code view your AMP,- and HTML versions will all be exported in the correct format. <br>

```
{% if AMP %}
// This is exported for your AMP version
{% else %}
// This is exported for your HTML version
{% endif %}   
```

### Result

{% embed url="<https://youtu.be/QDrPLHgVGIc>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.alpaco.email/how-to/amp.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
