To build a portfolio in Elementor, create a “Projects” post type (or use posts in a Portfolio category), design a project template with Theme Builder, and display projects with the Loop Grid or the Portfolio widget with category filters. Each project should show the problem, what you did, the result, images and a link. For simple galleries, use the Gallery widget with lightbox and lazy loading.
- Case studies sell better than image-only galleries.
- Use Loop Grid with filters for project lists.
- Compress portfolio images to WebP.
- Lightbox lets visitors view larger images.
- Link to live sites where possible.
Which tools should you use?
| Need | Elementor tool |
|---|---|
| Project list with filters | Loop Grid with taxonomy filter, or Portfolio widget |
| Single project page | Theme Builder single template |
| Image gallery | Gallery widget with lightbox |
| Before/after | Image comparison addon or two-column layout |
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
What makes a portfolio win work?
Picture a designer whose portfolio shows 30 thumbnails with no context. A potential client cannot tell what was hard or what changed. Another designer shows six projects, each with a one-line challenge, three steps taken and a result such as “PageSpeed from 41 to 89” or “bookings doubled”. The second one gets hired. See building a portfolio that gets clients.
Want to learn Elementor faster with a tutor?
I teach WordPress and Elementor 1-to-1 over Zoom or Google Meet, on your own website, at your pace. Lessons start at $40, every lesson is recorded so you can rewatch it, and you get a short checklist afterwards. Beginners, business owners, students and freelancers are all welcome. See lessons and prices or book a free intro call.
Frequently asked questions
How do I make a portfolio in Elementor?
Create project posts, design a single template and list them with Loop Grid or the Portfolio widget with filters.
How do I add a filterable gallery in Elementor?
Use the Gallery widget with multiple galleries or a Loop Grid with taxonomy filters.
How do I keep a gallery fast?
Compress images to WebP, use correct sizes and lazy loading below the fold.
What should a portfolio project page include?
The challenge, what you did, results, images and a link to the live work.
Sources
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
More WordPress guides
Guide, 3 min readWordPress and Elementor Tutoring: Your Questions Answered
Guide, 3 min readWordPress Multisite Explained: Who Needs It (and Who Does Not)
Guide, 3 min readWordPress Comments and Spam: Settings That Keep Your Site Clean
Guide, 3 min readHow to Move WordPress to HTTPS (SSL) and Fix Mixed ContentRather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
