Documentation

Visibull Documentation

Thank you for using Visibull! If any documentation is missing, incorrect, or unclear, please let us know.


  1. Getting started
  2. Using the campaign editor
  3. Configuring stations
  4. Using the scheduler
  5. Managing users
  6. Integrating images
  7. Integrating videos
  8. Setting up your player

1. Getting started

Visibull helps you create and manage content for your digital displays.  Create content using the campaign editor, publish it to displays using stations, and schedule it with the calendar and campaign loop features.


2. Using the campaign editor

All content that gets played through Visibull gets created using the campaign editor.  It’s a simple touch-friendly interface that lets you place all sorts of widgets in any configuration on your displays.

The editor consists of 2 main sections:

  • The settings panel sits on the left and holds options related to your campaign and the widgets inside of it
  • The preview panel sits on the right and gives you a live preview of the campaign as you design it

A) Add widgets

Widgets are independent pieces of content that are combined to create campaigns.  To add a new widget:

  1. click and drag a box in the preview panel, or use the “+” button in the settings panel
  2. choose a widget from the widget selector
    • search widgets by typing into the search box in the top left
    • filter by category by clicking the links in the “categories” section

B) Configure widgets

Every widget has a unique set of configuration and theme options.  To configure a widget:

  1. select the widget you want to configure by clicking on it with the “select” tool
  2. in the settings panel, there are 3 different configuration sections:
    1. layout: controls the position, size, display order (z-index) and entrance / exit animations
    2. configuration: main options for configuring the content of the widget
    3. theme: options for the visual styling of the widget

C) Remove widgets

  1. select the widget you want to remove using the “select” tool
  2. click remove in the bottom of the widget’s settings panel

D) Adjust the grid

The grid is designed to help divide your displays into many different sections.  To adjust the grid settings:

  1. on the settings panel, click “editor settings”
  2. under “grid size” enter the number of rows and columns you want your grid to have

E) Adjust the canvas

By default, the editor canvas expands the full size of its container.  If you want to preview content on a custom sized canvas (like a 16:9 display for example):

  1. on the settings panel, click “editor settings”
  2. under “canvas size” choose “custom”
  3. under “aspect ratio” enter the values 16 and 9
  4. you can adjust the zoom level by changing the value under “zoom”

F) Preview the campaign

The preview feature lets you view your campaign in full-screen.  If you are designing content on the same display as your signage, you will get an accurate representation of how the published content will look:

  1. click the “preview” button at the top of the settings panel
  2. to bring back the settings panel, click the arrow button at the top left of the preview

G) Save the campaign

When changes have been made and not saved, the “save” button at the top of the settings panel will be blue.  To save any changes that have been made, click this button and wait for it to turn white.


3. Configuring stations

A “station” is a web URL that broadcasts campaigns that you’ve created.  Load a station by pointing your Chrome web browser to your station URL

A) Name

You can name your stations anything you like, but it’s usually a good idea to name them something short and descriptive.  For example, if you have a display in the lobby, you can create a station named “Lobby”.  This will create a station URL that is easy to understand and share: your_account.visibull.tv/s/lobby

B) Default Campaign Loop

This section lets you configure a series of campaigns to play in sequence.  Placing multiple campaigns in the default loop will help keep your signage content fresh and engaging!

  • click the “+” button to add a campaign to the loop
  • enter the duration that campaign will play for (in hours : minutes)
  • click and drag the left-most icon to rearrange campaigns in your loop

4. Using the Scheduler

The scheduler is designed to let you plan out your signage content for weeks or months in advance.

A) Create an event

You can create an event by clicking “Add Event” or by clicking or dragging a range of dates on the calendar.

B) Configure an event

When you create a new event, or click on an existing event, you will be presented with a form to configure the details of this event.

  • Recurrence: Create a repeating event by setting this field
  • Start / end date: Set the date and time for the event to start and stop
  • Station: Choose which station this event will apply to
  • Campaign loop: Pick a set of campaigns to play in sequence for the duration of the event – just like the “default campaign loop” of a station

C) Delete an event

