> ## Documentation Index
> Fetch the complete documentation index at: https://moengage-unity-sdk-initialization-split.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Create a Video Pop-Up Using Drag & Drop Editor to Introduce the App to New Customers

# Introduction

Video pop-up messages are an effective way to introduce new users to your app and improve user engagement. By displaying an introductory video that highlights the app’s features and benefits, you can enhance user retention from the first interaction.

In this article, we will create a video pop-up using the drag-and-drop in-app editor of MoEngage. This pop-up will be designed to engage new customers by showcasing the key functionalities of a productivity app, ensuring users are well-informed from the beginning.

# Expected Result

New customers will see a video pop-up introducing the app and its features. This aims to increase user understanding and retention by providing an engaging introduction to the app.

<img src="https://mintcdn.com/moengage-unity-sdk-initialization-split/KccnxMUofDI2ra9J/images/moengage_bb5d38.png?fit=max&auto=format&n=KccnxMUofDI2ra9J&q=85&s=2925d283ebe5c8ef0e98c668ac00572d" alt="1q.png" style={{ width:"55%" }} width="680" height="1282" data-path="images/moengage_bb5d38.png" />

<Tip>
  Integration of the MoEngage Android SDK or iOS SDK with your app. For more information, refer to the [Developer Guide](/developer-guide/introduction).
</Tip>

# Create an In-App Campaign

In this section, let us create a video pop-up using the drag-and-drop in-app editor of MoEngage.

## Step 1: Target users

1. Navigate to the sidebar on the left and click **Engage** > **Campaigns** and click **+ Create campaign**, or click **+ Create new**> **Campaign**.
2. Under **Inbound**, click **In-app**. <img src="https://mintcdn.com/moengage-unity-sdk-initialization-split/q6SvYhZa4K6FIef8/images/moengage_430e69.png?fit=max&auto=format&n=q6SvYhZa4K6FIef8&q=85&s=1289034517286ff0e5baf5f4506cf608" alt="In-app.png" width="1528" height="1306" data-path="images/moengage_430e69.png" /> You are taken to the first step, "Target users," of defining your campaign.
3. Enter the following details:
   * **Campaign name**: Enter a name for the campaign. For example, "Video pop up."
   * **Campaign tags**: Select the relevant campaign tags.
4. In the **Target Platforms** section, select **iOS**.
5. In the **Trigger Criteria** section, select **On Custom event**. <img src="https://mintcdn.com/moengage-unity-sdk-initialization-split/Su-OFSqZFnoKuAhF/images/moengage_ea88fb.png?fit=max&auto=format&n=Su-OFSqZFnoKuAhF&q=85&s=0434528af2a5bc213eea6d1b5de05011" alt="Screenshot 2024-07-28 at 1.47.44 AM.png" width="1570" height="1208" data-path="images/moengage_ea88fb.png" /> This option helps you nudge the user when they are highly engaged with your app. Set the trigger to display the pop-up when the user opens the app for the first time (that is, after the install event).
6. In the **Target audience** section, we will target this pop-up for all users because we have already set the trigger criteria for new users.
7. Click **Next** to move to the second step, "Content," where you can define the content that will go into your campaign.

## Step 2: Content

MoEngage In-app campaign offers a variety of templates for all your use cases. It also provides the option to start from scratch.

1. Select the template you want to show the user. On the **Start from scratch** tab on the template listing page, select the drag-and-drop editor option. <img src="https://mintcdn.com/moengage-unity-sdk-initialization-split/-O8sG0uXrbPqxuqo/images/moengage_9c7e41.png?fit=max&auto=format&n=-O8sG0uXrbPqxuqo&q=85&s=abb161fb664e75dc3100d12092603170" alt="Screenshot 2024-07-28 at 1.53.54 AM.png" width="2552" height="830" data-path="images/moengage_9c7e41.png" />
2. Design the video pop-up by performing the following steps:
   * **Insert a Video Element:** Drag and drop a video element into the container.
     * **Video URL:** Insert the URL of the introductory video.
   * **Update the cross button:** Use the existing cross button or update the cross button with respect to your theme.
   * **Add a Call-to-Action (CTA) Button:** Drag and drop a button element below the video.
     * **Text**: "Get Started" or "Explore More."
     * **Link**: Direct the button to the next step in the onboarding process or a detailed feature page.
     * **Style**: Make the button stand out with a clear font.
   * Follow the steps shown in the video to configure the entire video template.\\
     <iframe src="https://www.youtube.com/embed/7jaz2OO2J6Q" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />
3. Click **Next** to move to the third step, "Schedule and goals," where you can define your campaign's schedule and goals.

## Step 3: Schedule and goals

Here, you can select the campaign schedule, add the conversion goal, choose the campaign's priority, and define custom delivery controls.

1. In the **Send campaign** section, define when you want to start and end your In-app campaign with the frequency and limits. <img alt="image-20240121-054649.png" src="https://mintcdn.com/moengage-unity-sdk-initialization-split/-O8sG0uXrbPqxuqo/images/moengage_9bc376.png?fit=max&auto=format&n=-O8sG0uXrbPqxuqo&q=85&s=869fd062f083335bc4b1d31088308f67" width="2742" height="996" data-path="images/moengage_9bc376.png" />
2. In the **Conversion Goals** section, add conversion goals that you would like to track. <img src="https://mintcdn.com/moengage-unity-sdk-initialization-split/gR_3RY7eYNtE0Ioy/images/moengage_a2d33b.png?fit=max&auto=format&n=gR_3RY7eYNtE0Ioy&q=85&s=1b2545a52c8fa2717b9571a5acd5da58" alt="Screenshot 2024-07-26 at 7.00.51 PM.png" width="2696" height="798" data-path="images/moengage_a2d33b.png" />
3. In the **Campaign priority** section, assign a priority to this campaign. Assigning a priority helps you decide which In-app message to show to a user when they are eligible for more than one message at a specific time. For example, selecting **Critical** ensures that the users will always see this even when there are other campaigns for which they are eligible.
4. In the **Delivery Controls** section, define the controls based on your requirements. For more information, refer to [Create In-App Campaign](/user-guide/campaigns-and-channels/in-app-message/create/create-in-app-campaign). Ensure the pop-up is only shown once to avoid repetition. <img src="https://mintcdn.com/moengage-unity-sdk-initialization-split/gR_3RY7eYNtE0Ioy/images/moengage_a28233.png?fit=max&auto=format&n=gR_3RY7eYNtE0Ioy&q=85&s=0b26ab4cb0fae69c478a75cad7078a8c" alt="image-20240121-054810.png" width="2744" height="636" data-path="images/moengage_a28233.png" />
5. Click **Publish**.

# User Interaction

* New customers will install and open the app.
* The video pop-up will appear upon opening the app, introducing them to its features.
* Customers will watch the video and gain a better understanding of the app, prompting them to explore and use the app's features.

# Conclusion

In this use case, we created a video pop-up using MoEngage's drag-and-drop in-app editor.

This automated campaign will enhance user understanding and increase the likelihood of retention and usage. The initial touchpoint is crucial for building a positive user experience and encouraging continued engagement. By implementing this video pop-up using the drag-and-drop in-app editor, new customers will receive an engaging and informative introduction to the productivity app.

Now that we have published the campaign, we can track its CTR and conversions (if defined) to understand its performance. For more information, refer to [In-App Campaign Analytics](/user-guide/campaigns-and-channels/in-app-message/analyze/analyze-in-app-campaigns).
