> For the complete documentation index, see [llms.txt](https://docs.cyberawaresecurity.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cyberawaresecurity.com/admin-portal/landing-pages/creating-landing-pages.md).

# Creating Landing Pages

This article provides a comprehensive guide to creating and managing landing pages. Learn how to start a new landing page, import web pages, and customize your content using various formatting tools. Discover how to add images, multimedia, and dynamic variables, as well as preview, edit, or delete pages. Follow these steps to efficiently create and manage your landing pages.

{% embed url="<https://vimeo.com/icsi/creating-landing-pages?share=copy>" %}

**1.** To create a new **Landing Page,** click on the **New Landing Page** button.

![](/files/uTRTQsUEZ0fzrRiFpLOp)

You should get the following output:

![](/files/jQrUUkZGCxeJOQmuwU4n)

**2.** Enter the details required such as the template name and move to the **Template** phase in order to edit.

![](/files/be5WHMCzjgrSbR8SiWI0)

**3.** Click on the **Import Site** so you can directly import any web page you would like.

![](/files/DNLOaXBadXqR5ye06AM0)

**4.** Enter the **URL** and click on **Import.** You can always **Cancel** the process:

<div align="left"><img src="/files/oDWoSIEfWqnaPzP7ZAbT" alt=""></div>

**5.** The following URL **<https://www.google.com/?hl=en>** is used as an example:

<div align="left"><img src="/files/ahnI6GWLVDC3NRpAkM9K" alt=""></div>

**6.** This would be the output:

![](/files/m2oH6J2yA4HwsMLt9tMc)

**7.** Alternatively, you can start by typing something in the text box instead of directly importing a site on the platform:

![](/files/u1ajOtZ24f2LuHnf5EPG)

In either case, you can edit your page with some options provided on the menu above.

&#x20;

**8.** The first three options are standard text formatting options: **B** for **bold, i** for **Italic** and **U** for **underline.**

![](/files/01llDVKBP2XQHND0yEPu)

**9.** When pressing the **A** button, more text options appear regarding formatting.

![](/files/3VJDhjwbREfxcKn9mQPe)

**10.** The next three options, are alignment related. **Left, centre** and **right** respectively:

![](/files/AG8VJRWFyg7abvgHQ8vR)

**11.** The next symbol (also shown below), provides more paragraph options.

![](/files/6f3oWGIv0VazJJrtNbMQ)

**12.** Click on the “image” button to upload an image:

![](/files/WGHMAxGBFSTLt5P20ZOt)

**13.** You can insert an image either from a **file location** or by **URL:**

![](/files/HWmglouQlQGElfT7XlxR)

**14.** The “plus” option of the menu, provides a diversity of things to your text, such as **video, table, etc.**

![](/files/XKsBTM3v597m89vGQ3ld)

**15.** Some other options exist on the **right side** of the menu. The first one that looks like your usual **settings** symbol, provides a range of **variables.** These variables help in retrieving and applying **real time data** during the campaign, to make the page look credible.

![](/files/V5TC7N7Rf3IirOVHWjZz)

**16.** For example, for a recipient called **John Doe,** the variable named **{{.FirstName}}** will retrieve the word John, so whenever the campaign is sent, it will use that user’s first name to make it believable:

![](/files/Z8Fa7NweNvDpFUfPyTkC)

**17.** The next option with the two arrows (**< >**) provides a **code view** of our page where you can **add** or **edit** the **html code** as you wish:

![](/files/nxEAajoG2vYXojqqKEVy)

**18.** From the last button, you may **redo** or **undo** any of your actions on the page:

![](/files/Oe0ljF80QvBwpFYlMNhX)

**19.** Enter the details you would like and select the **Create Template** button to create that page.

![](/files/g7OrkWHCFHe0nWINQGsL)

**20.** A confirmation prompt should then pop up. Click **OK** to finalise.

<div align="left"><img src="/files/9T5Am6KPqDC0chIaPV7B" alt=""></div>

**21.** Let’s do an example:

![](/files/n7UEAr8cNbUDKc88Zuxi)

![](/files/CUIFGVrGoNuWeL17eTIw)

<div align="left"><img src="/files/pPycCNBVVVtLXoK5msu6" alt=""></div>

**22.** As we can see, the new landing page has been created!

![](/files/hH8sZjiUMoQBZwXMPfQP)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.cyberawaresecurity.com/admin-portal/landing-pages/creating-landing-pages.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.