Widget Examples

Widget Examples

Widget Index

A list of example widgets with usage explanations.

Accordion Widget

Use individually or stack for multiple

Button Widget

Small, medium and large CTA buttons with primary and secondary colours. Can be used anywhere.  Align left, right and center.

CTA - Centred

Add a simple centred CTA with multiple button links. Use in empty (for full width), 1 or 2 column sections.

Simple Centred Call to Action Light

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

Simple Centred Call to Action Light

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

Call to Action Light

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

Call to Action Light

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

CTA - Centred with Image

Add CTA with a background image. Use in empty column section.
Call to Action

Call to Action with background image

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

CTA - Split with Image

Add CTA with featured image on the right. Use in empty column section.

Split (Image)

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

  • sdfdsfdsf

Split (Image)

CTA - Split with Multiple Images

Add CTA with featured set of images added via the media library. Use in empty column section.

CTA - Split with Multiple Images

Images are added from the media library with a multi select option.

Australian Super
Banjo
Eftsure
Epicor
Gow Gates
NCI

Form Widget

Add a form created via Form Builder. Use in 1 column section.

Title of Section

Some text that will help the user fill out the section.

Hero Widget

Use for home and high traffic landing pages. Use in empty section and add up to 4 CTA's.
Hero Text

Hero Text

Hero Sub Title

CTA 1

Intro Text

Button

CTA 2

Intro Text

Button

CTA 3

Intro Text

Button

CTA 4

Intro Text

Button

Image Widget

Available in 3 styles and 3 sizes. Turn on/off animation and lightbox.
Circle Image - Small
Circle Image - Small
Circle Image - Medium
Circle Image - Medium
Circle Image - Large
Circle Image - Large
Rounded Corner Image - Small
Rounded Corner Image - Small
Rounded Corner Image - Medium
Rounded Corner Image - Medium
Rounded Corner Image - Large
Rounded Corner Image - Large
Square Corner Image - Small
Square Corner Image - Small
Square Corner Image - Medium
Square Corner Image - Medium
Square Corner Image - Large
Square Corner Image - Large
No Animation or Lightbox
No Animation or Lightbox
With Hover Animation
With Hover Animation
With Lightbox
With Lightbox

Landing Page Link (Image)

Add a link to anywhere and use an image  Use in 2, 3 or 4 column sections.

Article 1

Anim aute id magna aliqua ad ad non deserunt sunt.

Article 2

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

Article 3

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. 

Article 4

Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.

Landing Page Link (Icon)

Add a link to anywhere and use an icon from Heroicons to indicate the set. Use in 2, 3 or 4 column sections.

Landing Page Link (Multi-Page)

Add a link to existing pages. Ensure that the pages have an image, title and meta description as well as a publish date and read time. Use in empty column.  Add the amount of articles you need with the counter.

Landing Page Link (Page)

Add a link to an existing page. Ensure that the page has an image, title and meta description as well as a publish date and read time. Use in 2, 3 or 4 column sections.

Newsletter Subscription Widget

Assign the newsletter in the widget settings.  Use in empty sections.

Newsletter Subscription Widget

Intro Text

We care about the protection of your data. Read our Privacy Policy.

Pricing Widget

Display pricing and a summary for a service or product. Use in 1 or 2 column sections.

Single Pricing Widget

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis metus id lacus luctus luctus. 
  • Cras ut nisl vel sapien lobortis suscipit sed in metus. Integer euismod orci et risus consequat fringilla. Etiam vulputate turpis risus, ut tristique libero fermentum a. Fusce ultricies, velit vel finibus interdum, nisi risus commodo elit, id fermentum velit metus eu purus. Proin at arcu sollicitudin, semper justo non, consectetur risus.

What's included

  • Access to free events

  • Discount books

  • Access to resources

  • Test Item

Join now!

$300 per year

Single Pricing Widget 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis metus id lacus luctus luctus.

What's included

  • Access to free events

  • Discount books

  • Access to resources

  • Test Item

