Find Your Way Around the Landing Page Block Editor

Select a Layout

After you have created your Landing Page and pressed save, your Block Editor will appear.

To choose a layout, click on the Layouts button in the top toolbar.

This will open a new window called Layouts Dialog.

There are 9 layouts to choose from, but you can always add, subtract, move, and edit the blocks once you’ve selected one and it has been inserted onto your page. Layouts # 8 and 9 are special layouts where the big block on the left and right respectively will allow you to place blocks within the big one so that they will grow in height independtly of the blocks next to it. In the other layouts as one block in a row grows in height so will the others. Choose one and click Create. Your layout will now appear in the design view. You are now ready to start editing your landing page.

Right Click Menu

Content can be added to blocks in the layout by right clicking a block. Doing so will display this menu:

Through the right click menu you can remove the block from the Landing Page, add a new block above, below, or to the side of the block, adjust the block width (if there is more than one block in the row), add content to the block, add a block border, or set the block's background color. Clicking Add Content will display this screen:

The option you choose on this screen affects the type of content that can be added to the block. Text Only allows you to add text to the block, Image Only allows you to add an Image, Image Top/Bottom/Left/Right allow you to add both an image and text into the same block with different orientation, HTML allows you to add text, images, or your own HTML content, and Form or Survey allows you to easily embed any ClickDimensions Form or Survey you have made as an iframe.

The Top Menu

Save: Make sure to hit this save button to save your work.

Layouts: Opens the Layouts Dialog.

Container: The container refers to the box around the edge of the whole layout except for the Microsite and Unsubscribe blocks (described below). The following options are available:

Width: The width of the page. The default is 800 pixels.

Border: The border for the whole container.

Block Spacing: The space between each block in pixels.

Background: The background color or image of the container. This will not override block background color or image.

Resize background image: Change the width of the background image which will change the height to keep the same proportions.

Remove background image:Deletes the background image from the page.

Page: The page refers to the whole window. The following options are available:

Title: Set the title of your Landing Page. This is the title that will show on the browser when people navigate to your page.

Background: Background color or image of the whole page, everything in the window.

Resize background image: Change the width of the background image which will change the height to keep the same proportions.

Remove background image: Deletes the background image from the page.

Add external resources: Allows you to add  header and/or footer.

Undo: Undo the last action you made.

Redo: Redo the last action you undid.

Embed:Provides the URL and HTML iframe code for this landing page.

In this image, the container is green and the page is the white around it:

To learn about placing and editing the content of the template check out this article.