--- title: "Message Creation: Build (AMP Email)" slug: "amp-email-message-creation-build" updated: 2026-02-10T16:27:18Z published: 2026-02-10T16:27:18Z canonical: "docs.mapp.com/amp-email-message-creation-build" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.mapp.com/llms.txt > Use this file to discover all available pages before exploring further. # Message Creation: Build (AMP Email) ## Overview In the Build step of AMP Email creation, you define your message content using AMP HTML and fallback HTML. You can also preview your message for specific devices or contacts, and validate your code before moving to delivery. This step is essential for ensuring both interactivity and compatibility of your email message. For a conceptual overview of email message types and the overall email creation workflow, see the [Email Channel Basics](/v1/docs/email-channel-system-basics). --- ## Navigation path During email creation, follow the message creation process until you reach **Build**. ![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(966).png) --- ## 1 Building Tools #### 1.1 Personalization Personalization `${…}` inserts dynamic content into the subject line, AMP HTML, or fallback HTML. ![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image(968).png) #### 1.2 Emojis The ![A smiling face icon representing happiness and positivity in digital communication.](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/Screenshot 2025-06-13 123740.png)icon opens an emoji selector for use in subject lines, AMP HTML, and fallback HTML. ![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-3ML6KIXF.png) #### 1.3 Images The ![Icon representing image upload functionality for user interface applications.](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/Screenshot 2025-06-13 124131.png) icon opens a pop-up to add or upload images from the Content Store to AMP or fallback HTML. ![Interface for adding an image with options for file selection and upload status.](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/addimage.png) #### 1.4 AMP HTML Code Panel for entering the interactive AMP HTML version of the email. **Example:** ![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-P78X43IP.png) **Sample AMP HTML Code** ```xml

✨ Discover Our Latest Fashion Picks

Swipe through the top styles of the season and let us know your favorite look!

``` #### 1.5 HTML Code Panel for entering the fallback HTML shown to recipients who can’t view AMP content. **Example:** ![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-JV726QKU.png) **Sample HTML Code** ```xml Discover Our Latest Fashion Picks

✨ Discover Our Latest Fashion Picks

Take a look at this season’s top styles and tell us your favorite!

Which look do you love most?

Click the button below to submit your vote:

Vote Now

You’re receiving this email because you subscribed to fashion updates.

``` --- ## 2 Preview Tools #### 2.1 Device Lets you preview the message on different devices. #### 2.2 Preview contact Lets you preview how the message will appear for a specific contact. #### 2.3 Example ![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-OV1CI00M.png) --- ## 3 Error Indicators Highlight issues in your code with an exclamation mark and an explanatory comment: - A comment appears below the editor - An exclamation mark appears next to the erroneous code line - Hovering over the exclamation mark reveals details about the error **Example:** ![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-OVNK3OFT.png) --- ## 4 Next Step [AMP Email Message Creation: Delivery](/v1/docs/amp-email-message-creation-delivery) Content that adapts based on user data, behavior, or conditions, enabling personalized messaging in Mapp Engage.