Marketo page template
This will serve as documentation for Modular landing page 7259.
This marketo guided template has the following modules. Each module can be toggled on or off and has options such as background color.
Page data options
- Page title
- Page description
- Social description
- Social image
Common module options
- (Module) color
- highlight-black
- highlight-gray
- highlight-purple
- highlight-white
- flattop
- flatbottom
- (Module) visibility
- visible
- hidden
Nav module
Options
- Nav logo image path
- Normally the default value is unchanged. In the case of a uniquely branded item such as an event this might be changed.
- This variable is specified as a URL. Generally the image should be uploaded into marketo where the URL will be provided.
- Nav logo image style
- This can be used to override default styles such as height.
- Nav button Visibility
- Not all nav bars need a CTA.
- Nav CTA URL
- Where this button links to.
- Nav CTA Copy
- What this button should say.
- Nav color
- Defaults to empty which sets the bar to white.
- navbar-purple
- Note when using a purple navbar you’ll want to switch the “Nav logo image path” variable to an appropriately colored logo.
Hero module type 1
This is a right floated image with copy to the left of it.
Options
- Hero1 image
- This should be specified as a URL.
- Hero1 copy
Hero module type 2
This is a full width image with copy overlayed on top of it.
Options
- Hero2 image
- This should be specified as a URL.
- Hero2 copy
2column module
This is where the form is located.
Options
- 2column sidebar
- Yes sidebar
- No sidebar
- Form description
- This is the content in the column to the left of the form.
- Form before
- This is where the heading or anything else goes that you want to appear above the form.
- Form after submit
- This is the “success message”.
- Temp hide form
- If you want to preview how the form looks after submitting it, toggle this to Hidden. Don’t forget to toggle it back afterward.
- Temp show confirm
- If you want to preview the confirmation message, toggle this to visible. Don’t forget to toggle it back afterward.
Speaker list module
This module is for a brief list of speakers as would be seen on a webcast or event. This section requires particular formatting to appear correctly.
Options
- Speaker List
- Please add a new bulleted list for each speaker, where each item in the list below is a new bullet point within each list:
Bulleted list
Speaker photo
Name
Title
Company
enter/return enter/return
Bulleted list
Speaker photo
Name
Title
Company
Flex module
This is a flexible empty box for anything additional that doesn’t fit into another module. This could be used to embed an event calendar, more text, a slideshow, whatever you need.
Trust module
In general it’s a good idea to target this messaging subject matter and logos towards your audience.
Options
- Trust copy before
- This is for specifying the top copy. Default is “Trusted by DevOps Teams and Orgs of All Types”.
- Trust images
- Within this editable area, please insert only logo images, preferably grayscale SVG files using presentation attributes (not style attributes). If you have questions around this, please contact Marketing’s Brand and Digital team for assistance.
Statistics list module
Similar to the bottom section of this example landing page.
Options
- Stats List
- This list is designed to feature a set of 3 statistics. That said, it can accommodate larger or smaller lists.
- Please add a new bulleted list for each stat, where each item in the list below is a new bullet point within each list:
Bulleted list
Logo in color
Statistic ( 6x, 1000+, < 8 hours ... )
Description ( faster builds than Jenkins )
enter/return enter/return
Bulleted list
Logo
Statistic
Description
Value box module
This module is meant to explain to individuals that we have more content they might want to look at and it’s worth filling out the form.
Options
- Value content
- This option is a fully editable box for copy.
- Value box default image
- In most cases we want to leave this visible. If we’re using custom examples per the below option, we would set this to hidden.
- Visible
- Hidden
- Value box examples
- This box can be used to toggle specific examples of content we want to showcase that are tailored to the audience. In most cases we want this to be hidden and show the default above instead.
- Hidden
- Visible
- Value examples
- This is the editable box where we can set the examples to use.
Final CTA
Currently we encourage this module to remain off by default. There may be situations where you want to add a CTA outside of the landing page scope such as “Free Trial”, “Learn more”, or something like that. In that case, you would enable this module’s visibility.
Options
- Final CTA Section
- Note that the button styles look like a link when using the editor. Just edit the link URL and text. If you click on the “edit HTML” button you’ll see the relevant wrappers and classes which should remain in place.
9b5eccc2)
