New embeddable Galleries feature in Brandkit

Your content should work as hard as you do.

That’s why we’ve introduced a New embeddable Galleries feature in Brandkit.

You can now embed an update-able Image Gallery in 3rd party websites and web pages, or share a gallery with anyone via a shareable Magic-link.

See it in action. Check out this web page on our demo site —featuring 3 different layouts using the new embedded Galleries feature.

What’s New

We’ve added an entirely new Galleries feature that means Admins can now now create one or more Image Galleries in your Brandkit and deploy to 3rd party websites, Brandkit posts or CMS pages, and other web compatible places, with a an embeddable code block (with JS Script or iframe options), or share via magic-link.

• New Galleries option in Admin > Assets lists all your current Galleries
• New Save to Gallery option in the Save workflows in the Basket and for individual Assets
• Copy and paste generated embed code to 3rd party websites
• Copy and Paste embed code to Brandkit Posts or CMS Pages
• Share a gallery stand alone as a magic-link
• Update Galleries by edit Asset list, or Saving selected Assets from your Basket to an existing Gallery
• Gallery items can include an info panel including Asset details like Licence Information
• Gallery items can include a link to the Asset page in your Brandkit Portal
• Gallery items can display a preview modal when clicked with links to the Asset Page in your Brandkit Portal and any CTA links in the Asset.
• Gallery items can link directly to an Asset’s CTA link (ideal for wiring up Gallery items to other web pages, ecommerce pages, bookings pages, etc).
• Galleries can include Images, Video, YouTube videos, Instagram Posts, and more.
• Galleries automatoically take care of visibility permissions and use Public User visibility rules. Just make sure your Gallery Assets are in the right Vault.

No Additional Fees

There are no additional fees for the Galleries feature and it is available across all Editions and Plans for no additional cost.

However like all embeds there may be an impact of your Usage metrics (CDN traffic) when folks view your Galleries on 3rd-party websites, as those views are recorded in your metrics (see the section on Reporting below)

New Menu item

You’ll find a new Galleries menu item in the Admin > Assets > sun menu.

Clicking this menu item open a Galleries listing page

Images, Videos and more

Galleries can include Images, Video, YouTube videos, Instagram Posts, and more.

Layout options

Galleries have several layout options including grid styles (e.g. Masonry, Grid), orientation options (e.g. vertical, horizontal), number of columns, padding, spacing and more.

Masonry Vertical (default)

Masonry Horizontal

Grid Vertical

Linking Options

Brandkit Galleries include linking options for individual Gallery Items.

• By default Gallery images link to the either Asset’s CTA link (added to the Asset in your Brandkit) or the Asset Page in your Brandkit Portal. CTA’s have priority.
• You can disable Linking in which case we display a pop-up modal with additional Asset information including Licence details, and links to the Asset Page and/or CTA links.

The upshot of this is that you can include a compelling image or video in a Gallery that links to say a Booking Page or Ecommerce page.

Asset Info Display

Gallery items include an Info icon on hover , that when clicked display useful Asset information, including:

• Asset Name
• Description
• Licence
• Credit
• Release Date
• Location
• Asset Page URL
• CTA URL (if one exists)

You can disable this feature also in your Gallery settings by disabling Show Asset Details.

Responsive to screen size

Galleries automatically respond (are responsive) to device screen sizes - meaning that columns and sizes will adjust automatically based on device screen-size (e.g. on a phone screen you may see one or two columns instead of 5 or 6 on desktop).

Deployment Options

There are 3 deployment options:

1. Embed Code Script - copy and paste a generated Javascript snippet (recommended).
2. Embed Code Iframe- copy and paste a generated Iframe snippet.
3. Magic-link - copy a web URL for a stand alone gallery that can be opened in a browser.

Automatically updates

Galleries automatically update when you add or remove Assets to your Galleries in Brandkit.

So once deployed (via embed code or magic-link) you can easily update them.

Private Assets stay Private

