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

# How to Capture and Utilize Responses from a Landing Page

> Capture leads through MoEngage landing page forms and sync responses with your campaigns and third-party tools for nurturing and conversion.

# Introduction

Generating leads is a critical component of business growth. Using the *Landing Pages* feature of MoEngage, we can create personalized web pages to capture user information. We can use the responses collected within MoEngage channels and other third-party platforms to ensure lead data is automatically synced for further nurturing and conversion. This integration is valuable for businesses to streamline lead management and enhance customer engagement.

We will accomplish this use case in three steps:

* [Step 1: Create a landing page](#step-1-create-a-landing-page)
* [Step 2: Configure the form](#step-2-configure-the-form)
* [Step 3: View responses](#step-3-view-responses)
* [Step 4: Utilize responses](#step-4-utilize-responses)

# Expected Result

Users visiting the landing page will encounter a personalized form designed to collect essential contact information, such as email, first name, last name, and phone number. After they submit the form, the data is captured and available in the *Response Submitted* event and automatically sent to your platform, creating a new contact record. We can also utilize it in MoEngage to send SMS or other channels. This ensures that the lead information is readily available for follow-up actions, such as Email campaigns or sales outreach.

<Tip>
  * You must have access to the *Landing Pages* feature in MoEngage. If not, enable it for your account by contacting your MoEngage Customer Success Manager (CSM) or the Support team.
  * You must have relevant access to the third-party platform where you wish to send the response data. For example, a HubSpot account with API credentials, specifically an API key for authentication. You can obtain it from the platform's developer documentation.
</Tip>

# Step 1: Create a Landing Page

1. On the left navigation menu in the MoEngage dashboard, click **Content**, and then click **Landing pages**.
2. On the **Landing pages** page, click **Create a landing page**. <img src="https://mintcdn.com/moengage/t_8awpRKFC9RNHlT/images/moengage_abfa4e.png?fit=max&auto=format&n=t_8awpRKFC9RNHlT&q=85&s=f1f0b54771c6c21cef2c539b7d538436" alt="create.png" width="2732" height="1538" data-path="images/moengage_abfa4e.png" />
3. Enter a name for the landing page to identify and manage it easily, and select appropriate tags to categorize the page.
4. In the **Content** section, select the **Lead Capture** template from the pre-designed template options. This template is ideal for collecting contact information. <img src="https://mintcdn.com/moengage/t9nft78wsoLTI2Nx/images/moengage_2b6ce6.png?s=cf3c065932ec8a930714dde5d07916e6" alt="2025-03-21_13-05-36 (1).gif" width="1578" height="782" data-path="images/moengage_2b6ce6.png" />

# Step 2: Configure the Form

1. Locate the form elements within the landing page editor. The template includes default fields like Name, Email, and so on. You can add more form elements as desired. For more information on template elements, refer to [Landing Page Editor](/user-guide/content/landing-pages/create/landing-page-editor). <img src="https://mintcdn.com/moengage/B1ZqBU-ISgaoSx_O/images/moengage_5574e0.png?fit=max&auto=format&n=B1ZqBU-ISgaoSx_O&q=85&s=a3389ea86bbcfdba48f165a5d6ff7427" alt="Screenshot 2025-04-23 at 11.43.41 AM.png" width="3138" height="1536" data-path="images/moengage_5574e0.png" />
2. For each input field in the form, map it to the corresponding user attribute in MoEngage. For example, map the *Email Address* field to the *Email* user attribute, the *First Name* field to the *FirstName* user attribute, and so on. Doing so ensures that their responses can be stored in these attributes and are readable. To do so:
   1. Click the field element and click the <img alt="Screenshot 2025-03-21 at 1.37.57 PM.png" src="https://mintcdn.com/moengage/geRh9DNA2GhPhrjA/images/moengage_f4d650.png?fit=max&auto=format&n=geRh9DNA2GhPhrjA&q=85&s=db13a8d009cbb006b6d79376ae5a09a7" style={{ display: 'inline-block'}} width="70" height="62" data-path="images/moengage_f4d650.png" /> icon.
   2. Under **Advanced**, select the appropriate user attribute from the **UserAttribute** list. If you do not select any user attribute, the response will be mapped to the default unique ID, which is a 32-digit attribute. <img src="https://mintcdn.com/moengage/jnaevUpPOwD04mEl/images/moengage_829e68.png?s=5532f7a8f5babfb5838f8b071292bd2b" alt="2025-03-21_13-40-34 (1).gif" width="1566" height="784" data-path="images/moengage_829e68.png" />
      <Info>
        To update an existing user's attributes with the form data (or to show personalized content), you **must** use the landing page URL within another MoEngage campaign (such as Email, SMS, or On-Site Messaging). When sent through a campaign, MoEngage automatically resolves the query parameter (`moe_aid={{UserAttribute['aid']}}`). This parameter contains the user's encrypted ID, which allows MoEngage to identify them and update their existing profile. If a user accesses the landing page URL directly (for example, from a browser or a link not sent via MoEngage), this ID parameter will be missing. As a result, MoEngage will not be able to resolve the *aid*, and a new anonymous user profile will be created upon form submission.
      </Info>
3. If a required user attribute does not exist, create a new one by following the steps outlined in [Import User Data Using CSV](/user-guide/data/imports/file-based-imports/import-user-data-using-csv).
   <Info>
     Prefilling the form with existing MoEngage attributes is not supported.
   </Info>
4. Configure the URL and settings of your landing page. For more information, refer [here](/user-guide/content/landing-pages/create/create-a-landing-page).
5. Click **Publish** to publish your landing page.

After the user visits the page and submits the filled-out form, the responses are saved in the *Response Submitted* event.

# Step 3: View Responses

To view the responses and download them:

1. On the left navigation menu in the MoEngage dashboard, click **Segment** > **Create segment**.
2. Select the **Filter users by** option and click the **User behavior** tab.
3. Set the filters to *Has* *executed response submitted at least one time in the last 30 days* with the attribute as the *Landing Page ID*, as shown below. <img src="https://mintcdn.com/moengage/fQ0QnP2abFkVAzJ2/images/moengage_4e1ade.png?fit=max&auto=format&n=fQ0QnP2abFkVAzJ2&q=85&s=5a0e40c92743f8ee03326f991ad9d9a2" alt="Screenshot 2025-03-21 at 2.05.01 PM.png" width="3162" height="1134" data-path="images/moengage_4e1ade.png" />
4. Click **Show count** and then click **Export users** from the ellipsis menu against your query.
5. In the **File name** field, enter the desired name for your export.
6. In the **User attribute** list, select the attributes added on the landing page.
7. Click **Export**.
8. Check your email inbox and download the exported CSV file. <img src="https://mintcdn.com/moengage/ncl4TtlD4tqnPefh/images/moengage_7059b6.png?s=79767fefa24156cdb5b27381ec8bc9f1" alt="2025-03-21_14-25-11 (1).gif" width="1324" height="718" data-path="images/moengage_7059b6.png" />

In the next step, we will utilize the responses for further engagement.

# Step 4: Utilize Responses

## Step 4.1: Within MoEngage

We can use the responses collected to send confirmation messages to users with event-triggered campaigns.

1. On the left navigation menu in the MoEngage Dashboard, click **Engage** and click **Campaigns**.
2. On the All campaigns page, click **Create a campaign**.
3. Under **Outbound**, click **SMS** and choose **Event Triggered** as the delivery type. <img src="https://mintcdn.com/moengage/fQ0QnP2abFkVAzJ2/images/moengage_4d43c1.png?fit=max&auto=format&n=fQ0QnP2abFkVAzJ2&q=85&s=465c49284d93c3abb6a527bf05a66670" alt="Screenshot 2025-04-16 at 12.25.27 PM.png" width="1748" height="1672" data-path="images/moengage_4d43c1.png" />
4. Give a name for your campaign and add tags.
5. In the **Trigger criteria** section, select the *Response Submitted* event with the attribute selected as *Landing Page ID*. You can select additional attribute filters based on the configured form in [Step 2](#step-2-configure-the-form). <img src="https://mintcdn.com/moengage/-uVFLyK4XoHTd5WE/images/moengage_19951a.png?fit=max&auto=format&n=-uVFLyK4XoHTd5WE&q=85&s=29019490923193a78392357733ba6dfc" alt="Screenshot 2025-04-14 at 11.57.33 AM.png" width="3146" height="938" data-path="images/moengage_19951a.png" />
6. In the **Select audience** section, select **All users**.
7. Click **Next** to go to the **Content** section.
8. Type your SMS message in the **Message** section, personalizing it with form data like the user’s name. <img src="https://mintcdn.com/moengage/QVZKszouQuxXOzFr/images/moengage_1d9fe2.png?fit=max&auto=format&n=QVZKszouQuxXOzFr&q=85&s=5380fea855eecc067a4d632044c50924" alt="Screenshot 2025-04-14 at 3.22.46 PM.png" width="3144" height="1306" data-path="images/moengage_1d9fe2.png" />
9. Click **Next** and set the desired goals in the **Schedule and Goals** section.
10. Click **Publish** to activate.

For more information, refer to [Create an SMS Campaign](/user-guide/campaigns-and-channels/sms-mms-and-rcs/sms/create-an-sms-campaign).

## Step 4.2: In Third-Party Platforms

We can send the responses collected to third-party platforms. For this example, we will use HubSpot. Perform the following steps to create a connector campaign to send the response data to HubSpot:

1. Navigate to **Engage** > **Campaigns** in the MoEngage dashboard to create a new connector campaign. For more information, refer to [Create a Connector Campaign](/user-guide/campaigns-and-channels/connectors/create/create-a-connector-campaign).
2. On the All campaigns page, click **+ Create campaign**.
3. Under **Connectors**, click **Custom**, and select **Event Triggered**. <img src="https://mintcdn.com/moengage/QRy8rcYszbTJNwGr/images/moengage_b26036.png?fit=max&auto=format&n=QRy8rcYszbTJNwGr&q=85&s=9975eac0010061aaecb501f1b79098b9" alt="Screenshot 2025-03-21 at 2.38.25 PM.png" width="2744" height="1666" data-path="images/moengage_b26036.png" />
4. Define your campaign with name and tags.
5. In the **Trigger criteria** section, set the condition to *Has executed* and select the *Response submitted* event, with the attribute set to *Landing Page ID* to trigger on form submissions from this specific page. <img src="https://mintcdn.com/moengage/prFQLkdcYp4xSt9t/images/moengage_68e474.png?fit=max&auto=format&n=prFQLkdcYp4xSt9t&q=85&s=5f1c38a7b35f3022419454d17a60fc70" alt="Screenshot 2025-03-21 at 2.46.05 PM.png" width="3162" height="1444" data-path="images/moengage_68e474.png" />
6. In the **Select audience** section, select **All users** and click **Next**.
7. In the **Content** section, follow the below steps: <img src="https://mintcdn.com/moengage/o0kXRAcOq2mxzDnY/images/moengage_ee4594.png?fit=max&auto=format&n=o0kXRAcOq2mxzDnY&q=85&s=0b460c0e30b759e87273ec9e4f16d50c" alt="Screenshot 2025-03-21 at 3.27.13 PM.png" width="3194" height="1556" data-path="images/moengage_ee4594.png" />
   1. Under **Method**, select **POST**, as we are creating a new contact in HubSpot.
   2. In the **Webhook URL** field, enter your third-party platform's request URL. For HubSpot, we will use [*https://api.hubapi.com/crm/v3/objects/contacts/*](https://api.hubapi.com/crm/v3/objects/contacts/). For more information, refer to the [HubSpot API documentation](https://developers.hubspot.com/docs/reference/api/overview).
   3. Enter the **URL Parameters** and **Headers** by referring to your third-party platform's developer documentation.
   4. Under **Body type**, select **Raw** and provide the JSON payload to create a contact in HubSpot.
      <CodeGroup>
        ```json JSON theme={null}
        {
        "properties": {
        "email": "{{EventAttribute['Email']}}",
        "firstname": "{{EventAttribute['FirstName']}}",
        "phone": "{{EventAttribute['Phone']}}"
        }
        }
        ```
      </CodeGroup>
      This uses event attribute personalization to map the captured data to HubSpot properties, ensuring the data is correctly formatted for contact creation.
   5. Click **Next**.
8. Define the **Schedule and Goals** of the campaign as desired. For more information, refer [here](/user-guide/campaigns-and-channels/connectors/create/create-a-connector-campaign). <img src="https://mintcdn.com/moengage/fQ0QnP2abFkVAzJ2/images/moengage_4ebe6b.png?fit=max&auto=format&n=fQ0QnP2abFkVAzJ2&q=85&s=568b28df22571061a4d23f0f43b4967d" alt="Screenshot 2025-03-21 at 3.31.28 PM.png" width="3202" height="1432" data-path="images/moengage_4ebe6b.png" />
9. Click **Publish** to publish the campaign. This will activate the connector, which will send data to your third-party platform whenever a form is submitted on the landing page.

# Verification

To verify the integration is working:

1. Visit the published landing page and submit the form with test data, such as a unique email address.
2. Check your HubSpot account under the **Contacts** section to ensure a new contact is created with the submitted information, confirming the data sync.

# Conclusion

In this use case, we successfully created a landing page using the Lead Capture template to collect essential user information. We then utilized these responses within the SMS channel in MoEngage. We also configured an Event Triggered Connector campaign to automatically send these responses to HubSpot, streamlining the process of integrating lead data into a CRM system. Businesses can ensure real-time data sync by publishing both the landing page and the connector, reducing manual effort and improving lead-nurturing workflows.

To evaluate the effectiveness of this setup, you can track submission rates and conversion metrics in MoEngage while verifying new contact creation in HubSpot.
