Custom Widgets

What are Widgets?

Widgets are small apps you can add to your website to make it look better, work smarter, and let visitors interact more easily.
ShowOff comes with standard widgets such as the Third Party Code widget, but you also have Custom Widgets only available on your template, here are examples of them in action:

TICKER WIDGET

To use this, select the Article Style of "Ticker", give it a title (to appear on the left)  - you can adjust the font colours in the article settings, 

Insert a Ticker Widget - you can add the content here and adjust the speed and display type (fade/reveal)

Stats Widget

  • This can be used in a number of ways, either alongside a piece of content, or in a single row
    • If you want to place the stats alongside the content in a staggered formation, you add the stats all in one widget.
    • If you want them in a row, you will need to add one stat widget  per article
  • You can add up to 4 stat
  • You can control colours borders and backgrounds
  • You can add an optional image to appear below it - top or bottom
  • You can add option icons to appear
    • Please go to: https://fontawesome.com/search
    • Find the icon required
    • Copy the code that looks like this "<i class="fa-solid fa-camera"></i>"
    • Paste that in the field "Font Awesome icon code"

Stats Alongside content

1000+
Attendees
20,000+
Speakers
BLACK BUSINESS EXPERIENCE

Advancing Black professionals, scaling Black entrepreneurs

Lorem ipsum dolor sit amet, consectetur adipi scing elit, smod tempor incididunt ut labore et dolore smod ididunt ut labore et dolore smod temorod tempor Lorem ipsum dolor dolore smod temorod temporet labore et dolore smode

 

Explore the events

Stats In a row

200+
Speakers
20,000+
Total Attendance
92%
Seeking new career opportunities

Ecosystem Carousel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

PINK BUTTON PINK BUTTON PINK BUTTONLorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique

orange orangeLorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In

Blue Blue Blue BlueLorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec di

Teal Teal Teal Teal Teal 

Button Grid

  • You can add up to 20 buttons
  • You can control colours and images in the widget
  • You can add option icons to appear
    • Please go to: https://fontawesome.com/search
    • Find the icon required
    • Copy the code that looks like this "<i class="fa-solid fa-camera"></i>"
    • Paste that in the field "Font Awesome icon code"
Media, culture & sport
Find out more
Finance
Find out more
Leadership
Find out more
Allyship
Find out more
Black owned business
Find out more
Property
Find out more
Legal
Find out more
Technology
Find out more
Fashion & Beauty
Find out more
Career development
Find out more

Scroll Carousel Widget

  • This is a horizontal scrolling mechanism
  • You should add at least 4 items to achieve desired effect
  • Set the Content width to Full Width
  • You can control colours and images in the widget

Why BTA Awards?

Anchor Events Carousel Library

  • This is special layout used with the Library module
  • Content should be set up in the Library