---
title: Introduction
slug: campaign/docs/introduction
docTags: 
createdAt: 2026-07-20T15:44:32.397Z
---

## Overview

Optimizely Campaign offers two similar content editors: the email editor and the landing page editor. Workflows in both editors are roughly the same, with a few minor differences, therefore many explanations in this documentation are true for both. In these cases, the term *design editor* is used to refer to both editors. Accordingly, message drafts and landing pages are called *designs*.

:::hint{type="info"}
**Note**

The design editor for emails is in beta state and available for some customers.
:::

A landing page is a single-page website which usually contains one prominent call to action. You can link to landing pages in messages to drive conversions.

## Creating a message draft in the design editor

**Context:** To use the design editor for editing an email message draft, you have to select the appropriate node type in the campaign editor.
**Prerequisites:** You see a campaign in the campaign editor.

1. In the side panel, click on the node type *Email (Beta Editor)* and hold down the mouse button.
2. Drag the node to the design area and release the mouse button.
3. → The new message node and a pop-up menu are displayed in the design area.
4. If you accidentally hid the pop-up menu, hover the mouse pointer over the node and click on ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/CrbHG9UuVpNAl5rIrZjtS-20260720-145246.png) (edit).
5. Click on *Edit Content...*
   → The new message draft is displayed in the design editor.

## Creating and opening landing pages

### Opening the page *Landing Pages*

**Context:** The page *Landing Pages* lists all landing pages in your client and allows you to edit them or create new landing pages.

1. In the menu bar, select *Campaigns* > *Landing Pages*.
   → The page *Landing Pages* is displayed.

### Creating a design

**Prerequisites:** You see the page *Landing Pages*.

1. Click on *New Landing Page*.
2. Fill in the required fields.
3. Click *Save and open in the editor*.
   → The design editor opens with a new, empty design.

### Opening a design

**Prerequisites:** You see the page *Landing Pages*.

1. In the column *Name*, click on the name of a landing page.
   → The design editor opens, showing the selected landing page.

### Editing page name, metadata and SEO settings

**Prerequisites:** You see the page *Landing Pages*.

1. In the list of designs, find the row with your design’s name.
2. Click ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/H--lTU8GkApILUd78zaeZ-20260720-145246.png) (more). → A drop-down menu shows more options.
3. In the menu, click *Edit settings...*.
   → The menu *Page Settings* is displayed.
4. Adjust the general settings in the tab *General Settings*.
5. Optional: Click on the tab *SEO Settings* and edit the SEO settings.
6. Click on *Update and close*.