When you open your widget editor in any page editor, you will notice a new tab for your ready-made widgets organized by category. These widgets were built based on common functionality requests in LiveBall including accordions, lightboxes, rotating images/content, tabbed content and layered content. 

Accordion: Display text, images and links within dropwdowns so that respondents can control what content he or she would like to view within your page.

Lightbox: Overlay either an external website or another page from within your creative after clicking a button, image, or link.

Image Rotator: Rotate images with text and/or links placed in front of each image.

Product Rotator: Within the Image Rotator category, you will find the product rotator which can be used to display multiple images which respondents can cycle through using either arrows or thumbnails.

Content Rotator: Rotate a series of text, links and images in an interactive environment. This can be used to display various testimonials, for instance, with images of satisfied customers within each slide.

Tabbed Content: Display content within a tabbed environment, much like a microsite, but without changing pages.

Layered Content: Place text and/or links over a single image.

When using these widgets, you will be able to edit text, images and links directly, by clicking your familiar text, image and link editors, or you may utilize the variable editors to insert content all at once!

At the base of your widget, you will notice the three buttons below.

The first button on the left is the pencil icon which allows you to select a widget. Moving to the right, you will see the “Aa” icon which represents the variable text editor and can be used for editing text. Next, the variable image editor will allow you to insert images throughout your widget. Finally, the variable link editor will allow you to define where a given link will take respondents. 

As you work in the variable editors, you will be able to toggle between the various text, images and links from within the dropdown menu at the top of each variable editor window. When using the dropdown to move between editors, all work will be saved between screens. When you click save, all changes will be applied throughout your widget at the same time!