Brandkit Galleries will only show Assets that are in publicly visible Vaults in your Brandkit.

That is - if the Asset is in a Vault that the Public User role has visibility to, the Asset can be displayed in the Gallery. Any Asset that is not visible by the Public User Role will not be shown in the Gallery.

This is an automatic safety mechanism to ensure you don’t share private assets in public facing Galleries.

When setting up Galleries we’ll show Admin users warnings about Assets that won’t be shown and the Gallery Previews won’t include those Assets either.

Note that changes to an Asset, including an Asset’s Vault (e.g. moving an Asset from a Private Vault to a Public Vault) will impact the visibility of previously selected Assets, in deployed Galleries in real-time.

How It Works

Two basic workflows to create a gallery:

Via Galleries page**

1. Create a Gallery from scratch in Admin > Galleries
2. Name the Gallery
3. Add a Heading if required
4. Select Display Options
5. Add some Assets (you will be able to Search for and select Assets)
6. Click Embed Customisation & Preview to adjust layout and styling.
7. Preview your Gallery and adjust if necessary
8. Save
9. Copy the Embed Code (we recommend the Script option). Use the Iframe option if you cannot us the Script version.
10. Paste into your 3rd party web page, or pass the embed code to your web developer. You can also embed Galleries in your Brandkit Portal pages - via the Brandkit CMS by pasting into an HTML Section.

Via Basket**

1. Select Assets to include in the Gallery so that they are in your Basket
2. Click Save in the Basket > then select Gallery > then New Gallery
3. Name the Gallery
4. Add a Heading if required
5. Select Display Options
6. Click Embed Customisation & Preview to adjust layout and styling.
7. Preview your Gallery and adjust if necessary
8. Save
9. Copy the Embed Code (we recommend the Script option). Use the Iframe option if you cannot us the Script version.
10. Paste into your 3rd party web page, or pass the embed code to your web developer. You can also embed Galleries in your Brandkit Portal pages - via the Brandkit CMS by pasting into an HTML Section.

Once deployed to your website (or magic-link) you can more or less forget about it. As you add or remove Assets to your Gallery in Brandkit, your embedded or shared Gallery will be updated automatically in real time.

Key features:

• Automatic updates from your approved Brandkit image assets.
• You can select your preferred sort order (e.g. Latest, Most Viewed, etc).
• You can configure a Gallery Heading, How many images to show, the number of columns, and whether you show an image title and credit, in your gallery.
• Images are linked to the relevant asset page in your Brandkit portal.
• You can embed multiple Galleries in one or many sites, or you can embed a single gallery in many sites.
• Gallery images are delivered via our Global CDN with over 400 points of presence globally.
• Views of Images in your external galleries will be shown in your Brandkit analytics.

Why It Matters

You’ve already created or curated and uploaded your images and video, tagged and approved them. Why add another manual step?

Update-able galleries eliminate the work of having to replace embed code, or manually updating galleries when you have new Images or videos to show.

And Brandkit’s Brand-safe visibility rules ensure private assets are not shown inadvertently.

Your team can now focus on strategy, creating or curating new content, while your website stays current —automatically.

Getting Started

The feature is now available upon request.

