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.

See Next Article

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.