Agency + design portfolio sites
Hexagon and blob masks for team photos add personality without Photoshop.
Apply SVG, PNG, or shape masks to product photos, hero images, and team portraits. Hexagon, blob, circle, custom-path. Live preview. Free, no code.
Trusted by 11,000+ brands








































Live demo, not a screenshot. Style it, brand it, embed it.
How to use it
Three steps. Under two minutes. No code required.
Pick the data source, layout, and trigger conditions for your image masking widget. Live preview updates instantly.
Pick fonts, colors, spacing, animations, and icons to match your existing site styling. Every visual control is in the dashboard.
Paste the one-line snippet on any site. Works on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, and any HTML stack.
Works everywhere
Drop-in install on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, and any HTML-friendly stack. No build step, no developer needed.
Plus 250+ other platforms via the embed snippet. If your site can render a <script> tag, it can render the Image Masking Widget for Website. Free, Unlimited - Poper.
Six things that matter when you are paying for a image masking widget.
Most generic widgets bolt-on image mask + crop as an afterthought. Poper's image masking widget is built ground-up around the specific UX requirements, real-time data needs, and accessibility constraints of image mask + crop. Every default is tuned for the use case.
Switch between layouts in the dashboard without re-embedding. Every layout works at every viewport from 320px mobile to 4K displays. Mobile-first by default.
Live updates via webhook, WebSocket, or polling. No stale data, no manual refresh.
Colors, fonts, spacing, animations, custom CSS. Native to your site.
Async-injected, scoped CSS, under 40 KB gzipped. Zero CLS, zero LCP regression. Lighthouse scores stay where they were.
Webhook integration with Shopify, WooCommerce, BigCommerce, Stripe, Auth0, Clerk, Supabase, and any custom REST/GraphQL endpoint. No manual polling, no broken integrations.
Use cases
Four buyer types who get the most lift from embedding Image Masking Widget for Website. Free, Unlimited - Poper on their site.
Hexagon and blob masks for team photos add personality without Photoshop.
Lifestyle product shots in branded shape masks unify visual style.
Instructor headshots in branded masks across course catalog pages.
Cover photo masks for featured stories and thumbnail layouts.
Most widgets paywall the features that matter. Here is how the popular ones stack up.
| Recommended Poper | Elfsight Image Masking | POWR Image Masking | Photoshop DIY | |
|---|---|---|---|---|
| Free plan available | Limited | Limited | ||
| Real-time data sync | Manual | |||
| Six layout presets | 3 layouts | 4 layouts | DIY | |
| Custom CSS / total design control | Paid only | |||
| GDPR + privacy compliance | DIY | |||
| Schema.org markup auto-injection | Paid only | DIY | ||
| Mobile responsive presets | DIY | |||
| Accessibility WCAG 2.1 AA | Partial | Partial | DIY | |
| Webhook integrations | Paid only | Paid only | DIY | |
| Pricing | $19/mo (Starter) | $5/mo | $10/mo | $23/mo Adobe |
| Bundled with popups, forms, more widgets |
Comparison reflects publicly listed pricing as of 2026. Verify current details on each provider's site.
Marketers and product teams who switched from generic tools to Poper Image Masking.
“Poper has improved our website's user engagement! Since integrating Poper's personalized popups, we've seen a dramatic surge in conversions and user interactions. The platform's intuitive design makes creating and customizing popups a breeze, even for those with minimal tech skills. What truly sets Poper apart are its…”

“Fantastic app and support team, they are very quick to help and provide a solution or improvement to their product. Highly recommended!”

“Poper has been a total lifesaver for our agency! As a digital marketing agency, we’re always juggling a million things at once. Poper has been a real game-changer in terms of streamlining our workflow and keeping track of all our clients’ campaigns. The ability to track all our clients’ websites from one place is a…”

