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

# HTML Landing Page Editor

> Use the MoEngage HTML landing page editor to import, paste, or upload your own HTML—including an HTML ZIP with assets—and build a landing page.

Use the HTML landing page editor to build a landing page from your own HTML. This is useful when you want to:

* Import a landing page you designed in another tool.
* Bring in HTML that your team has already developed.
* Write and build custom HTML directly in MoEngage.

You can add your HTML in one of two ways:

* **HTML Upload**: Write or paste your HTML in a code view.
* **HTML Zip Upload**: Upload a ZIP file that contains your HTML and its assets.

# Open the HTML Editor

1. On the left navigation menu, click **Content**, and then click **Landing pages**.
2. Click **Create a landing page** and define the page name and tags.
3. In the **Content** step, on the **Blank Templates** card, click **Select**.

<img alt="Content step of landing page creation with the Blank Templates card selected." src="https://mintcdn.com/moengage/yQJzBUUl9O7B1j2r/images/lp-html-content-blank-templates.png?fit=max&auto=format&n=yQJzBUUl9O7B1j2r&q=85&s=45a260dedad01480da47a30248c017bc" width="2948" height="1316" data-path="images/lp-html-content-blank-templates.png" />

4. In the **Select a template** dialog, choose **HTML Upload** or **HTML Zip Upload**.

<img alt="Select a template dialog showing Blank Template, HTML Zip Upload, and HTML Upload options." src="https://mintcdn.com/moengage/yQJzBUUl9O7B1j2r/images/lp-html-select-template.png?fit=max&auto=format&n=yQJzBUUl9O7B1j2r&q=85&s=c0f925bbcde942d5d5a94b3f9bee34d3" width="2960" height="1648" data-path="images/lp-html-select-template.png" />

# HTML Upload

Choose **HTML Upload** to write or paste your HTML directly in the **Code View** editor. To add images or other assets that your HTML references, click **Upload** next to **Upload files to use in your template**. To start over, click **Clear**.

<img alt="Code View editor for HTML Upload, showing the HTML source and the option to upload files used in the template." src="https://mintcdn.com/moengage/yQJzBUUl9O7B1j2r/images/lp-html-upload-code-view.png?fit=max&auto=format&n=yQJzBUUl9O7B1j2r&q=85&s=6941f2c74ffb5eb83533032ca0bf666b" width="3302" height="1564" data-path="images/lp-html-upload-code-view.png" />

# HTML Zip Upload

Choose **HTML Zip Upload** to upload a ZIP file that contains your HTML and its assets. In the **Zip template** dialog, drag and drop your file or click **Upload from computer**, and then click **Done**.

<img alt="Zip template dialog for uploading an HTML ZIP file, with size limit and file guidelines." src="https://mintcdn.com/moengage/yQJzBUUl9O7B1j2r/images/lp-html-zip-upload.png?fit=max&auto=format&n=yQJzBUUl9O7B1j2r&q=85&s=4a3c188be2c8c3c8928df85ae83f5f41" width="1348" height="1078" data-path="images/lp-html-zip-upload.png" />

Upload only ZIP files within 5 MB in size. Follow these guidelines for the ZIP file:

* Files inside the ZIP must not contain `*`, `/`, `\`, `&`, `~`, or `"` in their names.
* All images must be in JPG, JPEG, PNG, or SVG format.
* The relative path specified for images must match the ZIP folder structure, including case sensitivity.
* Create the ZIP file from the folder that contains all the content files.

# Preview and Publish

After you add your HTML, click **Preview Landing page** to confirm it renders as expected, and then publish the landing page.

# Make the Page Interactive

To track clicks, capture form submissions, or read and write email subscription categories from a custom HTML landing page, use the MoEngage JavaScript bridge. For the available methods and examples, see [JavaScript Bridge for On-Site Messaging and Landing Pages](/docs/developer-guide/components-for-sdk/javascript-bridge/javascript-bridge-for-on-site-messaging-and-landing-pages).
