Image Gallery for ButterCMS

Showcase photos with an image gallery that displays pictures and captions in grids, improves design, and boosts visitor engagement.

Create Image Gallery

loved by 500K+ businesses

ButterCMS
plugineditor

Why Should You Use the Image Gallery Widget+?

Use an Image Gallery to Showcase Your Work or Products

With the Image Gallery for ButterCMS, you can easily showcase your work or products in the most visually appealing, and easy-to-follow way. Ideal for photographers and artists who rely on showing their visual works and shop owners who wish to display their products on their website.

Enhance Your ButterCMS website with an Image Gallery

Creating a ButterCMS Image Gallery is a great way to improve its aesthetics. With different grid types and animations, it’s especially easy to stand out and wow your ButterCMS website visitors.

Improve Engagement & Conversions

With a clear representation of your work or products via an interactive image gallery component, visitors are more likely to engage with those images and convert to paying customers once they see the amazing work or products you offer.

5 Grid Layouts for Stunning Image Galleries

The Image Gallery for ButterCMS comes available with five different grid layouts that will enable you to choose from organized, uniform boxes, to more disorganized and different-sized boxes to better fit your brand, personality, and website design. With the ability to choose from multiple grid layouts, the Image Gallery component provides you with the flexibility to create a visual experience that is unique and personalized for your ButterCMS website visitors.

Image Gallery - 5 Grid Layouts for Stunning Image Galleries

Add a title and description

The ButterCMS Image Gallery comes equipped with the ability to include captions and descriptions with images to aid users in comprehending their meaning. Captions and descriptions are a great way to provide search engines with helpful information, which can make it easier for people to find your ButterCMS website when searching for similar content. This can improve your ButterCMS website's visibility and attract more traffic to your website.

Image Gallery - Add a title and description

Fully Customizable Image Gallery for ButterCMS

The Image gallery component for ButterCMS can be customized to meet your ButterCMS website requirements. With this feature, you can craft a distinct visual atmosphere for your ButterCMS website audience, showcasing your brand and personality and setting your website apart from others in the market.

Image Gallery - Fully Customizable Image Gallery for ButterCMS
Image Gallery - Show the pictures in a pop-up with an expanded view

Show the pictures in a pop-up with an expanded view

An easy-to-use popup for enlarging images is a key feature of the Image Gallery for ButterCMS, enhancing the user experience.

Image Gallery - ButterCMS Image Gallery Micro Animation

ButterCMS Image Gallery Micro Animation

The addition of micro animations to the Image Gallery component creates a more dynamic and engaging image browsing experience. These micro animations provide a subtle but effective way to increase engagement, making your website more interactive and user-friendly for visitors.

Image Gallery - Easy To Use Widget

Easy To Use Widget

It is unnecessary to have any coding knowledge to use Image gallery for ButterCMS. With our intuitive dashboard, you can easily customize the Image gallery component for ButterCMS according to your preferences with a few clicks of your mouse.

Totally Responsive for your ButterCMS website

Regardless of the device, Image gallery component for ButterCMS looks great. If you ensure that your ButterCMS website is mobile-friendly, you can improve your search engine rankings, attract and retain visitors, and enhance your online visibility, ultimately resulting in more leads and sales for your business.

Image Gallery - Totally Responsive for your ButterCMS website

Using customized CSS with the Image gallery for ButterCMS

Custom CSS can be used to further customize Image gallery for ButterCMS in Common Ninja as well. By adding custom CSS to your Image gallery component, you can enhance your artistic freedom and precisely adjust the design, making your ButterCMS website exceptionally one-of-a-kind.

Image Gallery - Using customized CSS with the Image gallery for ButterCMS

Simple embedding On Your ButterCMS website

Embedding your Image gallery component on your ButterCMS website is as simple as copying and pasting one line of code. With every change you make, the ButterCMS Image gallery will be automatically updated on your ButterCMS website.

Image Gallery - Simple embedding On Your ButterCMS website

Compatible With All Site Builders, E-Commerce Platforms and Websites

webflow logoshopify logowix logowordpress logobigcommerce logosqurespace logoweebly logojoomla logoduda logojimdo logomagento logoshift4hsop logounbounce logocarrd logo
View all supported platforms

FAQ

An image gallery widget is a user interface element used to display a collection of images in a visually appealing way. It is commonly used in web and mobile applications to showcase images in a more organized and attractive manner.

An image gallery widget typically displays a grid of thumbnail images, which can be clicked on to view a larger version of the image. The widget may include features such as scrolling, zooming, and navigation buttons to make it easier for users to browse through the collection of images.


Image gallery widgets can be customized in various ways, such as adjusting the size and layout of the thumbnails, adding captions or descriptions to each image, and applying visual effects such as filters or transitions. They can be designed to fit seamlessly into the overall look and feel of a website or application and may be responsive to different screen sizes and orientations.


An image gallery widget provides an effective way to display and interact with a collection of images, making it a useful tool for photographers, artists, and businesses that want to showcase their products or services visually.

  1. Displaying Photos: Image galleries are commonly used to showcase photos, allowing users to view a collection of images in one place.
  2. Portfolio Showcasing: Artists, photographers, and designers use image galleries to showcase their work, highlighting their skills and talents.
  3. E-commerce: Online shopping websites use image galleries to display product images, allowing users to see the product in detail before making a purchase.
  4. Social Media: Social media platforms use image galleries to allow users to share and view multiple photos in one post.
  5. News Websites: News websites use image galleries to show a collection of photos related to a particular news story.
  6. Travel Websites: Travel websites use image galleries to display photos of hotels, tourist attractions, and destinations, giving users an idea of what they can expect before making a reservation.
  7. Educational Websites: Educational websites use image galleries to display images related to a topic or subject, making the learning experience more engaging.
  8. Personal Websites/Blogs: Individuals use image galleries to display personal photos and experiences on their personal blogs and websites.



Adding an image gallery to your website can benefit various groups of people, including:

  1. Photographers: Photographers can use image galleries to showcase their portfolios and demonstrate their photography skills to potential clients.
  2. Artists: Artists can use image galleries to display their artwork and attract potential buyers.
  3. E-commerce Websites: E-commerce websites can use image galleries to display product images, providing customers with a detailed view of the product before purchasing.
  4. News and Media Websites: News and media websites can use image galleries to accompany news stories and provide visual context.
  5. Travel Websites: Travel websites can use image galleries to showcase photos of destinations and accommodations, encouraging travelers to book their next trip.
  6. Educational Websites: Educational websites can use image galleries to provide visual aids and enhance the learning experience.
  7. Event Organizers: Event organizers can use image galleries to promote past events and showcase the atmosphere and success of previous events to attract potential attendees.
  8. Bloggers: Bloggers can use image galleries to enhance their blog posts and make them more engaging for readers.

Yes, you can easily do so from the “Templates” tab. 

Yes, there are lots of beautiful skins that you can choose from to save time and start using the widget as quickly as possible.

Yes, you can either upload an image, or select an icon from a large selection of available icons to add to your Notification Bar, or, alternatively, you can leave it all blank. 


It’s simple. All you need to do is to sign up and start using the free version.

Common Ninja’s Image Gallery widget is free to use. It is limited to a certain amount of views, however.

Common Ninja’s Image Gallery widget is compatible with ALL current and future website builders.

Yes, the Image Gallery widget is GDPR-compliant.

No. Using our Image Gallery widget is very simple. The widget comes with an intuitive drag-and-drop interface and fully customizable options. Once you’ve finished editing the widget to your liking, all you need to do is copy the provided code and add it to your website.

Yes. We are eager to hear your request. Please visit our Feature Request page.