Installing or Displaying Your Gallery

There are quite a few flexible options for installing your Gallery once you've setup your Gallery and have some media items ready to display.

Hosted Gallery Page

This is a page that sits on the Gleam.io domain and will show your Gallery at all times. This landing page is also used by our Share links if you Enable Sharing.

Gleam Gallery without a header showing LocalSupply images

You can find your Gallery's hosted page URL by going to the Install tab and selecting Hosted.

Gleam Gallery hosted landing page install settings

When using the Hosted Gallery Page install type there are a few options for you to configure:

  • Show Header: This options allows you to choose if you want to display or hide the header of your Gallery.
  • Allow users to sort by latest/popularity: Users on the Business plan and above have the option of allowing visitors to sort Gallery items by popularity, or show them in chronological order.
  • Sort by Popularity / Sort by Most Recent: Users on the Business plan and above can also select the default sorting of their Gallery install.

Embedded In Your Site

Embedding in your site allows you to display your Gallery on any page on your website.

Gleam gallery with a header for the Rainbow Serpent festival

You can embed your Gallery in your site by going to your Gallery's Install tab and selecting Embedded in your site. You will then see two pieces of code you need to embed.

Gleam Gallery embed in site install settings

The first line of code should be included in the <head> section of your page. This script tag should only be included once on your site, even with multiple Galleries embedded on your website.

The second line of code embeds the Gallery on your page, so you will need to add it where you want your Gallery to be displayed. The Gallery widget is responsive, and will scale to fit within the size of the page.

When embedding your Gallery on your site, there are a few install options for you to configure:

  • Show Header: This options allows you to choose if you want to display or hide the header of your Gallery.
  • Allow users to sort by latest/popularity: Users on the Business plan and above have the option of allowing visitors to sort Gallery items by popularity, or show them in chronological order.
  • Sort by Popularity / Sort by Most Recent: Users on the Business plan and above can also select the default sorting of their Gallery install.
  • Frameless Popout: This option will embed the Gallery in your page without iframe usage.
  • Fix Integration Issues: This option can fix CSS problems caused by your page but may slightly slow down your Gallery.

Install to Facebook Tab

You also have the option of embedding your Gallery inside a Facebook tab.

Gleam Gallery installed on Facebook tab

You can embed your Gallery in a Facebook tab by going to your Gallery's Install tab and selecting Facebook Tab.

When embedding your Gallery in a Facebook tab, there are a few install options that you can configure:

  • Show Header: This options allows you to choose if you want to display or hide the header of your Gallery.
  • Allow users to sort by latest/popularity: Users on the Business plan and above have the option of allowing visitors to sort Gallery items by popularity, or show them in chronological order.
  • Sort by Popularity / Sort by Most Recent: Users on the Business plan and above can also select the default sorting of their Gallery install.

Once you have optimized your settings you can use the Facebook install link to add your Gallery to a Facebook tab.

Gleam Gallery Facebook Tab install settings

After following the Facebook install link you will be promopted to connect your Facebook account, select the Facebook page, name your tab, choose the tab placement and instantly install the Gallery on your Facebook page.

Facebook interface showing Facebook tab install with account connected

Note that Facebook's Page Tabs feature is only available to Pages with 2000 or more followers.

Display at Live Location in Presentation Mode

You can display your Gallery live in a fullscreen display at your business location or event by using Presentation Mode.

When your Gallery is in Presentation Mode it will automatically switch between media items at designated intervals ranging from 1 second to 1 minute.

To display your Gallery at a live location you will first need to enable Presentation Mode by going to the Advanced tab of your Gallery setup and selecting Allow presentation mode.

You can also determine how frequently your Gallery should switch between media items under Presentation tick interval.

Allow presentation mode in Gallery setup

You can then open your Hosted Gallery Page on the device you want to display your Gallery on and press the 'F' key to enter Presentation Mode, or the 'H' key to enter Presentation Mode with the Gallery Header hidden.

Presentation Mode also has a live refresh feature, so new media will be included if your Gallery is showing Most Recent.