Create a Landing Page
 

Early Access

This is an Early Access feature. To enable it for your account, contact your CSM or raise a support ticket.

To 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.

image.png

There are three steps to create a landing page:

Step 1: Defining a Landing Page

In this step, you will define the landing page using the following fields:

  • Landing page name: Type the landing page name to identify and manage the page.
  • Landing page tags: Select a suitable tag for your landing page from the tags list.

Image 05-12-24 at 9.51 AM.jpeg

Step 2: Content

Landing Page Content

You can create your landing page using a blank template or choose from the available templates. You can also look up a template using the search option or click the template of your choice.

Image 21-11-24 at 5.59 PM.jpeg

Blank Template: Hover over Blank Template and click it to create a landing page template from scratch. Click the + icon to open the editor and add elements to the template. For more information, refer to the Landing Page Editor.

Pre-built Templates: You can choose from various pre-designed templates that fulfill your requirements.

The following are some of the templates included:

  • Lead Capture
  • Survey & Feedback
  • Product Announcement
  • Promotion & Recommendation
  • Subscription Category Management

For more information, refer to Landing Page Templates

Drag and Drop Editor

After you've loaded the template of your choice, the template loads in the landing page editor. You can perform the following tasks after the editor is open:

  • Add elements: You can add elements to the template by clicking the AddElement_Icon.png icon in the editor's left pane.
  • Add or edit styling options: Click the Options.png icon at the upper-right corner of an element to add the desired styling. For more information, refer to Landing Page Editor.

  • Change the template: To change to a different template, click the ellipsis ellipsis.pngicon,
    select Change template, and confirm your choice. You can then choose a new template for your landing page.
  • Personalize: You can add various personalization options to your landing page's content, including personalized text and images.
    Screenshot 2024-12-05 at 10.32.04 AM.png

    For more information, refer to Personalize Landing Page.

Test and Preview

After adding content to the template, you might want to preview your landing page. You can choose from the following options:

  • Preview the landing page: Click the Preview Landing page icon to preview your landing page. You have the following options:
    Screenshot 2024-12-05 at 10.40.00 AM.png
    • Preview with personalization: This helps you test and display the created landing page.
    • Preview without personalization: This displays the created landing page without personalized attributes. You can see the generic version of the page, which helps you ensure that all elements are positioned and displayed as intended.
  • Change the platform view: Click the PreviewOptions.png icon on the left panel to preview the template. You have the following platform options:
    • Desktop: This option shows you how the landing page template will look when opened in a desktop browser.
    • Tablet:  This option shows you how the landing page template will look when opened in a tablet browser.
    • Mobile: This option shows you how the landing page template will look when opened in a mobile browser.
  • View in full screen: You can view and edit the template on the full screen.

Step 3: URL and Settings

This step has the following sections:

  • URL details
  • Specify Meta tags
  • Add scripts

Image 12-11-24 at 3.34 PM.jpeg

URL Details

This section has the following fields:

  • Domain name: Select a domain name for your landing page. You can select a general or custom domain name.
  • Landing page path: Type your landing page path.

Domain Name

You can configure the domain name in the following ways:

  • General domain: You can choose a personalized domain associated with your database name from the MoEngage domain. This is available for you under the General domain names in the Domain name list. This immediate setup lets you start crafting and launching landing pages quickly without needing to manage domain configurations from the beginning.
  • Custom domain: You can also add a custom domain when you are ready to use your branded subdomains.

Add a Custom Domain

  1. Click + Add Custom domain in the Domain name list.
    Image 12-11-24 at 4.01 PM.jpeg
    You will be redirected to the Landing pages tab on the Custom domain page under Settings.
    Image 13-11-24 at 10.20 AM.jpeg
  2. You can add multiple custom domains for landing pages. Perform the following steps to configure a custom domain for landing pages:
    1. Click + Add custom domain. The Add custom domain dialog box appears.
    2. Follow the prerequisites to ensure that your custom domain is verified.
      Image 13-11-24 at 10.24 AM.jpeg
    3. In the Custom domain name box, type the custom domain name.
    4. Select the Mark this domain as default check box if you want this domain as your default domain.
    5. Select the I acknowledge that the pre-requisites are met check box to recognize that the prerequisites are fulfilled.
    6. Click Verify & save to verify and save your custom domain. Your custom domain is listed under the Custom domain page with a Verified tag against that custom domain.
  3. Click the ellipsis icon (ellipsis.png) next to any of your custom domains to mark it as default or delete it.
    info

    Information

    When you delete a custom domain, any active page that uses the deleted custom domain falls back to the new default custom domain.

Landing Page Path

You can customize the URL section beyond the subdomain for a landing page. You can modify it to correspond to a landing page or specific content of the respective page. Ensure the path is unique.

For more information on configuring and troubleshooting custom domains, refer to Configure Custom Domain.

Specify Meta Tags

Meta tags are bits of text that provide an overview of a webpage's content. They have numerous uses, especially for search engine optimization (SEO), which optimizes social media sharing and improves the user experience.

Enter the following details in this section:

  1. Meta tag title: Type the meta tag title. This title acts as the headline for your landing page and appears whenever the link is shared on any platform.
  2. Meta tag description: Type a brief summary of your landing page, offering a concise outline of its content.
  3. Favicon: Upload a favicon for your landing page. A favicon is a small icon associated with your landing page that is displayed inside browser tabs. To add a favicon, drag and drop or browse the image from your computer to upload it.
    info

    Information

    The accepted file formats are JPG, JPEG, PNG, and ICO, with a maximum size limit of 5 MB.

Image 13-11-24 at 10.57 AM.jpeg

Add Scripts

In this section, you can embed scripts that are essential to your landing page's content. These scripts will be part of your page's head tag. For instance, you can embed Google Analytics to measure your landing page's performance.

Image 13-11-24 at 2.13 PM.jpeg

Your landing page is now ready to be published. Click Publish and confirm in the dialog box to publish the landing page.

You can also save the landing page as a draft and edit it later. To do so, click the Save icon in the upper-right corner of the page.

Access the Landing Page

To access and view the created landing page:

  1. On the left navigation menu in the MoEngage dashboard, click Content, and then click Landing pages. The Landing pages page is displayed.
    Screenshot 2024-11-21 at 11.33.45 AM.jpeg
  2. On this page, you can perform the following tasks:
    • Check the status of your landing page.
    • Copy the URL of the page.
    • View details such as the page's last updated date.
    • Check total views.
    • Check the number of clicks.
    • Check the click-through rate (CTR).
  3. You can also Edit, Duplicate, or Archive the page. You can find these options by clicking the ellipses Actions Button.png in the last column of any created landing page. Note that opening an archived page displays a 404 message.
    Image 22-11-24 at 9.16 AM.jpeg

Edit the Landing Page

After creating a landing page, you can edit the following:

  • Name
  • Tags
  • Template
  • Meta tags
  • Scripts
info

Information

After creating a landing page, you cannot edit the domain name and landing page path.

Next Steps

Was this article helpful?
3 out of 3 found this helpful

How can we improve this article?