Find Your Way Around the Landing Page Block Editor

<< Create a Landing Page Introduction Freestyle Editor >>

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

lp-block-editor-empty-editor

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

lp-block-editor-layout-button

This will open a new window called Layouts Dialog.

Block Editor Layout Selection Window

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.

lp-block-editor-empty-layout

The Top Menu

Block Editor 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:

Container Menu

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:

Page Menu

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.

lp-block-editor-external-resources

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:

Block Editor Designer

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


 

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. Here’s an example of Layout #9:

Choose one and click Create.

Your layout will now appear in the design view. You are now ready to start editing your landing page.

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

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 grey and the page is the white around it:

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


Feature Added: Original
Feature Updated: 8.1.0
ClickDimensions Version Need: Any