Pricing
Free forever for one widget. Upgrade only when you need faster sync, multiple instances, or to drop the watermark.
Everything you need to ship the widget today.
Remove the watermark, faster sync, more widget instances.
Multi-site, multi-account, white-label.
All plans include unlimited page views, no contracts, cancel anytime. Annual billing saves 20%.
Image masks (hexagon team photos, blob hero images, custom-shape product crops) are an underrated way to add visual personality to a website without committing to Photoshop. The modern way is CSS clip-path or mask-image, which keep the source images intact while applying any shape via SVG paths. This guide walks through what actually matters when you choose and configure an image masking widget in 2026: CSS clip-path vs mask-image browser support, performance with lazy-loading, accessibility (mask is decorative, alt text describes the subject), and built-in shape libraries vs custom SVG path imports.
The conversion psychology behind image masking widgets is well-researched: when implemented with real verifiable data, respectful frequency throttling, and accessibility considerations, they consistently lift conversion 8-18% in peer-reviewed studies from Spiegel Research, Bazaarvoice, Baymard, and Nielsen Norman Group. The key is honesty: visitors notice when popups feel manipulated or fake, and the trust damage outlives the short-term conversion lift. Poper's image masking widget is built around real-time data integration with your underlying systems (Shopify, WooCommerce, Stripe, Auth0, Clerk, Supabase, and any custom REST/GraphQL endpoint) so the widget always reflects ground truth. Frequency throttling prevents fatigue, accessibility-first design respects vestibular and motion sensitivities, and GDPR-friendly anonymization patterns keep you compliant in EU markets.
Poper supports the standard webhook integrations: Shopify webhooks for orders/cart-add/product-views, WooCommerce REST API for similar events, BigCommerce Webhooks for order events, Stripe webhooks for payment + subscription events, Auth0 + Clerk + Supabase for authentication events, and any custom REST or GraphQL endpoint that returns JSON. Configuration is in the dashboard with no code required, and webhook signatures are validated server-side for security. Polling fallback is available for endpoints that do not support webhooks. Multi-source aggregation lets you combine events from several integrations into a single widget feed.
The FTC Endorsement Guides 2024 update significantly tightened the rules around social-proof and behavioral popup widgets. Notifications, counts, and any displayed activity must reflect real verifiable events. Faked, inflated, or curated 'best of' data is now explicitly prohibited and increasingly enforced. Poper's widget is built around live data sources for exactly this reason. On the GDPR side, EU visitors require explicit consent before the widget processes IP-based geolocation or personally identifying signals. Poper's widget anonymizes customer names (initials and city only), avoids PII in tracking, and respects consent banners served by your cookie-consent widget. The combination keeps you legally clean in both US and EU markets.
Modern widget UX must be accessibility-first. Poper's image masking widget respects the prefers-reduced-motion media query (skipping animation for vestibular-sensitive users per WCAG 2.3.3), uses ARIA roles and labels appropriate to the component type, supports full keyboard navigation, and works correctly with screen readers (tested with NVDA, JAWS, and VoiceOver). On the performance side, the widget loads asynchronously below the fold by default (no blocking render), uses scoped CSS that does not bleed into your design system, reserves dimensions to prevent Cumulative Layout Shift, and clocks in under 40 KB gzipped. Run PageSpeed Insights before and after embedding to verify Lighthouse scores do not move.
Placement matters more than feature richness. Spiegel and Baymard research consistently show that image masking widgets perform best when placed at the friction point in the conversion funnel: product page (right above the add-to-cart button), cart page (right above the checkout button), pricing page (right above the trial/buy button), or signup form (right above the submit button). Homepage placement is the weakest position because the visitor has not yet committed to a specific conversion intent. The other key placement decision is frequency: one popup every 30-60 seconds is the standard, with multi-popup-per-session caps to avoid fatigue. A/B test placement and frequency before settling on a default.
An image masking widget applies SVG path masks, PNG alpha masks, or CSS clip-path shapes to images for stylized cropping without destroying the source asset.
Last fact-checked: . We re-verify every quarter.
Can't find the answer you're looking for? Chat with our support team.
Contact SupportPoper takes 90 seconds to embed and your image masking runs on real-time data with FTC-compliant defaults.
Free plan available forever