#1: START OF OPTIONAL/STANDARD PAGE COMPONENTS
created using the Content Block componentSTART OF OPTIONAL/STANDARD PAGE COMPONENTS
Below this section are layouts that may not have been used in the final website design but are possible with the page components provided. They are shown here for your reference.
#2: Content Block Example
created using the Content Block componentSample Content Block Page Component
This page component can be used in multiple ways. As a section heading with just a title, or a mid page section where you need to just add some text and a button (no heading needed) and a number of other ways depending on the options you select.
#3: Freeform Page Section
created using the Freeform Block componentSample Freeform Block Page Component.
A less structured component, enter what you need in the WYSIWYG field to achieve the layout you are after.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
- Donec sed odio dui.
- Cras justo odio, dapibus ac facilisis in, egestas eget quam.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Maecenas faucibus mollis interdum.
- Donec sed odio dui.
- Cras justo odio, dapibus ac facilisis in, egestas eget quam.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Maecenas faucibus mollis interdum.
Donec sed odio dui.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
#4: Call To Action Banner
created using the Cta Banner componentSample Call To Action Heading
Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor.
#5: Split Panel Page Section - Image 50% - Content 50%
created using the Split Panel component
Sample Split Panel Heading
Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
#6: Split Panel Page Section / Video Popup
created using the Split Panel component
Sample Split Panel w/ Video Popup
Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.
- Donec id elit non mi porta gravida at eget metus.
- Nulla vitae elit libero, a pharetra augue.
- Aenean eu leo quam.
Curabitur blandit tempus porttitor. Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
#7: Multi Column Page Section
created using the Multi Column Content Block componentMulti Column Heading
Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula porta felis euismod semper. Donec sed odio dui. Curabitur blandit tempus porttitor.
This is also a Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod.
So is this is a Heading
Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus.
#8: Checkmark (or other icon) Page Section
created using the Checkmark Columns Block componentMaecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.
#9: Navigation Cards - Page Section
created using the Navigation Block component#10: Custom Post Type Card Block
created using the Article Card Block component#11: Article Cards - Page Section
created using the Article Card Block component
This is a Sample Headline
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna.
This is a Sample Headline
Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
This is a Sample Headline that is much longer than the other ones to see what happens
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna.
#12: Page Section using Shortcode (regular page width example)
created using the Shortcode Block componentShortcode output appears here
Shortcodes are typically used where you just want to output/reference other content thats already available, such as listing out Team Members in a Team Sections. Normally a developer would need to create the layout and the shortcode for this Page Component.
If you need help understanding how to use shortcodes, or need a new shortcode created please contact Support.
#13: Global CTA (Call To Action) - Can be re-used on any/all pages
created using the Cta Banner componentThis is a Global Call To Action Banner
You will find this item under the “Global Page Components” menu item in the Admin Sidebar menu. You can set up the component as you like, for example as a Call To Action with a link to your contact page or another landing page that makes sense. Then you can add this component where desired on a page by page basis. The advantage is that they all point to a single source so if you update this component it automatically updates everywhere you have added it.