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:
- On the left navigation menu in the MoEngage dashboard, click Content, and then click Landing pages.
- On the Landing pages page, click Create a landing page.
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.
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.
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 icon in the editor's left pane.
-
Add or edit styling options: Click the 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 icon,
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.
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:
- 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 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
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
- Click + Add Custom domain in the Domain name list.
You will be redirected to the Landing pages tab on the Custom domain page under Settings.
- You can add multiple custom domains for landing pages. Perform the following steps to configure a custom domain for landing pages:
- Click + Add custom domain. The Add custom domain dialog box appears.
- Follow the prerequisites to ensure that your custom domain is verified.
- In the Custom domain name box, type the custom domain name.
- Select the Mark this domain as default check box if you want this domain as your default domain.
- Select the I acknowledge that the pre-requisites are met check box to recognize that the prerequisites are fulfilled.
- 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.
- Click the ellipsis icon () 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:
- 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.
- Meta tag description: Type a brief summary of your landing page, offering a concise outline of its content.
-
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.
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.
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:
- On the left navigation menu in the MoEngage dashboard, click Content, and then click Landing pages. The Landing pages page is displayed.
- 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).
- You can also Edit, Duplicate, or Archive the page. You can find these options by clicking the ellipses in the last column of any created landing page. Note that opening an archived page displays a 404 message.
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. |