Hero Headline

Hero Subheadline

Media + Content

Options include Image or Video, set either Right or Left, with option to use a light gray background. This shows no background with a video set to right.

Image to Left

Options include Image or Video, set either Right or Left, with option to use a light gray background. This shows background with an image set to left.

Centered Content

Centered Copy Here

Centered Content

This shows no background with 2 buttons.

Basic Card Component

Card component can be in a 2-up or 3-up configuration. Options include white or gray background, image or video, and 1-2 buttons.

Card with Image

This has an image and 1 link

Video Card

This has a video and 2 links

Image Card

This is to demonstrate 3-up layout and gray background

Video Card

This is to demonstrate 3-up layout and gray background

Image Card

This is to demonstrate 3-up layout and gray background

Overlay Cards

Overlay Card options provide a 2-up layout. Options include image, and up to 2 buttons. Image card allows for art direction by moving image left or right as needed.

Image Card

Image Card with 2 buttons

Image Card

Image Card with 1 button

Inset Card

Inset Card includes 2-up or 3-up layout, and each card can have up to 2 buttons

Image Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac imperdiet odio. Pellentesque commodo sollicitudin ante nec aliquam.

Image Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac imperdiet odio.

Image Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Horizontal Cards

Horizontal cards can have image set left or right. Options include card background color of gray or red, and up to 2 buttons

Image Card

Image Card with gray background and one button

Image Card

Image Card with image right, red background and 2 buttons

Full Width Cards

Full width image with graphic overlay. Options include red or black card background and graphic color, card position of left or right, and up to 2 buttons

Card Right in Black

Card set to right aligned layout, in black with 2 button.

Card Left in Red

Card set to left aligned layout, in red with 1 button.

Grids

Grid content can be laid out in 2, 3 or 4 columns. Grid items stick to the grid, IE: if 3 column is selected and 4 items are created, the fourth item will start a new row and display in column one. Options include white or gray background. Individual grid items can have an image, icon or just content. All items in a grid use the same type (image, icon, content).

Icon Grid Item

Icon grid items use the CSG icon library

Icon Grid Item

Icon grid items use the CSG icon library

Icon Grid Item

Icon grid items use the CSG icon library

Icon Grid Item

Icon grid items use the CSG icon library

Content Grid Item

Demostration of 4 column grid with gray background

Content Grid Item

Demostration of 4 column grid with gray background. This has a button

Content Grid Item

Demostration of 4 column grid with gray background

Content Grid Item

Demostration of 4 column grid with gray background

Image Grid Item

Demostration of 2 column grid with Image Grid Items

Image Grid Item

Demostration of 2 column grid with Image Grid Items

Image Grid Item

Third image to show how grid operates.

Content Block

Just as it sounds … its a big ole content block area using the WordPress WYSIWYG. Much can be done with this. Can also be set to have gray background

Stat Bar

Can display up to 5 columns of “Stats.” Single stats have content areas: 1. Stat number and 2. Stat detail.

1000
Stat Detail
95M
Things that have happened
599B
Seems like a big number
1
Awesome company
5
Columns for stats

Form Component

Spot to drop in a Pardot form when needed. All form details and controls come from Pardot. Just copy/paste the form code and it will display.

Misc Customizations

  • Global Settings (displayed for ALL sales pages)
    • Branding
      • Logo
      • Social Channels
    • Global Footer
      • Headline & Copy area
      • Legal statement
  • Individual page settings
    • Layout Builder
      • Builds pages using above components
    • Navigation
      • Use wisely
      • Can create in page navigation to quick scroll down to sections
        • Title and Anchor position
        • See usage details in Nav tab
    • Footer
      • External Links
    • Customization
      • Add another logo next to CSG logo
      • Useful if targeting a potential client

Vertical Spacing

All components have a Layout tab, which contains vertical spacing options.

  • Margins: Providse spacing OUTSIDE the component (between components)
  • Padding: Provides spacing INSIDE the component
    • Only shows up when a component has optional background colors

Centered Content as CTA

Red background with 1 button