Widget Use Case Examples
Not sure which Elementor widgets to use or how to get the most out of them? Here are detailed use cases for six of Monogram most popular widgets to spark your creativity.
#Portfolio Widget
Best for: Showcasing your project work, case studies, or creative portfolio.
The Portfolio widget is your main tool for displaying project work anywhere on your site - not just the portfolio archive page. It comes with five layout options:
- Default Grid - a clean, uniform grid that works for any type of portfolio. Great if you want a professional, organized look.
- Masonry - a Pinterest-style layout where images have natural, varied heights. Perfect when your projects have different image proportions and you want a more dynamic feel.
- Skew - columns shift as visitors scroll, creating an eye-catching parallax effect. Use this when you want your portfolio to feel creative and unconventional.
- Stacked - full-width cards that pin and stack as visitors scroll. Choose this when each project deserves big, immersive visual real estate.
- Reveal - a scroll-driven animation with a sticky header that updates dynamically. Ideal for telling a visual story through your work.
All layouts include built-in category filtering (so visitors can sort by project type) and pagination (page numbers, Load More button, or infinite scroll).
#When to use it:
- Your homepage "Featured Work" section
- A dedicated portfolio page with filtering
- A landing page showcasing specific project categories
#Posts List Widget
Best for: Displaying blog posts anywhere on your site beyond the default blog page.
This widget pulls your blog posts into any page with beautiful formatting. Key features include:
- Category header with a featured image from the category
- AJAX Load More - visitors can load additional posts without refreshing the page
- Multiple display styles - choose the card layout that fits your design
- Filter by specific categories or show posts from all categories
#When to use it:
- A "Latest from the Blog" section on your homepage
- A landing page that combines services info with related blog content
- A sidebar or footer area with recent articles
- A content-heavy page where you want to highlight specific post categories
#Dynamic Clock Widget
Best for: Adding a real-time clock to show your local time or business hours.
This widget displays a live, ticking clock on your website. You can customize:
- 12-hour or 24-hour format - match your region's convention
- Timezone - show the time in any timezone, helpful for international clients who want to know your local time
- Timezone code - append the short zone abbreviation after the time, such as
EST,CESTorGMT+2. It follows daylight saving on its own, so you do not have to change it twice a year - Date display - optionally show the current date alongside the time
- Custom label - add text like "Studio Hours", "New York Time", or "Available 9AM-6PM"
#When to use it:
- Freelancer or agency sites where clients are in different timezones
- Contact pages - "Our current local time is..."
- Creative "About" pages for a personal, dynamic touch
- Studio or office pages showing business hours
#Experience Timeline Widget
Best for: Displaying your career history, company milestones, or educational background.
The Experience Timeline creates a professional, organized timeline with:
- Work and Education tabs - separate your professional and academic history
- Company logos - upload logos for each position or institution
- Date ranges - show when each role started and ended
- Descriptions - add details about your responsibilities, achievements, or course of study
#When to use it:
- Your "About Me" page to showcase your professional journey
- A company "Our Story" page with key milestones
- A resume or CV-style page
- Team member profiles showing individual career paths
#Testimonials Grid Widget
Best for: Displaying client feedback and social proof in a multi-column layout.
Show off what your clients think about your work with a polished testimonial grid. Each card can include:
- Quote text - the testimonial itself
- Author name and title - who said it and their role
- Avatar - a photo of the person giving the testimonial
- Company logo - the company they represent
You can customize the number of columns and spacing between cards to match your page design.
#When to use it:
- A dedicated "Testimonials" or "What Clients Say" page
- Your homepage to build trust with new visitors
- Service pages to reinforce credibility
- Landing pages where social proof helps convert visitors
#Globe Widget
Best for: Adding animated geometry to a hero, contact, or about section.
The Globe widget draws a wireframe sphere on a canvas and rotates it. It is decoration, built from evenly spaced lines bent into a sphere shape and animated cheaply so it costs little to render.
The globe carries no geography. There are no countries or continents on it, no location markers, and nothing on it can be pinned, highlighted, or clicked. An earlier version of this article described marker support the widget has never had. To show real locations, use the Google Map widget instead.
What you can change:
- Line color, set separately for the dark and light scheme
- Line thickness, and how many vertical and horizontal lines make up the sphere
- Rotation speed and direction, plus extra spin while the page scrolls
- Tilt angle
- Pause on hover
- Mobile rendering - turn the canvas off on phones to save battery
- Size and the reveal animation
#When to use it:
- A hero section that needs movement without the weight of a video
- Contact pages, alongside a Dynamic Clock
- "About" sections where a photograph would feel too literal
You can combine multiple widgets on a single page to create rich, engaging layouts. For example, pair the Portfolio widget with a Testimonials Grid below it to show your work and client feedback together.
Last updated
Was this article helpful?
Resources
On this page