Click on the event you want to delete, and click “delete” on the event form.


5. Managing users

Visibull users with admin privileges are able to create and manage user accounts.

Add a user

  1. From the user menu, go to Account settings
  2. Under the “Users“ tab, click Add user
  3. Enter the new user’s information and click Save user

Delete a user

  1. From the user menu, go to Account settings
  2. Under the “Users“ tab find the user account you want to delete
  3. On the right side, click the “Delete“ button (red trash icon)

Restrict user access

You can limit the access a user has to specific content in your account.

  1. Add a user (or modify an existing one)
  2. Under “restrict campaign access“ click the campaigns you want that user to have access to. Use ctrl+click (Windows) or command+click (OSX) to select multiple campaigns
  3. Click Save user to save your changes

6. Integrating images

There are various ways to load images in your signage content.

A) Upload to Visibull

One way to get a set of images up on your displays is to upload them to a new gallery:

  1. Go to the “galleries” page and add a new gallery
  2. Enter a name for your gallery
  3. Cick “add”
  4. Select images from your computer to upload
  5. In a campaign, add any of the following widgets and point them to your new gallery:
    • Photo Gallery
    • FlyBy
    • Grid
    • Ken Burns Fader

B) Pull from social media

Visibull supports the integration of publicly available photos from various social media services:

Facebook

  1. In the campaign editor, add a “photo gallery” widget
  2. In the settings panel, change the “source” option to “Facebook”
  3. For the “album” option, enter the album ID which can be found by navigating to the album on Facebook and copying the number from the URL like in this screenshot

Flickr

  1. In the campaign editor, add a “photo gallery” widget
  2. In the settings panel, change the “source” option to “Flickr”
  3. For the “Flickr type” option, choose the source of your photos
    • Username: Enter a Flickr user name
    • Group: Enter the name of the Flickr group
    • Tags: Enter a list of comma-separated tags

Instagram

  1. In the campaign editor, add a “photo gallery” widget
  2. In the settings panel, change the “source” option to “Instagram”
  3. For the “Instagram type” option, choose the source of your photos
    • Username: Enter a Instagram user name
    • Tag: Enter a tag

7. Integrating videos

The quickest way to add video to your signage is through the media player widget. Visibull currently supports the following video sources:

  • YouTube
  • Vimeo

To add video (or a video loop) to a campaign:

  1. In the campaign editor, add a “media player“ widget
  2. In the settings panel, under “playlist“ add as many video URLs as you like (images are supported here too)
  3. Configure the playlist further with looping, transitions, and other options

8. Setting up your player

A “player” is a computer that sends the signal from Visibull to your displays.  There are some differences between how to set up your players so they function with as little involvement as possible.

A) Chromebox

  1. Start with a freshly installed Chrome OS
  2. let your ChromeBox update, but do not log in
  3. on the login screen, press Ctrl + K
  4. allow the ChromeBox to run as a Kiosk
  5. log in to your Google account
  6. navigate to the Chrome web store: https://chrome.google.com/webstore
  7. search for and download the “Visibull Kiosk” Chrome app
  8. in the Chrome browser, navigate to “chrome://extensions”
  9. in the extensions list, find “Visibull Kiosk” and copy the id
  10. at the top of the page, click “manage kiosk applicatons”
  11. under “Add kiosk application” paste the id you copied in step 9
  12. you are now able to launch the Kiosk application without logging in to the machine

If you have already logged in to your Chromebox without enabling Kiosk mode, you’ll need to wipe the machine and start over.

Wipe the Asus Chromebox: https://support.google.com/chrome/a/answer/1360642#asus

B) Windows players

  1. Download the latest version of Google Chrome from www.google.com/chrome‎
  2. Place a shortcut to Chrome in your startup folder
  3. Alter the shortcut as follows:
    • “C:Program Files(x86)GoogleChromeApplicationchrome.exe” –kiosk http://your_account.visibull.tv/s/your_station
  4. Verify that when your computer starts, Visibull loads in kiosk mode (full-screen)

B) OSX players

Information coming

C) Android players

Information coming