Join now!

$300 per year

Single Pricing Widget 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis metus id lacus luctus luctus.

What's included

  • Access to free events

  • Discount books

  • Access to resources

  • Test Item

Join now!

$300 per year

Rich Text Widget

Use for advanced formatting of text in 1, 2, 3 or 4 column sections and turn on text formatting.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis metus id lacus luctus luctus. Cras ut nisl vel sapien lobortis suscipit sed in metus. Integer euismod orci et risus consequat fringilla. Etiam vulputate turpis risus, ut tristique libero fermentum a. Fusce ultricies, velit vel finibus interdum, nisi risus commodo elit, id fermentum velit metus eu purus. Proin at arcu sollicitudin, semper justo non, consectetur risus. Suspendisse interdum ullamcorper urna, ac lacinia dolor egestas facilisis. Proin ultricies bibendum metus ac porta. Nullam venenatis tempus urna, id gravida magna tincidunt sit amet. Phasellus sed ante sed sapien venenatis facilisis non non nibh. Aliquam erat volutpat. In fringilla pellentesque dolor in facilisis. Pellentesque ipsum massa, bibendum at laoreet at, vehicula a justo. Duis efficitur fringilla orci vel suscipit.

  • Proin eu arcu sed dolor dapibus auctor congue eget eros. 
  • Vestibulum vel nisl vestibulum dolor congue cursus. In suscipit fringilla leo, sed mattis nunc gravida ut. 
  • Pellentesque a nibh nulla. Morbi egestas enim leo, ac ullamcorper felis pretium in.
Header 1Header 2Header 3Header 4
DataData
Data
Data
Data
Data
Data
Data
DataData
Data
Data

Spacer Widget

Small, Medium and Large gaps.

Small Gap Below

Medium Gap Below

Large Gap Below

Statistics Widget

Display key statistics. Use with Empty Section.

ASI Membership

Get access to resources, eBooks and special events.

Members
10,000+
Digital Resources
15,000+
Library Books
9,000+

Summary Widget

Summarise an article or case study/page. Use with Empty Section.

Summary Widget

Brookfield Multiplex’s iconic external ‘diagrid’ steel-framed building at King Street Wharf precinct follows on from the successful completion of the nearby Ernst & Young Tower and Latitude East buildings in Sydney’s CBD.

Developer

Tonkin Zulaikha Greerdsfsdfs

Heritage architect

HBO + EMTB (formally Brian McDonald & Associates)

Building Contractor

Westpoint Constructions

Developer

Westpoint Corporation

Developer

Tonkin Zulaikha Greerdsfsdfs

Heritage architect

HBO + EMTB (formally Brian McDonald & Associates)

Building Contractor

Westpoint Constructions

Developer

Westpoint Corporation

Testimonial Widget

Highlight a customer comment or recommendation. Use with empty, 1 or 2 column sections.

Brookfield Multiplex’s iconic external ‘diagrid’ steel-framed building at King Street Wharf precinct follows on from the successful completion of the nearby Ernst & Young Tower and Latitude East buildings in Sydney’s CBD.

Brookfield Multiplex’s iconic external ‘diagrid’ steel-framed building at King Street Wharf precinct follows on from the successful completion of the nearby Ernst & Young Tower and Latitude East buildings in Sydney’s CBD.

First Name Last Name
Title/Role

Brookfield Multiplex’s iconic external ‘diagrid’ steel-framed building at King Street Wharf precinct follows on from the successful completion of the nearby Ernst & Young Tower and Latitude East buildings in Sydney’s CBD.

Brookfield Multiplex’s iconic external ‘diagrid’ steel-framed building at King Street Wharf precinct follows on from the successful completion of the nearby Ernst & Young Tower and Latitude East buildings in Sydney’s CBD.

Title/Intro Widget Left Align

Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section.

Title/Intro Widget Center Align

Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section.

Title/Intro Widget Right Align

Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section. Used for creating a title and intro block to a section.