> ## Documentation Index
> Fetch the complete documentation index at: https://moengage-analytics-query-api-docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# NiftyImages

# Introduction

NiftyImages is a platform that enables marketers to create dynamic and personalized content for email campaigns. It offers real-time personalization for emails, including personalized images, countdown timers, live social feeds, and rule-based images.

# MoEngage × NiftyImages

With the MoEngage and NiftyImages integration, you can display multiple dynamic elements like personalized images, countdown timers, dynamic timers, rule-based images, data source images, as well as real-time images.

# Integration

<Info>
  **Prerequisites**

  Access to your NiftyImages dashboard.
</Info>

## Step 1: Create your dynamic element on NiftyImages

1. Go to the NiftyImages dashboard and create your Personalized Image:\ <img src="https://mintcdn.com/moengage-analytics-query-api-docs/0EjJCk5NQgcN4GHP/images/partner_23141609149460.png?fit=max&auto=format&n=0EjJCk5NQgcN4GHP&q=85&s=fe8e9aeea0ce805de1d6508fa9bf62e9" width="2830" height="1614" data-path="images/partner_23141609149460.png" />
2. Once you have created your image, you can save the image and get the share URL:\ <img src="https://mintcdn.com/moengage-analytics-query-api-docs/0EjJCk5NQgcN4GHP/images/partner_23141662212756.png?fit=max&auto=format&n=0EjJCk5NQgcN4GHP&q=85&s=1de1be9ea18742759514744653f7983d" width="2830" height="848" data-path="images/partner_23141662212756.png" />
3. Copy this code. You will need to paste it inside your MoEngage Campaign's Template.

## Step 2: Use this code inside MoEngage Campaigns

To include the NiftyImages code in your MoEngage campaign, on step 2 of the campaign creation:

<img src="https://mintcdn.com/moengage-analytics-query-api-docs/0EjJCk5NQgcN4GHP/images/partner_23141609168660.png?fit=max&auto=format&n=0EjJCk5NQgcN4GHP&q=85&s=112c3c722da0e60e824bf0d2639f3e55" alt="" width="2830" height="1112" data-path="images/partner_23141609168660.png" />

1. Create a new HTML block
2. Paste the copied code from Step 2 inside HTML Block. You can also insert a Dynamic Image.
3. Replace the `MERGE_TAG` with MoEngage Templating code by typing "@" and selecting the appropriate attribute to personalize:
   <CodeGroup>
     ```html HTML wrap theme={null}
     <https://img1.niftyimages.com/sxxh/jc0i/xxx5?name={{UserAttribute['First Name']}}>
     ```
   </CodeGroup>

You can choose to view the Preview by clicking on the Preview icon or test your campaign.
