Creating your first webpage

This guide walks you through creating a webpage in eMarketeer, from choosing a template to editing content blocks and finishing the page.

You need a campaign before you can add a webpage. See How to create a new campaign if you haven't created one yet.

The example builds an event landing page, but the process is the same for any webpage type. By the end, you will have a webpage ready to publish.

1

Add a webpage from the campaign page

From the campaign page, click Add Webpage.

Add Webpage button on the campaign page

2

Fill in settings and choose a template

Webpage settings and template selection dialog

Settings

• Name your webpage: A unique name so you can find it later. Use something that describes the page's role in the campaign. Visitors do not see this name.
• Page title: The title visitors see in their browser tab.

Template

Pick a template from one of the tabs as a starting point for the design. This guide uses Simple Landing (R) from the Landing Pages tab. Custom templates saved on your account appear under My Templates.

Create webpage component

Once settings and template are set, click Create Web Page to create the component.

3

The webpage editor

After you click Create Web Page, the editor opens with the template's content already in place. The left menu lets you add content blocks, access tools, and adjust the settings from the previous step. The rest of the page shows the current content, made up of blocks you edit individually.

Webpage editor with content blocks and left-side menu

4

Edit a content block

Each content block has several parts you can update. Click the block's Edit button to open its settings.

Edit button on a content block

A settings panel opens on the right with two tabs: Content and Styles. Content is where you change the block's text, images, and links. Styles is where you change colors and fonts.

On the Content tab, the top section controls how the block displays — leave those defaults for now. The lower section is where you edit the actual content.

5

Change a headline

To change a headline or text paragraph, click its title bar and edit the text in the text box. An empty text box hides that part of the block.

In the example below, the text paragraph and two link buttons are empty, so they do not appear on the page.

Click Save after each change.

Editing the headline text of a content block

6

Change the image in a block

Open the block for editing, go to the Image section in the right panel, and click Choose Image.

Choose Image button in the image section

To upload and use your own image:

1. Click Upload File.
2. Click Choose files and select the image on your computer.
3. Upload the file to your eMarketeer account.
4. Click the file in the browser window to select it.
5. Click Use Selected to add it to the content block.

Upload File, Choose files, and Use Selected steps

If the image does not match the recommended dimensions for the block, an option to auto-scale it appears. Click the link in the notice to accept.

Auto Scale notice for resizing the uploaded image

7

Add a button with a link

Use buttons to link to a webpage, file, or another eMarketeer component. For a web link, type the URL in the Link settings (include http:// or https://) and write a button caption. To link to a form:

1. Open the Link 1 content settings and click Browse.
2. Click Link to eMarketeer Form.
3. Pick the campaign that contains your form, then pick the form itself.
4. Click Select, then Apply, then Save to add the link and save the block.

Setting a button link via Browse to an eMarketeer form

8

Add a new content block

Click Add Content Block in the left menu, then click Add Block next to the block type you want.

If the button is grey, click an existing block first to tell the editor where to insert the new one.

Add Content Block menu with block type options

9

Reposition a content block

To move a block, click and hold the reposition icon on the left side of the block's context bar, then drag it to the new position.

Reposition icon used to drag a content block

10

Delete a content block

To remove a block you don't need, click the delete button on its context bar.

Delete button on a content block's context bar

11

Finish the webpage

Click Done Editing to leave the editor.

Done Editing button