Image Gallery Widget

Build a Free Image Gallery for Your Website in Minutes

Show photos in grid, carousel, slider, masonry, thumbnails, or panoramic layouts. Add captions, links, hover and load-in animations, and a full-screen lightbox, then style it to match your site, no code required.

Create Your Image Gallery
Build a Free Image Gallery for Your Website in Minutes Hero Bg Image

How to embed Image Gallery Widget to WordPress

1Get your embed code

After customizing your Jform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

더 알아보기

Add Images with Captions, Descriptions, and Links

Upload photos or paste image URLs, then attach a caption, a longer description, and an optional link to each image so the gallery does more than look good.

Per-image options include:

Image uploadCaption설명Link URL
Add Your Images
Add Images with Captions, Descriptions, and Links

Choose From Seven Gallery Layouts

Start from a grid, carousel, slider, vertical or horizontal masonry, thumbnails, or panoramic layout, then adjust columns and spacing to fit any page width.

Layout options include:

그리드Carousel슬라이더MasonryThumbnailsPanoramic
Choose a Layout
Choose From Seven Gallery Layouts

Open Photos in a Full-Screen Lightbox

Enable click-to-enlarge so visitors can view images full screen and move between them with arrows, keyboard keys, or swipe gestures.

Lightbox features include:

Click to enlargeNext / previousKeyboard navSwipe support
Enable the Lightbox
Open Photos in a Full-Screen Lightbox

Style Hover Effects, Corners, and Colors

Pick a hover effect, round the corners, add a shadow, set caption and title sizes, tune colors, and add custom CSS for a gallery that matches your brand.

Style options include:

Hover effectsCorner radius그림자색들맞춤설정 CSS
Customize Style
Style Hover Effects, Corners, and Colors

Animate Your Gallery on Load and Scroll

Add a load-in animation, reveal photos one after another with staggering, control the animation speed, and play it only when the gallery scrolls into view.

Animation controls include:

Loading animationStaggerAnimation speedAnimate on scroll
Animate Your Gallery
Animate Your Gallery on Load and Scroll