Webflow Portfolio Widget

Showcase your portfolio on your Webflow website to highlight projects, show expertise, and help visitors understand your skills at a glance.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Webflow Portfolio Widget

Create your Portfolio widget

Configure your widget and add it to your Webflow website for free!

Screenshots

Webflow Portfolio Widget
1 / 6

Why People Love Elfsight

Your projects deserve to be more than hidden links or flat images – they deserve to be showcased. The Elfsight Portfolio widget helps you create a clean, modern display of your work that feels natural inside your website and easy for visitors to explore.

It’s simple to set up and works even if you’re not technical. It’s like turning your Webflow project into a polished gallery wall – one that’s always up to date and ready to impress clients or customers.

Did you know?

According to Adobe, nearly 6 in 10 people are more likely to stay engaged on a website that presents content beautifully.

Start today with Elfsight’s Portfolio for free and let your work speak for itself.

Key Features of the Webflow Portfolio Widget

Elfsight is designed to make organizing and displaying your projects straightforward and stylish.

  • Multiple layouts: Choose grid, list, or masonry to find the perfect way to show your work.
  • Filters and categories: Let visitors filter by category so they can quickly find what interests them most.
  • Rich project details: Add images, text descriptions, links, and even videos to give full context.
  • Custom styling: Adjust fonts, colors, and sizes so the Portfolio blends naturally with your Webflow design.
  • Responsive by default: Whether on desktop, tablet, or phone, your widget always looks sharp.
  • Easy updates: Add or edit projects in minutes, keeping your showcase fresh without extra effort.

Check out all the features instantly – no signup necessary.

How to Add the Portfolio to Webflow

Embedding your portfolio is quick and feels a lot like copy–paste, just follow these steps:

  1. Select your template: Open the Elfsight editor and choose a template.
  2. Customize the widget: Add your projects, pick a layout, and adjust the look.
  3. Generate the code: Click “Add to website for free” and copy the automatically generated code.
  4. Embed on your website: In Webflow, add an Embed block to your page and paste the code inside.

Need help? You can always check our Help Center and read blog tutorials on how to embed a Portfolio on your website on how to embed a Portfolio on your website. Share your ideas in the Wishlist and keep up with updates in the Changelog.

Which Webflow plans support custom embeds?

CMS, Business, and Ecommerce plans support custom HTML and JavaScript embeds.

Does the Portfolio widget work with Webflow CMS collections?

Elfsight widgets can be embedded inside CMS collection templates, allowing them to appear dynamically across CMS pages.

Can I create project categories on my Webflow website?

Yes, Elfsight lets you organize projects into categories that appear as tabs above your portfolio grid. Visitors can filter projects dynamically within your Webflow layout.

How are project details presented in Webflow?

Clicking a project opens a popup inside your Webflow page, displaying media, descriptions, dates, and extra information without redirecting visitors away.

Does the portfolio support different media types?

Yes, Elfsight supports images, videos, and combined media formats, helping you showcase creative or commercial work effectively.

Can I control what appears on hover versus inside the popup?

Yes, you can define what appears on hover and what is revealed only after opening the popup, keeping your Webflow design visually streamlined.

Can projects redirect to external links?

Yes, instead of a popup, a project can include a button linking visitors from your Webflow website to an external case study or landing page.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent version that suits any website
from $0 / month
start with free plan
Unlimited domains
Free and on-time support
Free of charge installation service
Special deal for multiple apps
Flexible design