1. Ask your [Brandkit Account Manager](/contact or Brandkit Support to demonstrate and activate the feature in your account.
2. Create a Gallery
3. Choose your preferred deploy option (Script, Iframe, Magic-link)
4. Deploy to your website by pasting the embed in to your web page HTM 0r sharing the Magic-link.
5. You may need to add a Content Security Policy (CSP) rule to ensure the images can be show on your website - and we include a CSP declaration that you can copy.
6. Check & review

We recommend embedded galleries should be set up to show 15 to 20 images across 5 columns. But if your page layout is narrow reduce the columns.

Managing Your Galleries

Keep content seasonal. Swap out or archive assets that don’t match current campaigns or seasons.

Monitor performance. Brandkit tracks engagement, so if you sort by Most Views, your best-performing images will be surfaced first.

Public, Approved and Tagged content. Ensure images are saved in a publicly viewable Vault, Approved and have an Active status, to include them in your Galleries.

Disabling a Gallery

Sometimes you may want to disable a Gallery you have shared via an Embed or a Magic Link.

You can delete the Gallery and the embed or magic link will simply stop working.

You should also “clean-up” any web pages where you have pasted that embed code or Magic-links you have shared..

What about UGC

You can include User Generated Content (UGC) in your embedded Image Galleries.

Once you find an image you want to use from social media, influencers, or partners —ask them to upload their original high res images via Brandkit’s Contribution (Public Upload) workflow.

You may need to enable this in your User Role settings - Settings > User Roles.

You will need to invite each user to the Contribution workflow in your Brandkit Portal.

Don’t rely on the images scraped from Social Media (e.g. Instagram™) etc as these are down-sampled low res versions with limitations,

Once the user has contributed an image, your Admins can Accept, Classify, Tag, add any CTA links, and Approve it as a published Asset,. Then they can add it to a Gallery —where it it will appear in the deployed Gallery automatically.

We always recommend you add attribution to the contributor, with a Credit in the Asset details, and turn on Show Asset Details in your Gallery settings if you use any UGC (or partner) content.

3 Tips for Curating Awesome Image Galleries

Update-able Galleries handle the heavy lifting, but you’ll still want to ensure your content stays relevant to campaigns, seasons, and brand messaging.

1. Align with Active Campaigns

Match your gallery content to what you’re promoting right now. Launching a new product line? Feature those assets. Running a seasonal campaign? Swap in relevant imagery. Your galleries should reflect your current marketing priorities, not last quarter’s focus.

2. Keep Content Seasonal

Update galleries to match the calendar. Holiday campaigns, seasonal products, and time-sensitive promotions need fresh visuals. Set quarterly reminders to review your galleries, change out the albums search query, and archive outdated content. Even evergreen galleries benefit from periodic refreshes to stay current.

3. Maintain Brand Consistency

Your galleries represent your brand on partner sites and landing pages. Regularly check that featured images align with current brand guidelines, messaging, and visual standards. If your brand evolves, your galleries should too.

Pro tips:

• Use Brandkit’s performance tracking to identify which images resonate most, then apply those insights to future content selection.
• Use an Gallery Name and Heading that is flexible enough to use with multiple Assets so if you change the Asset selection in the future the name still makes sense (e.g. Corporate Site Image Gallery or Hero Image Gallery)

Reporting

Galleries Page

The Galleries page in Admin > Assets Galleries includes a green Traffic-light indicator when the Gallery is active and receiving requests.

Clicking the embed link will also display the last time the Gallery was viewed (e.g. Last viewed 9 minutes ago).

Reports - Content Analytics Dashboard

Gallery images are delivered to Galleries via the Brandkit CDN (Content Delivery Network) and so any viewing of Galleries (whether is 3rd party websites or in shared Magic-links) will be reflected in CDN traffic and Account Usage in the dashboard.

CSS Styling

You can target HTML elements in the embedded Gallery and style Gallery elements to match your destination website - using the CSS of the destination website.

div.bk-embed-container {your styles} /*--Gallery container--*/

span.bk-embed-heading {your styles} /*--Gallery Heading text--*/

span.bk-embed-footer {your styles} /*--Gallery Footer text--*/

The Gallery Heading is editable in your Gallery Settings,
The Gallery Footer text displays the following text with a link: Gallery from {Your Primary Account URL}. You can disable this footer text in the Gallery settings - but you must redeploy if you are making a change to an existing Gallery,

Check it out

Since this new feature is already available (Brandkit support may need to activate for you during the BETA period) - go ahead and try it and see how easy it is.

Questions?

Check the Brandkit Help Centre or contact support.

Not using Brandkit yet? Book a demo to see how we simplify digital asset management.

Happy branding :)

P.S About the BETA label on Galleries. Note that we typically add the BETA label on any new features ad remove once we have been using in production for a period of time.