Gallery is an app that enables you to create beautiful social media galleries for your business, event or client without any IT or developer involvement.
Every business can benefit from displaying media in some form or another, whether it's customer testimonials, curation of a specific #hashtag that's linked to a promotional campaign or images of customers using a specific product
Many businesses don't realise the potential that lies in displaying media from customers, clients and themselves in a way that drives a meaningful connection with customers.
That's where Gallery comes in. We make it incredibly easy to build a beautiful, responsive (and embeddable) Gallery that you can install wherever you want. What's more, Gallery pulls in data from a huge variety of sources including Instagram, Facebook and even Competitions or Rewards.
To create a Gallery just head to the Gallery tab in the left menu, then click the New Gallery button at the top right.
Gallery offers a live preview as you setup each element, which means that you just need to build something that suits your brand or style.
The first tab allows you to setup much of the basic functionality of your Gallery including the:
The type of Gallery that you're able to build will depend on your plan (Competitions & Rewards have access to the Basic Gallery).
This guide assumes that you have a Gallery plan and will be using the Gallery App.
The Name for your Gallery is an internal name that's shown on your Dashboard or when viewing your reporting.
This name doesn't show in the URL for the Gallery:
By default the Gallery will attempt to pull in as many items as it can until it hits your Historical Import limit.
You can set a specific start date for the import during setup, the Historical Import will then import either up until your limit or until the start date is reached (i.e. it won't import anything from before your start date).
You can select from any of our 25+ supported languages for your Gallery. This will translate any of the fixed text in the Gallery.
You will still need to translate any of your own dynamic text for elements like the Header & Description
You are able to change any text within our Gallery. To change the text, simply add the key for the text and a value in quotes (it uses YAML layout). You only need to add overrides - don't paste the whole file in.
In the reference bundle, you see this:
gallery_no_entries: "Nothing to show yet" gallery_most_recent: "Most Recent" gallery_most_popular: "Most Popular" gallery_load_more: "Load More" gallery_link_copied: "Link copied!"
To change them, add this to the Widget Text Overrides:
gallery_no_entries: "No Uploads Just Yet" gallery_most_recent: "Latest" gallery_most_popular: "Most Voted" gallery_load_more: "View More Photos" gallery_link_copied: "Copied!"
And here's what it looks like in the Gleam UI:
The full list of text that you can override is in this downloadable file:
Enabling this option allows users to share individual Gallery items from the modal.
Users can share via:
Users can also copy the unique share URL to their clipboard (and share elsewhere).
When a user shares a specific link it will link any users back to the same image that was shared, this will work on the Gleam Hosted Gallery or if you have it embedded on your own landing page.
Brands and users can also share individual Gallery items by embedding them on any page that supports HTML.
One use case for this would be running photo contests and allowing influencers to write posts around their submission and allow voting on their item from within the post.
If you enable voting then users will be able to vote on their favourite images (which you can then see in the backend leaderboard).
By default the Gallery will display all imported items. This option turns on a moderation queue, which allows you to approve photos via the Pending tab before they become available to the public.
Even with this option turned off it is possible to reject photos, so you can decide if you'd prefer to let everything through and reject or turn on moderation and approve everything.
Adding Import sources to your Gallery is how you populate it with media and other items that the Gallery displays. There are two main ways to import items into your Gallery:
On some Premium plans you can import from multiple campaigns at once, this is useful if you're running multiple campaigns and you need them to feed into the one Gallery.
Linking a campaign enables the Campaign Button option in the Header tab which allows users to enter the campaign from within the Gallery.
Gallery offers a wide range of sources for you to import media from, for more details on each individual source click below to view those specific docs.
Once you have created your Gallery you will also be able to manually add items from Instagram, Twitter or YouTube.
All you need to do is click the "Add Item" button and add the URL of the Twitter, Instagram or YouTube item you want to add to your Gallery.
When you enable voting you have two options:
You can also choose to limit votes to within a specified Voting Date Range, or Include or Exclude Locations.
You can also decide whether or not you want to publically Show Vote Counts.
If you do opt to show vote counts a filter will be added to the Gallery which allows users to see the most popular, most recent, or random images.
You also have the option to Hide Sorting and not display any filters, or customise the naming of each filter.
Making sure your Gallery looks the way you want it to is a huge part of the setup process. We offer a huge range of customisation inside the Gallery to help you engage your customers.
The Header tab allows you to control the area above where the Gallery items are displayed. This section is off by default.
The Cover section sits above the logo, you can use a solid colour, gradient or upload an image which will stretch to fit. Once you've done that you can set the height of this section.
The Cover can be used by itself if you wanted a larger image with text or to have a completely branded header.
You can upload your logo to sit between the Cover & Text sections of the Gallery. We allow you to wrap the logo in a circle or have it sit raw on the Gallery (useful for wider logos).
The Text area allows you to personalise the header with a Title and also a description. Useful for letting users know what the Gallery is about or asking them to do something (use this #hashtag etc).
In the links tab you can see various links to social media accounts or even a CTA to visit your store or product.
The colour of each link matches the respective social network, but you can override this to match your branding.
The content tab allows you to control the appearance and behaviour of all the content inside your Gallery.
Before a user interacts with any of the items in your Gallery they sit naturally in a preview state on the page.
This section allows you to configure how the Gallery items look:
Highlighting allows you to feature one of the items in your Gallery at regular intervals. This feature can really help give you Gallery more vibrance.
Using highlighting will automatically enable the Normalize Media Height option so that the media looks consistent.
Carousel mode allows you to display your Gallery items in a horiozontal scrollable carousel instead of a grid. This is fantastic for putting on your homepage or specific product pages.
Custom Columns is a Premium feature that allows you to fully customise how many columns show at very specific screen sizes.
This can be useful if you want to show 4 columns on a TV, but only show 1 column if a customer views the Gallery on a mobile device.
Supported resolution ranges:
Set a custom background colour for the entire Gallery or even upload a background image using this section.
The background image will automatically scale to fit the width of the users device or embedded page.
The popout section allows you to configure how your Gallery item looks once it's clicked by the user to view.
It features a number of options:
We also offer a narrower vertical layout which can be forced by enabling the Vertical Layout option.
This option allows you to give the popout a specific background colour when in an opened state. You can also set opacity and change the colours depending on mobile or desktop.
When the Gallery is embedded in a page it'll show 64 Gallery items before displaying a Load More button. This is to prevent the Gallery completely taking over the page and showing everything at once.
You can configure text, colour and also apperance of the Load More button in this section.
The Advanced tab allows you to control how many items show before the Load More button shows, or if it even shows at all.
The Advanced tab contains a number of additional features for users on the Business plan or higher:
Select from 500 different fonts and have it automatically apply across your entire Gallery:
You can use Custom CSS if you want to override something specifically relating to the Gallery styles.
You can select if images in your Gallery will be sorted by default by popularity, most recent, or random.
This allows you to control how many total items show in the Gallery at any one time, this can be useful if you have a fixed area and don't want the Gallery to scroll but still want to show the latest images.
An alternative way to do this is to enable Moderation and approve only the images you want to show.
This allows you to control how many items show before the Load More button appears when the Gallery is embedded.
This moves the background of the Gallery to line up with the current item that's being viewed. This is auotmatically enabled in Presentation mode.
When enabled this will automatically refresh the Gallery when new items are available. This mode only
Disable links to users profiles from Previews and the Popout modal.
Use full resolution images for thumbnails, this option can slow down the Gallery but is useful if you're using large thumbnails or highlighting.
The Gallery may not always sort items chronologically depending on your settings, this option forces it to do that.
If you plan to display your Gallery in a Fullscreen setting (like a display or TV) then you need to enable this option. When your Gallery is in Presentation Mode you have the ability to automatically switch between media at designated intervals ranging from 1 second to 1 minute.
Pressing F will show the Gallery with the Header and pressing H will show the Gallery without the header
Presentation Mode also has a live refresh feature, so new media will be included if your Gallery is showing Most Recent.
Override the default Open Graph Settings for your Gallery with these custom settings.