BASIC WIDGET EXAMPLES
This page contains examples of basic widgets which can be added to ANY website page or funnel step. These are shown in a few different ways to highlight a few of the configuration options that are available.
HEADING & TEXT WIDGETS: H1-H6
You'll set your Text and Heading Fonts, Sizing, Spacing, Color etc in the "Global Styling" area of your site. This will make the updates to YOUR Font choices throughout ALL your pages with a simple click! However, you can also edit individual Text and Heading widgets on-page as well! Use any of the 100's of Google Fonts - OR - Upload and use your own custom Fonts!
Heading 1 - H1
Heading 2 - H2
Heading 3 - H3
Heading 4 - H4
Heading 5 - H5
Heading 6 - H6
Text Widget/ Paragraph Font
IMAGE WIDGET
Add Your Images to your pages as either widgets on the page (inside of a column) - OR set your images as the "background" of your Blocks (as shown here) or Columns (as shown below) so you can add content "on top". You can also add an "Image Caption" to an image and/or add a "shadow" or border if you wish!
IMAGE WIDGET
BACKGROUND OF COLUMN (rounded column radius)
BUTTON WIDGET
There are LOTS of customization options with Buttons! Size, Color, Radius, Border, Font, Hover Action & more! Check out a few examples below
ICON WIDGETS & ICON SECTION WIDGETS
You can add icons from hundreds of available in our built-in Icon Library. Icons are the shape alone, Icon sections are an icon paired with a "headline" or "title" as well as optional "description". Icon sections have several settings options.
ICON SECTION EXAMPLES:
Section Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Section Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Section Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Section Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Section Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Section Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
MENU WIDGET
While a Menu widget is typically used in the Header of your site to Navigate people between pages - the Menu Widget can be added to ANY page and is simply a collection of links that you choose to display! You can set a Menu on the left-hand side of your Course to navigate people between modules/lesson, add a Menu to your Footer - or add to ANY page you wish!
PROGRESS BAR WIDGET
This is a great visual widget to inspire your visitors to finish all the steps in a sequence or to let them know they are "almost done" or there is something else to look for. You can set the "completion" percentage, adjust colors and height.
ACCORDION / FAQ WIDGET
Often used for an FAQ section, or to give more details on Course Lessons to come, etc. the Accordion widget allows your visitors to "click and open" "tabs" to give them more information.
Add your FAQ Questions Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Or your Module / Lesson Headlines Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Another Title Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Add your FAQ Questions Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Or your Module / Lesson Headlines Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Another Title Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Add your FAQ Questions Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Or your Module / Lesson Headlines Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Another Title Here
Section Heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.