How to Adjust Marketo Landing Page Length

December 20, 2013 Chris Leonard

If #mktContent appears in your list of template elements, use Option 1. If it does not appear in your list, then use Option 2.

NOTE: #mktContent may appear with a different name in your page, but control the smae properties as the #mktContent area


Option 1

Step 1: Open the landing page that needs to be resized. You can see that the page below has too much content for the landing page length.

Update Marketo Landing Page Height

Step 2: Select #mktContent from in your list of Template Elements

Update Marketo Landing Page Height

Step 3: Open the "Properties Sheet" for the #mktContent area but clicking the dropdown arrow in the blue property sheet

Step 4: Locate the "Height" property, and update it to the necessary pixel count

Update Marketo Landing Page Height

Step 5: Press enter after you have entered the desired pixel height. NOTE: be sure to include the "px" following the number of pixels. Anything that does not end in "px" will be an invalid entry.


Option 2

Step 1: Open the landing page that needs to be resized. You can see that the page below has too much content for the landing page length.

Update Marketo Landing Page Height

Step 2: On the right-hand side, select the HTML element and drag it onto the landing page.

Update Marketo Landing Page Height

Step 3: In the HTML editor, insert the following html and select Save.

Update Marketo Landing Page Height

 

Step 4: If the landing page is now too long or is still too short, adjust the pixel count in the HTML Editor. To locate the HTML block again in order to make updates, select the HTML block on the right-hand side under page elements. Right-click the HTML block and select "Edit" to open the HTML editor, and adjust the pixel count.

Update Marketo Landing Page Height

Example: If your landing page is now too long: update the height from height: 650px to height: 600px. Resave and see if any further length adjustments are needed.

Update Marketo Landing Page Height

Step 5: Rename the HTML block for quick reference during future updates. Double-click on HTML 1, this is where you can rename the HTML block.

See updated name below.

Update Marketo Landing Page Height

Previous Article
How to Add Favicons to Marketo Landing Pages
How to Add Favicons to Marketo Landing Pages

A favicon is the image that appears next to the title of the page in your browser. Adding a favicon that ma...

Next Article
How to Change the Color of Marketo’s Form Submit Button

Step 1: First you will need to determine which color you would like for your new submit button. Marketo pro...