HTML Photo Gallery widget code
Show photo galleries on your HTML website to highlight your work and present visuals in a clean, attractive format that keeps visitors engaged.
Create Widget for Free
No credit card needed
Trusted by over 3,000,000 small business, agencies and top global brands worldwide
Create your Photo Gallery widget
Configure your Image Gallery and add it to your HTML website for free!
Screenshots
Why People Love Elfsight
A picture speaks louder than words, and with the Elfsight Photo Gallery widget, your visuals take the spotlight. Whether you’re showcasing a product range, a photography portfolio, or your latest project, this gallery makes your website look polished without making you wrestle with code.
It’s quick to install, flexible to customize, and works like a charm on any device.
Did you know?
Articles that include relevant images get 94% more views than those without them. Visitors could spend a few extra minutes exploring your content.
Start using the Elfsight Photo Gallery for free today and make your HTML website more inviting in just a few clicks.
Key Features of the HTML Image Gallery Plugin
Here’s how the widget helps you bring your images to life:
- Simple setup: Generate and paste the HTML code – no developer needed.
- Responsive design: A responsive gallery that automatically adjusts to phones, tablets, and desktops.
- Albums included: Group images into neat collections to create a clean gallery for website visitors to browse.
- Different layouts: Choose from grid, slider, or masonry styles to match your content and design.
- Interactive viewing: Enable lightbox pop-ups, hover effects, and captions to give visitors more ways to engage.
- Style your way: Customize fonts, colors, spacing, and overall look so it blends seamlessly with your brand.
Test full functionality in the free editor – no registration needed
How to Add the Photo Gallery to HTML
Adding your gallery is a straightforward process that takes just a few steps:
- Open the Elfsight editor: Pick a gallery template.
- Personalize it: Upload images and adjust the design.
- Generate code: Click “Add to website for free” and copy the snippet.
- Paste in HTML: Insert the HTML code wherever you want the gallery to appear.
Need help? Visit our Help Center or check our blog for tips on embedding a Photo Gallery on your website. Got an idea? Share it in the Wishlist. Want to see what’s new? Follow updates in the Changelog.
Can I add the Photo Gallery widget to a static HTML website?
Yes, you can embed the gallery on any HTML page by inserting the installation code into your page source. It works on static websites as long as JavaScript is enabled.
Can I import images from Google Photos albums?
You can connect your Google Photos account and choose specific images to display. To add more, simply repeat the import process and select additional photos.
Does the Photo Gallery support Google Drive or Dropbox?
The gallery is designed for direct uploads and Google Photos integration. Other cloud storage services like Google Drive or Dropbox aren’t supported natively.
Which image formats are supported on HTML pages?
The gallery accepts JPG, PNG, and WebP files. For the best performance and display quality, follow the recommended image upload guidelines.
How do I add captions or descriptions to images in HTML?
Each photo can include a title, description, and alt text. These details can be added during upload or later via the Edit option, and they appear in popups or overlays.
Is slideshow mode available in the gallery?
Yes, when you set the click action to open images in a popup, you can enable slideshow mode so visitors can automatically cycle through photos.
Can I add a watermark to my images in HTML?
Yes, a watermark feature is available. You can adjust its size and position to protect your images while maintaining a professional look.
Can I manually reorder images in the gallery?
Absolutely. You can rearrange photos using drag-and-drop controls in the editor to create a custom display order.
Is it possible to attach links to individual images?
Yes, each image can include a custom link directing users to a product page, landing page, or external website.
Can I embed videos inside the Photo Gallery?
The Photo Gallery is built specifically for images. To display videos, you can use dedicated widgets such as YouTube Gallery or Vimeo Gallery.
Pricing
14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent solution
from $0 / month
start with free plan
Unlimited websites
Free company support
Free installation assistance
Price to catch for multiple apps
Easy to edit content