Client Background
Elma Electronics is a global manufacturer of electronic enclosures and rotary switches. Their U.S. Shopify site is used primarily for gathering product inquiries rather than processing direct orders.
Problem
Elma needed a functional “Request Info” popup form on product pages to collect customer leads. The form needed to work across all browsers, avoid conflicts with ad blockers, and fail gracefully when JavaScript was disabled or blocked.
The Solution
We built a custom popup modal that appears on product pages and allows users to request more information. The solution included a fully styled, accessible form, embedded fallback, and compatibility testing across browsers and devices. The logic ensured reliable operation even when ad blockers or JS restrictions were in place.
Challenges
- Popup blocked by browser extensions (like ad blockers)
- Edge browser inconsistencies
- Ensuring accessibility and graceful fallback
- Coordinating live deployment across multiple environments
- Limited visibility into previous developer’s implementation
Approach
- Reviewed client’s goals and design references
- Scoped and implemented the custom popup modal
- Added graceful fallback for non-JS scenarios
- Conducted thorough cross-browser and mobile testing
- Coordinated with client and developer for deployment
- Addressed client feedback on styling and text changes
- Finalized form logic, submission behavior, and go-live
Results
- Fully functional info request popup form
- Mobile and desktop compatibility
- Ad-blocker safe fallback version
- Embedded form loads reliably across Edge, Chrome, Safari
- Improved lead capture UX without breaking the site
.png)
.png)
