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.
Hero Headline
Hero Subheadline
Hero Headline
Hero Subheadline
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.
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.
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.
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
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
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).
Content Grid Item
Demostration of 4 column grid with gray background
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.
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
- Branding
- 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
- Layout Builder
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