Portfolio Widget

Create Your Own Portfolio in Seconds for Your Website

Build a responsive project gallery with template presets, categories, images, videos, media galleries, hover overlays, popups, buttons, responsive columns, and custom styling without code.

Create Your Portfolio
Create Your Own Portfolio in Seconds for Your Website Hero Bg Image

How to embed Portfolio Widget to WordPress

1Get your embed code

After customizing your Jotform 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 Jotform Website widget embed code into the HTML field.

4Update and view

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

Learn more

Add Complete Portfolio Projects

Build each entry with a title, category, cover image, image or video media, extra gallery media, short and long descriptions, date, client, location, and project links.

Project fields include:

TitleCategoryCover imageImage or videoMedia galleryClientCTA link
Add Your Projects
Add Complete Portfolio Projects

Choose Grid, Masonry, or List Layouts

Use masonry for editorial galleries, grid for consistent project cards, or list for detailed case-study browsing.

Layouts include:

MasonryGridListResponsive columns
Choose a Layout
Choose Grid, Masonry, or List Layouts

Show Details in Popups or External Links

Let visitors open a project popup with large media, gallery thumbnails, metadata, and its own visibility controls, or send them to a case study, store page, reel, or external portfolio link.

Browsing controls include:

Popup detailsMedia galleryHover/popup visibilityExternal linksPrevious/next
Set Click Behavior
Show Details in Popups or External Links

Customize Cards, Overlays, and Popups

Start with a template preset or light and dark themes, then customize surface colors, card colors, overlay colors, popup colors, button colors, hover effects, and custom CSS.

Style options include:

ThemePresetsCardsOverlaysPopupCustom CSS
Style Your Portfolio
Customize Cards, Overlays, and Popups