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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FIL56eARzqkxI7CS2avXA%2FLanding_Pages_17.png?alt=media\&token=8158c300-5754-4a9e-9d13-7f58d2305594)

You should get the following output:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FPimJoPFOZzea8VgfUMwM%2FLanding_Pages_18.png?alt=media\&token=330e3d7b-b4ff-425b-b004-53df9aca2edc)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FExVbNEtjcgbjYJIEJar6%2FLanding_Pages_19.png?alt=media\&token=b9868a64-3339-4905-a1dd-cd2b51cfa0b9)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2F5Jlw5iLXRbq6X7hp4KyT%2FLanding_Pages_20.png?alt=media\&token=af1d6330-188b-4a8f-8549-e48ed4810cad)

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

<div align="left"><img src="https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2F7fKEMOc1jYUeuv3YWnlh%2FLanding_Pages_21.png?alt=media&#x26;token=b673fbaf-dbe9-4ee2-b7a4-f7804d65e9e9" alt=""></div>

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

<div align="left"><img src="https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FJoLWVCIYWWNtavqv5Dw8%2FLanding_Pages_22.png?alt=media&#x26;token=0f571267-d56b-49f2-8a60-1db559655315" alt=""></div>

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FEAm9WsrPmbjTBEwmasIc%2FLanding_Pages_23.png?alt=media\&token=b8eef57c-7e65-4d58-b509-abef20819bae)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FsPqkxeWBKQzdUjp6Z7Ye%2FLanding_Pages_24.png?alt=media\&token=16179657-764c-477b-b49a-2c6e5bd04da9)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FYsgc0WXphaveSAeOM7Yo%2FLanding_Pages_25.png?alt=media\&token=c6a0e799-73d6-4630-842a-1a89c7b8f482)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FT4oP8RYFFXIBTqgwN1pO%2FLanding_Pages_26.png?alt=media\&token=d6007083-a7f9-4eaa-9b6f-b00795b15f1d)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FrifIYKxwH1QlAj4S3XgA%2FLanding_Pages_27.png?alt=media\&token=c7ca9f19-ecf5-43f2-bd06-264fba6949a2)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2Fgsu0BeVXFnSsKbcyhbc0%2FLanding_Pages_28.png?alt=media\&token=1b194657-4eac-4798-aa23-a72ce7e970fe)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FnNItanUQSwPSm9GIMXyP%2FLanding_Pages_29.png?alt=media\&token=ca960ef9-4228-48dd-8469-a2e3f1d0f089)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FJzZvYT4dm9TRRsBASY9v%2FLanding_Pages_30.png?alt=media\&token=07748f52-d822-4f4f-9bed-dce26aa82ac6)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2F65Xj4IPTcUfDY6d6M5vC%2FLanding_Pages_31.png?alt=media\&token=5f23c28e-1cae-4eb3-953e-7226510ee382)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FMXUHlZFQ7IkkBoQjck0L%2FLanding_Pages_32.png?alt=media\&token=de8ed58c-a61f-43ee-adcc-3f5c213ec3dd)

**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:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FqQCrqDGdTFpDKQWf4hPA%2FLanding_Pages_33.png?alt=media\&token=afcf0f9e-6ac0-4b9c-96b9-b805a8051f5a)

**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:

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2F0ytCCAYubY4Eib3VEIHg%2FLanding_Pages_34.png?alt=media\&token=f39b1494-9ba3-43ed-b377-b68726f4e816)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FydOFnBAIZwppeOR4wH0o%2FLanding_Pages_35.png?alt=media\&token=9c42a482-d4eb-44fa-8cbc-5c1d70aa9cf0)

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FRgWiyopr3G2ABdJzuoGF%2FLanding_Pages_36.png?alt=media\&token=5bbe1c95-76d1-4548-9e2d-56e0a4700e10)

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

<div align="left"><img src="https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FusEgBKZwi1mh7DNhFix8%2FLanding_Pages_37.png?alt=media&#x26;token=db3f0efc-87e0-4f00-bfa4-54e5f9f0fe5a" alt=""></div>

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FmkctzPmqPannUTNP0vwO%2FLanding_Pages_38.png?alt=media\&token=85558113-34eb-4d28-ab50-0ab52a1507ba)

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FcJL3kZnPzYua9xQbyjUy%2FLanding_Pages_39.png?alt=media\&token=a51955cf-e1e8-4f8f-adff-02ccfe0879e2)

<div align="left"><img src="https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FdItOGytWh6lKLh5NIIE8%2FLanding_Pages_40.png?alt=media&#x26;token=0b41f8bb-f829-4a71-aa9c-49f1965ea71f" alt=""></div>

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

![](https://787872742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdbDWFUV8KfahpvaDhzuK%2Fuploads%2FYsuql3SArZXj1o6tz7M3%2FLanding_Pages_41.png?alt=media\&token=2c7fcb08-63ee-40d9-83ea-a9aa71a1d3fd)